/* CSS Document */

*{margin: 0; padding: 0;}
html {
	font: 125% Arial, Helvetica, sans-serif;
}
body {
	font-size: 50%;
	background: #ffeebd url(img/bg.gif) fixed;
}
table{
	position: relative;
	margin: 1em auto;}
.hiddenSpan{display: none;}
/*/////////LAYOUT///////////////////////////////////////////*/
#container{
	width: 777px;
	position: realtive;
	background: url(img/bgContainer.gif) no-repeat;
	margin: 0px auto;
	padding: 11px 0 0;}
	#header{
		background: #920024 url(img/bgHeader.gif) no-repeat;
		height: 130px;
		position: relative;}
		#header ul{
			position: absolute;
			bottom: 0;
			right: 5px;}
		#header li{
			display: inline;}
			#header a{
				display: block;
				float: left;
				line-height: 1.5em;
				padding: 0 .3em;
				border-top: #e77764 1px solid;
				border-right: #5c0000 1px solid;
				border-bottom: #5c0000 1px solid;
				border-left:#e77764 1px solid;
				color: white;
				font-size: 1.4em;
				text-decoration:none;}
				#header a:hover{
					background: #de705e;}
					a.on{
						background: white;
						color: black;}
		h1{
			}
	#middle{
		background: white url(img/bgMiddle.gif) repeat-y;}
		#nav{
			width: 150px;
			float: left;
			background: url(img/bgNav.gif) no-repeat;
			padding-top: 42px;}
			#nav ul{
				list-style: none;}
				#nav li{
				margin: 0;
				padding: 0;}
				#nav a{
					display: block;
					line-height: 1.8em;
					font-size: 1.2em;
					width: 140px;
					color: black;
					padding: 2px 5px;
					border-bottom: 1px solid black;
					text-decoration:none;
					overflow: hidden;}
					#nav a:hover{
						text-decoration: underline;}
						#nav a:active{
							background: white;}
		#content{
			float: left;
			width: 617px;
			padding: 0;}
			*html #content{ padding: 0;}
			#subContent{
				}
	#bottomNav{
		clear: both;
		background: #920024;
		padding: 5px;}
		#bottomNav ul li{
			display: inline;}
			#bottomNav a{
				color: white;}
	#bottom{
		}
	#footer{
		text-align: center;}

/*/////////CUSTOM/////////////////////////////////////////*/
#maroonButton a{
	display: block;
	padding: 1px 0;
	height: 41px;
	width: 140px;
	position:relative;
	margin: 10px auto;
	background: url(img/maroonButton.gif) no-repeat;}
	#maroonButton a:hover{
		background: url(img/maroonButton.gif) no-repeat 0 -45px;}
		
#greenButton a{
	display: block;
	padding: 1px 0;
	height: 55px;
	width: 140px;
	position:relative;
	margin: 10px auto;
	background: url(img/greenButton.gif) no-repeat;}
	#greenButton a:hover{
		background: url(img/greenButton.gif) no-repeat 0 -59px;}

/*/////////GRAPHICAL BUTTONS//////////////////////////////*/


/*/////////TYPOGRAPHY/////////////////////////////////////*/

p{
	font-size:1.2em;
	line-height: 1.3em;
	margin: .5em 1em;}
	
#content ul li{
	margin-left: 50px;}

/*/////////CLEARFIX///////////////////////////////////////*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
*html .clearfix {height: 1%;}
.clearfix {display: block;}