/*
 * styles.css
 *
 * Glee Club Lite Webpages - from ericlifland.com
 * Eric Lifland (edited Peter Lifland)
 */

body
{
	font-family: calibri;
	text-align: center;
	font-size: 100%;
	background-color: #EDF2F8; /* Dragon white */
	margin:0;
	padding:0;
}

/* basic layout divs */

#wrapper 
{ 
	overflow:hidden;
}

#header
{
	background-color:#666666; /* Dark gray */
	color: #FFFFFF; /* White */
	font-size: 125%;
	font-weight:lighter;
	text-align:left;
	font-family:calibri;
	position:relative;
	border-top: 3px double #EBEBEB; /* grayish? */
	border-bottom: 3px double #EBEBEB; /* grayish? */
}

#center
{
	margin-left:20%;
	margin-right:20%;
	padding-top:3%;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

#left
{
	float:left;
	border-right: 3px double #EBEBEB; /* grayish? */
}

#right
{	
	float:right;
	border-left: 3px double #EBEBEB; /* grayish? */
}

#left, #right
{
	width:16%;
	background-color:#CCCCCC; /* Light gray */
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

#footer
{
	clear:both;
	background-color:#666666; /* Dark gray */
	color:#FFFFFF;
	padding:.5%;
	border-top: 3px double #EBEBEB; /* grayish? */
	border-bottom: 3px double #EBEBEB; /* grayish? */
}

/*top header*/

h1
{
	text-align:left;
	text-indent:5%;
	font-weight:100;
	font-size:180%;
	color: #666666; /* Dark gray */
	position:relative;
	margin:0;
	font-family:sans-serif;
}

h1 span#gradient
{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: url(gradient-glossy.png) repeat-x;
}

span#gleeclub
{
	position:absolute;
	top:0;
	right:5%;
	width: 250px;
	text-align:right;
	color: #666666; /* Dark gray */
}

#gray
{
	color:#454545;
}

/*menu*/

ul.menuul li
{
	display:inline;
	padding: 0 1.5%;
}

ul.menuul
{
	margin:0;
	padding:0;
}

ul.menuulr li
{
	display:inline;
	padding: 0 1.5%;
}

ul.menuulr
{
	margin:0;
	padding:0;
	position: absolute;
	top:0;
	right:2%;
	width: 250px;
	text-align:right;
}

a.menulink:link 		{color:#FFFFFF;text-decoration:none;}
a.menulink:visited 	{color:#FFFFFF;text-decoration:none;}
a.menulink:hover 	{color:#FFFFFF;text-decoration:none;background-color:#999999;} /* Medium gray */

/*specific page header*/
h2
{
	margin-top:0;
	padding-top:0;
	font-weight: bold;
	font-size: 110%;
}

/*Links*/

a.datalink:link		{color: #333333;} /* Dark gray */
a.datalink:visited	{color: #333333;} /* Dark gray */
a.datalink:hover	{color: #000000;} /* Black */

a.whitelink:link	{color: #FFFFFF;}
a.whitelink:visited	{color: #FFFFFF;}
a.whitelink:hover	{color: #B5CCE3;}

a.greylink:link		{color: #666666;}
a.greylink:visited	{color: #666666;}
a.greylink:hover	{color: #666666;}
a.greylink			{text-decoration: none;}