@charset "iso-8859-1";
/* CSS Document */
* {
	margin:0;
	padding:0;
	}

ul, li {
	list-style:none;
	}

html {
	font-size:100%;
	}

html, body {
	height: 100%;
	}

body {
	background:url(images/apex_bg.jpg) top center no-repeat #081e55;
	width:100%;
	font-size:62.5%;
	line-height:1.9em;
	}
	
a {
	color:#FFF;
	text-decoration:none;
	}
	
a:hover { 
	color:#FFF;
	text-decoration:underline;
	}

a img { 
	border:none;
	margin:0;
	padding:0;
	}

/* ----- fonts ----- */

h1 {
	font-family: Verdana, Arial, sans-serif;
	color:#eaedff;
	font-size:2.5em;
	line-height:1.35em;
	text-align:center;
	padding:0.7em 0 0em 0px;
	}

h2, h5, h6,.accordion_child h6 {
	font-family: Verdana, Arial, sans-serif;
	color:#eaedff;
	font-size:2.2em;
	line-height:1.5em;
	text-align:center;
	padding:0.7em 0 0em 0px;
	letter-spacing:0em;
	}
	
h3 {
	font-family: Verdana, Arial, sans-serif;
	color:#eaedff;
	font-size:1.5em;
	line-height:1em;
	text-align:center;
	padding:0em 0 1.25em 90px;
	letter-spacing:0.1em;
	}
	
h4 {
	font-family: Verdana, Arial, sans-serif;
	color:#eaedff;
	font-size:1.5em;
	line-height:1.3333333em;
	text-align:center;
	padding:0em 0em 1.333333em 0;
	letter-spacing:0.1em;
	}

h5 {
	padding:0 0 0.5em 0;
	}
	
h6 {
	font-size:1.8em;
	line-height:2.1em;
	
	float:left;
	}

.accordion_child h6 {
	font-size:1.9em;
	line-height:1.9em;
	color:#FFF;
	padding:0;
	display:inline-block;
	float:left;
	}

p, #copyright p {
	font-family: Verdana, Arial, sans-serif;
	color:#bec4e8;
	font-size:1.2em;
	line-height:1.6em;
	text-align:left;
	padding:0em 0 0em 0px;
	letter-spacing:0.1em;
	}
	
#copyright p {
	color:#6d7a9b;
	padding-top:17px;
	font-size:10px;
	line-height:1.5em;
	text-align:center;
	}

.required p {
	text-align:center;	
}

/* ----- menu ----- */

a.home img {
	width:85px; 
	height:40px;
	background:url("images/sprite_menu.png") -390px 0 no-repeat;
	}
	a.home:hover img {
		background:url("images/sprite_menu.png") -390px -50px no-repeat;
		}

#menu ul, #menu li {
	display:inline;
	}

a.roster img {
	width:120px; 
	height:44px;
	background:url("images/sprite_menu.png") -5px 0 no-repeat;
	}
	a.roster:hover img {
		background:url("images/sprite_menu.png") -5px -50px no-repeat;
		}
	a.roster_current img {
		width:120px; 
		height:44px;
		background:url("images/sprite_menu.png") -5px -50px no-repeat;
		}
		
a.forum img {
	width:110px; 
	height:44px;
	background:url("images/sprite_menu.png") -125px 0 no-repeat;
	}
	a.forum:hover img {
		background:url("images/sprite_menu.png") -125px -50px no-repeat;
		}
	a.forum_current img {
		width:110px; 
		height:44px;
		background:url("images/sprite_menu.png") -125px -50px no-repeat;
		}
				
a.contact img {
	width:146px; 
	height:44px;
	background:url("images/sprite_menu.png") -240px 0 no-repeat;
	}
	a.contact:hover img {
		background:url("images/sprite_menu.png") -240px -50px no-repeat;
		}
	a.contact_current img {
		width:146px; 
		height:44px;
		background:url("images/sprite_menu.png") -240px -50px no-repeat;
		}
		
a.media img {
	width:82px; 
	height:44px;
	background:url("images/sprite_menu.png") -340px 0 no-repeat;
	}
	a.media:hover img {
		background:url("images/sprite_menu.png") -340px -40px no-repeat;
		}
	a.media_current img {
		width:82px; 
		height:44px;
		background:url("images/sprite_menu.png") -340px -40px no-repeat;
		}

li.menu1 {
	padding-left:288px;
	}

li.menu2 {
	padding-left:45px;
	}

li.menu3 {
	padding-left:30px;
	}

li.menu4 {
	padding-left:50px;
	}

/* ----- body styles ----- */

#wrapper {
	
	}
	
#container {
	width:960px;
	height:auto;
	margin:0 auto 0 auto;
	}

#header {
	width:960px;
	height:200px;
	}
	
#menu {
	width:960px;
	height:45px;
	padding-top:55px;
	}
	
#apex_logo {
	width:210px;
	height:85px;
	margin:34px 0 0 405px;
	}

.home_ap {
	width:85px;
	height:40px;
	position:absolute;
	top:135px;
	left:50%;
	margin-left:-16px;
	z-index:10;
	}

#body_copy {
	width:960px;
	height:auto;
	}
	
/* ----- CLEAR FIX ----- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.clear_right {
	clear:right;	
	}
		
.clearfix {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* ----- content boxes ----- */

.text {
	padding:10px 15px 10px 15px;
	}

#main_column {
	float:left;
	padding:0 0 0 20px;
	width:620px;
	height:auto;
	}
	
.main_panel {
	width:620px;
	height:auto;
	margin-bottom:20px;
	}

.main_repeat {
	background:url(images/main_repeat.png) top center repeat-y;
	width:620px;
	height:auto;
	}

