/*
 * 		Styles for U3A Geelong web site
*/

@font-face {
	font-family:club;
	src:url('/fonts/SourceSansPro-Black.ttf');
}

@font-face {
    font-family:mentone;
    src:url('/fonts/mentone-semibol-webfont.ttf');
}


/*
@font-face {
	font-family:russo;
	src:url('/fonts/RussoOne-Regular.ttf');
	font-stretch:extra-expanded;
}

@font-face {
	font-family:cabin;
	src:url('/fonts/Cabin-SemiBoldItalic.ttf');
	font-stretch:extra-expanded;
}
*/

	a:link {color:#0000d0; text-decoration:none;}
	a:visited {color:#0050b0; text-decoration:none;}
	a:active {color:#d0d0d0; text-decoration:none;}

body
{
	color:#606060;
	font-family:sans-serif;
	font-size:16px;
	background-image:url(/icons/canvas2.jpg);
}

#page-container
{
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-o-border-radius:10px;
		background:-moz-linear-gradient(#a0c0f0, #101060);
		background:-o-linear-gradient(#a0c0f0, #101060);
		background:-webkit-linear-gradient(#a0c0f0, #101060);
		width:98.3%;
		margin:.5%;
		float:left;
		margin-left:auto;
		margin-Right:auto;
		padding:8px;
    	height:100%;
/*
    background-color:#f0f0f0;
    width:98%;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:-moz-linear-gradient(top, #fffff0, #e0e0c0);
	background:-webkit-linear-gradient(top, #fffff0, #e0e0c0);
	background:linear-gradient(to bottom, #fffff0, #e0e0c0);
	background:-webkit-gradient(linear,0% 0% 0% 100%,from(#fffff0),to(#e0e0c0));
	padding:0px;
	margin:1%;
	overflow:hidden;
*/
}

#banner
{
    width:99%;
    height:110px;
	position:relative;
	padding:0;
}

.banner-container
{
	background-color:#e4e8e8;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	height:82px;
	width:97%;
	margin-left:auto;
	margin-Right:auto;
	padding:10px;
	margin:.5%;
}

#main-panel
{
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	background:linear-gradient(#f0f0f0, #c8c8c8);
	background:-moz-linear-gradient(#f0f0f0, #c8c8c8);
	background:-o-linear-gradient(#f0f0f0, #c8c8c8);
	background:-webkit-linear-gradient(#f0f0f0, #c8c8c8);
/*	background:linear-gradient(#fffde8, #f0eec0);
	background:-moz-linear-gradient(#fffde8, #f0eec0);
	background:-o-linear-gradient(#fffde8, #f0eec0);
	background:-webkit-linear-gradient(#fffde8, #f0eec0); */
	float:right;
	margin:.5%;
	padding:10px;
    height:99%;
    width:82%;
	float:left;
    padding:5px;
	margin:.5%;
}

#info-panel
{
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	background:linear-gradient(#f0f0f0, #c8c8c8);
	background:-moz-linear-gradient(#f0f0f0, #c8c8c8);
	background:-o-linear-gradient(#f0f0f0, #c8c8c8);
	background:-webkit-linear-gradient(#f0f0f0, #c8c8c8);
    width:14%;
	float:left;
    padding:5px;
	margin:.5%;
    height:99%;
}

#foot-panel
{
    height:60px;
    width:99%;
	position:left;
    padding:5px;
	margin:.5%;
}

#menu-container
{
    background-color:#202020;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    height:20px;
    width:99%;
	position:relative;
    padding:0px;
	margin:.5%;
}

.button {
	width:115px;
	height:30px;
	background-color:#4050ff;
	padding:2px;
	font-family:sans-serif;
	color:yellow;
	font-weight:bold;
	text-decoration:none;
}

#disclaimer {
	background-color:#404040;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    height:auto;
	width:98%;
    padding:3px;
	margin:1%;
	color:white;
	font-family:sans-serif;
	font-style:italic;
	font-size:9px;
}

span.club
{
	color:#0000c0;
	font-family:sans-serif;
	font-size:30px;
/*	font-stretch:wider; */
	font-weight:800;
	font-style:italic;
	line-height:30px;
	vertical-align:bottom;
}

.gentx
{
    color:#606060;
	margin-top:.2em;
    font-family:mentone, sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:16px;
}

.gentx1
{
    color:#404040;
    font-family:mentone, sans-serif;
    font-size:12px;
    font-weight:400;
    line-height:14px;
}


.gentx2
{
    color:#50a050;
    font-family:mentone, sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:15px;
}

.note
{
    color:#606060;
	margin-top:.3em;
    font-family:mentone, sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:15px;
}


.info
{
    color:#707070;
    font-family:mentone, sans-serif;
    font-size:12px;
    font-weight:400;
    line-height:14px;
}

.copyright
{
    color:#8800dd;
	margin-top:.5em;
    font-family:mentone, sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:17px;
}


span.h2
{
	color:brown;
	font-family:club, sans-serif;
	font-size:20px;
	font-style:italic;
	/* font-stretch:wider; */
	font-weight:400;
	line-height:30px;
	vertical-align:bottom;
}

span.h2a 
{
	color:#505050;
	font-family:club, sans-serif;
	font-size:16px;
	font-weight:400;
	line-height:30px;
	vertical-align:baseline;
}


img.mast	{text-decoration:none;}
img.banner	{border:0;}
span.one	{color:#404040; font-family:sans-serif;
			 font-size:12px;font-weight:400;}

p.htwo
{
	color:brown;
	font-family:club;
	sans-serif;
	font-size:20px;
	font-weight:400;
	margin-bottom:0px;
}

p.hthree
{
	color:brown;
	font-family:club;
	sans-serif;
	font-size:20px;
	font-weight:400;
	margin-bottom:0px;
}

p.hfour
{
	color:#8040a0;
	font-family:Cabin;
	sans-serif;
	font-size:24px;
	font-weight:700;
	margin-top:0px;
}

p.hfive
{
	color:#8040a0;
	font-family:Arial;
	sans-serif;
	font-size:16px;
	font-weight:700;
	margin-top:0px;
}

p.ltwo
{
	color:#606060;
	font-family:Arial;
	sans-serif;
	font-size:16px;
	font-weight:700;
	margin-top:0px;
}

p.foot		{color:#404040;font-size:14px;line-height:16px;}
p.hone		{font-family:Arial;sans-serif;
			 font-size:20px; font-weight:700;}

ul.features	li {color:#50a050; font-family:mentone, sans-serif;
				margin-top:.3em;
				font-size:14px;font-weight:400; line-height:15px;}
table.officer { width:100%; }
tr.officer {line-height:10px;}
th.officer {vertical-align:bottom;}
td.officer {vertical-align:top;}

h1		{ color:brown; font-family:'russo', sans-serif; 
		font-size:20px; font-weight:700;}
h3		{color:green; font-size:13px; font-weight=700;}
p.d1	{color:#404040;font-size:12px; font-weight:400;}
li		{color:#404040;font-size:12px; font-weight:400;}