/* This CSS was coded by Austen Clement and all comments are by him. */
/* If a value says DO NOT CHANGE, it's recommended you don't change it. The whole of the website depends on those values, and you could easily screw it up. */
/* When there is a suggestion, it is a suggestion, but it's generally there for a reason. Please be careful. */
/* The best thing you can do is to listen to the comments and suggestions. They WILL help a lot and following them WILL make your life easier. */

/* The following section of code is for STYLING and POSITIONING of main website elements such as body text and header position. */
body {
	background-color: #E4FFFF; /* DO NOT CHANGE THIS VALUE */
	background-image: url(../assets/basic_colors/bottom_gradient.png); /* DO NOT CHANGE THIS VALUE */
	background-position: bottom; /* DO NOT CHANGE THIS VALUE */
	background-repeat: repeat-x; /* DO NOT CHANGE THIS VALUE */
	margin: '0px' '0px' '0px' '0px'; /* DO NOT CHANGE THIS VALUE */
}

#outside_container {
	position: absolute;
	top:0;
	height: auto;
	width: 100%;
}

#container {
	width: 850px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#top_gradient {
	background-image: url(../assets/basic_colors/top_gradient.png); /* DO NOT CHANGE THIS VALUE */
	background-repeat: repeat-x; /* DO NOT CHANGE THIS VALUE */
	height: 298px; /* DO NOT CHANGE THIS VALUE */
}

#header {
	background-image: url(../assets/basic_colors/banneredit.png); /* DO NOT CHANGE THIS VALUE */
	background-repeat: no-repeat; /* DO NOT CHANGE THIS VALUE */
	position: relative; /* DO NOT CHANGE THIS VALUE */
	left:2px; /* DO NOT CHANGE THIS VALUE */
	top: 0px; /* DO NOT CHANGE THIS VALUE */
	height: 135px; /* DO NOT CHANGE THIS VALUE */
	width: 848px; /* DO NOT CHANGE THIS VALUE */
}

#body_div {
	background-image: url(../assets/basic_colors/body_slice.png); /* DO NOT CHANGE THIS VALUE */
	position: relative; /* DO NOT CHANGE THIS VALUE */
	top:0; /* DO NOT CHANGE THIS VALUE */
	width: 854px; /* DO NOT CHANGE THIS VALUE */
	height:auto;
}

/*The Following is for the navigation menu. DO NOT ALTER*/
a:link {
	color: #000000;
	text-decoration: none;
	z-index:1000;
}

a:hover {
	color: #333333;
	text-decoration: none;
	z-index:1000;
}

a:visited {
	color: #000000;
	text-decoration:none;
	z-index:1000;
}

body {
	margin:0px;
	font-family: "Trebuchet MS";
	font-size: 16px;
}

ul
{
border:none;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;

}

ul.menu {
	list-style-type:none;
	border:none;
	list-style:none; 
	margin:0; 
	padding:0;
}

ul.menu * {
	border:none;
	margin:0; 
	padding:0;
}

ul.menu a {
	border:none;
	display:block; 
	color: #F8F8F8; 
	text-decoration:none;
}

ul.menu li {
	border:none;
	position:relative; 
	float:left; 
	margin-right:0px;
}

ul.menu ul {
    list-style-type:none;
	border:none;
	position:absolute; 
	top:26px; 
	left:0; 
	background:#333333; 
	display:none; 
	list-style:none;
}

ul.menu ul li {
	position:relative; 
	border:1px solid #aaa; 
	border-top:none; 
	width:139.5px; 
	margin:0;
}

ul.menu ul li a {
	display:block; 
	padding:3px 7px 5px; 
	background-color: #DLDLDL;
}

ul.menu ul li a:hover {
	background-color: #3E3E3E;
}

ul.menu ul ul {
	left:140px; 
	top:-1px;
}

ul.menu .menulink {
	border:1px solid #aaa;
	padding:4px 0px 4px; 
	font-weight:bold; 
	background:url(../assets/nav.png); 
	width:139.5px;
	color:#FFFFFF;
}

ul.menu .menulink:hover, ul.menu .menuhover {
	background:url(../assets/nav_over.png);
	color:#FFF;
}

ul.menu .sub {
	background:#333333 url(../assets/arrow.gif) 132px 8px no-repeat;
}
	
ul.menu .topline {
	border-top:1px solid #FFFFFF;
}

#navbar {
	z-index:16;
}

#topnav {
	position: absolute;
	left: 2px;
	width: 856px;
	z-index:16;
	height: 26px;
}

#side_nav {
	position: relative;
	top: 2.25em;
	left:4px;
	width: 140px;
	z-index: 0;
	float:left;
}

div.accordion-toggle {
	border:1px solid #aaa;
	padding:4px 0px 4px; 
	font-weight:bold; 
	background:url(../assets/nav.png); 
	width:139.5px;
	text-align:center;
	color:#FFFFFF;
}

div.accordion-toggle:hover {
	border:1px solid #aaa;
	padding:4px 0px 4px; 
	font-weight:bold; 
	background:url(../assets/nav_over.png); 
	width:139.5px;
	text-align:center;
	color:#FFFFFF;
}