.main_top {
	background:url(images/main_top.png) center top no-repeat;
	width:620px;
	height:96px;
	}

.main_footer {
	background:url(images/main_base.png) center top no-repeat;
	width:620px;
	height:6px;
	}

#side_column {
	float:left;
	padding:90px 0 0 10px;
	width:300px;
	height:auto;
	}
	
.side_panel {
	width:300px;
	height:auto;
	margin-bottom:20px;
	}

.side_repeat {
	background:url(images/side_repeat.png) top center repeat-y;
	width:300px;
	height:auto;
	}

.side_top {
	background:url(images/side_top.png) center top no-repeat;
	width:300px;
	height:96px;
	}

.side_footer {
	background:url(images/side_base.png) center top no-repeat;
	width:300px;
	height:6px;
	}
	
/* ----- footer ----- */

#footer {
	background:url(images/footer.png) bottom no-repeat;
	width:960px;
	height:90px;
	}
	

/* ----- recruit panel ----- */

.recruit_right {
	float:right;
	width:125px;
	height:48px;
	margin-bottom:-5px;
	}
	
.recruit_row {
	width:280px;
	height:auto;
	margin-bottom:-2px;
	}
	
.recruit_container_odd {
	background:url(images/recruit_odd.jpg) center top repeat-y;
	}
	
	
/* ----- roster ----- */

.main_top_roster {
	background:url(images/main_top_roster.png) center top no-repeat;
	width:620px;
	height:96px;
	}

#basic-accordian{
	margin:0;
	padding:0 10px 0 15px;
	width:595px;
	height:auto;
	background:url(images/roster_bg.png) right top no-repeat;
	}

#basic-accordian:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.accordion_headings{
	position:relative; 
	width:222px;  
	text-align:left!important; 
	height:24px;
	cursor:pointer;
	font-family: Verdana, Arial, sans-serif;
	color:#FFFFFF;
	font-size:1.4em;
	line-height:1.6em;
	text-align:left;
	padding:0em 0 0.3em 30px;
	margin:0;
	background:url(images/roster_header.png) left top no-repeat;
	}

.accordion_headings:hover {
	color:#cbe0fc;
	}

.accordion_child {
	padding:5px 0 0 0px;
	height:auto;
	width:355px;	
	}
.accordion_child p {
text-align:left!important;
}

.header_highlight {
	background:url(images/roster_highlight.png) left top no-repeat;
	color:#FFF;
	font-weight:bold;
	}

.left_members {
	float:left;
	width:240px;
	height:auto;
	}

.right_members {
	float:right;
	width:355px;
	height:auto;
	margin-top:10px;
	}
	
/* ----- contact form ----- */

.contact_top {
	background:url("images/contact_top.png") center top no-repeat;
	width:583px;
	height:11px;
	margin:0 auto 0 auto;
	}

.contact_base {
	background:url("images/contact_base.png") bottom no-repeat;
	width:583px;
	height:13px;
	margin:0 auto 0 auto;
	}

.contact_repeat {
	background:url("images/contact_repeat.png") center top repeat-y;
	width:583px;
	height:auto;
	padding:10px 0 5px 0 ;
	margin:0 auto 0 auto;
	}

#contact_form {
	width:600px;
	margin:0 auto 0 auto;
	padding:0 10px 0 10px;
	}

#mailform_response {
	letter-spacing:-1px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, sans-serif;
	font-weight:normal;
	color:#FFF;
	font-size:1.6em;
	text-align:center;
	margin:0px 0px 10px 0;
	padding:0px 0 0 0;
	}
	

#contact_form p {
	margin:0 0 0.5em 0.5em;
	letter-spacing:-0.07px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, sans-serif;
	font-weight:normal;
	color:#FFF;
	font-size:1.3em;
	text-align:left;
	line-height:1.5384615em;
	}
	
	
#mailform_right_column p {
	margin:0 0 0 3px;
	padding:0;
	text-align:left;
	}
	
#contact_form input, #contact_form textarea { 
	margin:0 0 2px 0; 
	padding:0px 0 0 3px; 
	font-size:0.9em; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, sans-serif;
	background-color:#5470b0; 
	border:solid 1px #163981; 
	color:#bec4e8;
	line-height:1.2em; 
	text-align:left;
	}

#contact_form input {
	height:20px;
	padding:2px 0 0 3px; 
	}

#contact_form textarea { 
	margin:3px 0 0 0; 
	padding:2px;
	}	

#contact_form input:focus, #contact_form textarea:focus { 
	background-color:#a7bceb; 
	border:solid 1px #FFF;
	color:#FFF;
	}

#contact_form input.sendbt {
	width:40px;
	height:22px;
	margin:0 auto 0px auto; 
	padding:0; 
	background-color:#163981; 
	color:#bec4e8;
	text-align:center;
	cursor:pointer;
	}

#contact_form input.sendbt:hover { 
	color:#FFF; 
	background-color:#163981; 
	border:1px solid #FFF;
	}

		
#mailform_footer {
	text-align:center;
	margin:0 auto 0 auto;
	padding:0 0 0 250px;
	}

.required {
	margin:0 auto 0 auto;
	padding-top:7px;
	width:400px;
	height:30px;
	border:1px solid #163981;
	background-color:#5470b0;
	}

.c_row {
	height:auto;
	width:auto;
	}

.c_legend {
	float:left;
	width:118px;
	height:15px;
	}

.c_legend p {
	text-align:right!important;
	}

.c_input {
	float:right;
	width:450px;
	border-left:1px solid #7d94c8;
	height:auto;
	margin-right:25px;
	}

/*----- validation -----*/

.validation {
	width:220px;
	height:29px;
	margin:10px auto 0 auto;
	}
	
a.valid_css {
	margin:0 20px 0 20px;
	}