@import url('reset.css');

/*/////////////////////////////////*/
/*//GLOBALS////////////////////////*/
/*/////////////////////////////////*/
body {
background: url(/media/img/bg_main.png) #eceddf top center repeat-x;
color: #414141;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.5em;
text-align: center;
}

a {color: #cc6600; text-decoration: none;}
a:hover {color: #fa840f;}

h1, h2, h3, h4, h5 {color: #cc0000; display: block; line-height: 1.1em; margin: 30px 0 0 0;}
h1 {color: #ccc; font-size: 48px;}
h2 {font-size: 36px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}

p {margin: 20px 0 0 0;}

/*/////////////////////////////////*/
/*//MAIN STRUCTURE/////////////////*/
/*/////////////////////////////////*/
#wrapper {margin: 0 auto; text-align: left; width: 960px;}

#header {
background: url(/media/img/bg_header.png) 0 0 no-repeat;
float: left;
height: 91px;
position: relative;
width: 960px;
}
	#logo {height: 36px; left: 25px; position: absolute; top: 13px; width: 312px;}
	#navigation {height: 25px; left: 0; line-height: 25px; font-size: 14px; position: absolute; text-transform: uppercase; top: 65px; width: 960px;}
		#navigation ul {margin: 0 0 0 15px;}
		#navigation ul li {background: url(/media/img/bullet_arrow.png) center left no-repeat; display: inline; margin: 0 10px 0 0; padding: 0 0 0 7px;}
		#navigation ul li a, #footer a {color: #414141; text-decoration: none;}
		#navigation ul li a:hover, #footer a:hover {color: #cc0000;}
		
#footer {
background: url(/media/img/bg_footer.png) 0 0 no-repeat;
float: left;
font-size: 11px;
height: 54px;
line-height: 1.3em;
padding: 10px 15px 0 0;
text-align: right;
width: 945px;
}
	#footer li {display: inline;}

	
/*//HOMEPAGE/////////////////*/
#splash {
background: #cc0000;
float: left;
height: 460px;
margin: 0 0 7px 0;
width: 960px;
}

/*//ADDITIONAL PAGES/////////////////*/
#content_wrapper {
float: left;
padding: 0 30px 30px 30px;
width: 900px;
}
	#content {float: left; margin: 0 50px 0 0; text-align: justify; width: 480px;}
		#content ul {margin: 10px 0 0 0;}
		#content ul.names li {border-bottom: 1px solid #c2c2c2; margin: 0 20px 0 0; padding: 3px 0;}
	#sidebar {float: left; margin: 30px 0 0 0; width: 370px;}
		#sidebar img {border: 10px solid #e9e9e9;}

/*/////////////////////////////////*/
/*//CLASSES////////////////////////*/
/*/////////////////////////////////*/
.btn {background: url(/media/img/btn.png) 0 0 no-repeat; float: left; height: 33px; padding: 0 0 0 10px; text-shadow: #333 0 1px 1px;}
	.btn a {background: url(/media/img/btn.png) right -33px no-repeat; color: #fff; float: left; font-size: 18px; line-height: 33px; padding: 0 10px 0 0;}
	.btn a:hover {color: #000;}
.callout {color: #cc0000;}