div.accordion-content {
	overflow:hidden;
	text-align:center;
}	


/*
	Featured Content Slider
	by: Chris Coyier
*/

#featured { /*Content slider*/
	z-index: 1;
	position: relative;
	top:-440px; /* To adjust the featured content slider vertical position, change this value. Negative numbers make it go up. */
	left:90px;
	height: 500px;
	width: 600px;
}

					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 500px; margin: 25px auto; position: relative; min-height: 500px;
											  background: url(../images/bg.png) top center; background-repeat:no-repeat;}


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #000000; text-decoration: none; }
a:hover, a:active							{ color: #333333; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{
	width: 419px;
	position: absolute;
	top: 86px;
	left: 40px;
}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 419px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(../images/transpBlack.png); padding: 1px; height: 35px; 
											  margin-top: -41px; position: relative; z-index: 9999; color: white; z-index:10; }
.photo-meta-data span 						{ font-size: 13px; z-index:10; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat; z-index:9; }

#mission {
	position:relative; 
	left:515px; 
	top:60px; 
	width:160px; 
	height:449px; 
	z-index:3;
}

#updates {
	position:relative;
	top:-240px;
	left: 420px;
	height: 500px;
	width: 283px;
	border-left-style: dotted;
	border-left-width:1px;
	border-left-color: #333333;
	background-image:url(../assets/Updates.png);
	background-repeat:no-repeat;
}

#h_and_f {
	position:relative;
	top:-770px;
	left: -80px;
	height:300px;
	width:567px;
	z-index:4;
	background-image:url(../assets/headlines and features.png);
	background-repeat:no-repeat;
}

div.accordion-right {
	border:1px solid #aaa;
	padding:4px 0px 4px; 
	font-weight:bold; 
	background:url(../assets/nav.png); 
	width:200px;
	height:24px;
	text-align:center;
	color:#FFFFFF;
}

div.accordion-right:hover {
	border:1px solid #aaa;
	padding:4px 0px 4px; 
	font-weight:bold; 
	background:url(../assets/nav_over.png); 
	width:200px;
	height:24px;
	text-align:center;
	color:#FFFFFF;
}

#rightbuttons {
	position:relative;
	left:500px;
	top:-275px;
	height:234px;
}

#para {
	position:relative;
	left:10px;
	right:10px;
	color:#000000;
}

#content {
	color:#000000;
}

#footer {
	position:absolute;
	width:850px;
	z-index:1;
	top: 1075px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	left:100px;
}

#main_body_region {
	position:relative;
	top:50px; 
	width:700px; 
	z-index:0;
	float:right;
	
}

#homefooter { /* Unless there is a problem with the homepage, please do not change these values. They have nothing to do with the template. */
	position:absolute; /* Unless there is a problem with the homepage, please do not change these values. They have nothing to do with the template. */
	width:850px;/* Unless there is a problem with the homepage, please do not change these values. They have nothing to do with the template. */
	z-index:1;/* Unless there is a problem with the homepage, please do not change these values. They have nothing to do with the template. */
	bottom:-505px; /* Unless there is a problem with the homepage, please do not change these values. They have nothing to do with the template. */
	left: -100px; /* Unless there is a problem with the homepage, please do not change these values. They have nothing to do with the template. */
	margin-top: 0px;/* Unless there is a problem with the homepage, please do not change these values. They have nothing to do with the template. */
	margin-right: auto;/* Unless there is a problem with the homepage, please do not change these values. They have nothing to do with the template. */
	margin-bottom: 0px;/* Unless there is a problem with the homepage, please do not change these values. They have nothing to do with the template. */
	margin-left: auto;/* Unless there is a problem with the homepage, please do not change these values. They have nothing to do with the template. */
}

#nav_container {
	z-index:16;
}

ul.sidemenu .menulink {
	border:1px solid #aaa;
	padding:4px 0px 4px; 
	font-weight:bold; 
	background:url(../assets/nav.png); 
	width:139.5px;
	color:#FFFFFF;
}

ul.sidemenu, ul.sidemenu ul {
  list-style-type:none;
  margin: 0px;
  padding: 0px;
  width: 139.5px;
}

ul.sidemenu a {
  display: block;
  text-decoration: none;
  z-index:1000;	
}

ul.sidemenu li {
  margin-top: 1px;
}

ul.sidemenu li a {
  background: #333;
  color: #fff;	
  padding: 0.28em;
  width:139.5px;
}

ul.sidemenu li a:hover {
  background: #000;
  width:139.5px;
}

ul.sidemenu li ul li a {
  background: #333333;
  color: #fff;
  padding-left: 0px;
}

ul.sidemenu li ul li a:hover {
  background: #666666;
  border-left: 5px #000 solid;
  padding-left: 0px;
}

ul.sidemenu .menulink:hover, ul.sidemenu .menuhover {
	background:url(../assets/nav_over.png);
	color:#FFFFFF;
}

#accordion {
	position:relative;
	left:.3em;
	width:156px;
	overflow:hidden;
}

a.sidemenuwhite {
	color:#FFFFFF;
}
#outside_container #top_gradient #container #body_div #main_body_region p strong {
	color: #00F;
}