/* @body */

body {margin:0;
      paddding:0;
	  color: #000; 
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 12px; 
	  font-style: normal; 
	  font-weight: normal;
	  background:#961c17 url(images/background.gif) top left repeat-x;	  
	  text-align:center
}

#wrapper {margin: 0 auto; 
          padding:0; 
		  width:900px; 
          text-align:left; 
		  background-:none;
}

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

/* @aquatek header */

#mss_header {margin:0; padding:0; width:900px; height:134px; background:url(images/mss_header.gif) top left no-repeat; }
#mss_header h1 {text-indent:-9000px; margin:0; padding:0; width:900px}
#mss_header p.button{padding-left:765px; padding-top:40px;}


/* @fonts */

.black_text { font-size: 12px; font-style: normal; font-weight: normal}
.black_text_bold {  font-size: 12px; font-style: normal ; font-weight: bold}
.black_text_italic { font-size: 12px; font-style: italic; font-weight: normal}
.black_text_italic_bold { font-size: 12px; font-style: italic; font-weight: bold}
.black_text_small {font-size: 10px; font-style: normal; font-weight: normal }
.black_heading {font-size: 14px; font-style: normal ;  font-weight: bold }
.black_heading_med { font-size: 15px; font-style: normal ; font-weight: bold}
.black_heading_lg {font-size: 18px; font-style: normal ; font-weight: bold }
.black_text_small_bold { font-size: 10px; font-style: normal; font-weight: bold}
.black_text_large { font-size: 16px; font-style: normal; font-weight: normal}

.blue_text {color: #00396a;  font-size: 12px; font-style: normal; font-weight: normal}
.blue_text_bold {color: #00396a; font-size: 12px; font-style: normal ; font-weight: bold}
.blue_text_italic {color: #00396a; font-size: 12px; font-style: italic; font-weight: normal}
.blue_text_italic_bold {color: #00396a; font-size: 12px; font-style: italic; font-weight: bold}
.blue_text_small {color: #00396a; font-size: 10px; font-style: normal; font-weight: normal }
.blue_text_small_bold { color: #00396a;font-size: 10px; font-style: normal; font-weight: bold}
.blue_heading { color: #00396a; font-size: 14px; font-style: normal ; font-weight: bold}
.blue_heading_lg { color: #00396a; font-size: 16px; font-style: normal ;font-weight: bold}

.burgundy_text {color: #812521;  font-size: 12px; font-style: normal; font-weight: normal}
.burgundy_bold {color: #812521; font-size: 12px; font-style: normal ; font-weight: bold}
.burgundy_italic {color: #812521; font-size: 12px; font-style: italic; font-weight: normal}
.burgundy_text_italic_bold {color: #812521; font-size: 12px; font-style: italic; font-weight: bold}
.burgundy_small {color: #812521E; font-size: 10px; font-style: normal; font-weight: normal }
.burgundy_text_small_bold { color: #812521;font-size: 10px; font-style: normal; font-weight: bold}
.burgundy_heading { color: #812521; font-size: 14px; font-style: normal ; font-weight: bold}
.burgundy_heading_lg { color: #812521; font-size: 16px; font-style: normal ; font-weight: bold}

.footer_text {font-size: 10px; font-style: normal; color:#ccc}

/* @links */

a {
    TEXT-DECORATION: underline;
    COLOR: #812521;
}

 a:hover {
    TEXT-DECORATION: underline;
    COLOR: #000;
	background-color:00396a
}

a:visited {
    TEXT-DECORATION: underline;
    COLOR: #812521;
}



/* @main nav */

#main_nav {
	height:26px; 
	width:900px; 
	margin:0 ; 
	padding:6px 0 0 0; 
	background-color:#99664D; background:url(images/nav_background.jpg) top left repeat-x; 
	text-align:center
}
#main_nav ul {list-style:none; margin:0; padding:0;}
#main_nav li{margin:0; padding:7px 32px; display:inline}
#main_nav a {color:#fff; font-size:12px; margin:0; padding:0; text-decoration:none; font-weight:bold; text-transform:uppercase}
#main_nav a:visited {color:#fff;}
#main_nav a:hover{color: #961c17}


/* @page_body */

#page_body {margin:0; padding:0; width:900px; background-color:#FFFFFF}

#page_body:after {content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;} 
	
/* @ home page styles */

#index_page_body {margin:0; padding:20px; width:860px;}
		
#index_left {float:left; width:600px; padding:0; margin:0;}
#index_right{float:right; width:210px; padding:0; margin:0;}

/*#index_thumbnails {width:860px; background:#6d1515; margin:0; padding:0; margin-bottom:20px; text-align:left;}*/
#index_thumbnails {width:860px; height:250px; margin:0; padding:0; text-align:left;}
#index_thumbnails ul{list-style:none; margin:0; padding-top:15px; padding:8px 4px;}
#index_thumbnails li{margin:0; padding:0 3px; display:inline }

#index_callouts_gsa,  index_callouts_news {margin:0; padding:0;}
#index_callouts_gsa {
		background:url(images/home_gsa_background_big.jpg) top left no-repeat;
		height:175px;
		font-size:95%;
		padding:25px 10px 0 10px;
		margin-top:15px;
}
#index_callouts_news {
		background:url(images/home_news_background.jpg) top left no-repeat;
		height:175px;
		font-size:95%;
		padding:25px 10px 0 10px;
		
}


/* pages with navigation */

#page_body_w_nav {margin:0; padding:0; width:860px;}

/* @side_nav */

#side_nav{float:left; margin:0; padding:0; margin-top:35px; width:200px;}
#side_nav ul {list-style:none; margin:0; padding:0; padding-bottom:100px; display:block; }
#side_nav li{margin:0; padding: 8px 20px; text-align:left; border-bottom:#8f8f8f solid 1px; 
                  color: #232122; font-style: normal ; font-weight: bold}
#side_nav li.title{color:#812521; font-size: 14px; text-transform:uppercase}
#side_nav li.item{font-size: 12px; padding-left:32px}

/* @side_nav old */

/*
#side_nav{float:left; margin:0; padding:0; margin-top:35px; width:200px; background:#ccd5dd; border:#423e3f 1px solid; border-left:none} 
#side_nav ul {list-style:none; margin:0; padding:0; padding-bottom:100px; display:block; }
#side_nav li{margin:0; padding: 8px 20px; text-align:left; border-bottom:#423e3f solid 1px; 
                  color: #00396a; font-style: normal ; font-weight: bold}
#side_nav li.title{background-color:#423e3f; color:#fff; font-size: 12px; text-transform:uppercase}
#side_nav li.item{font-size: 12px; padding-left:32px}
*/

			 
#side_nav li.item a {
	font-weight:bold;
	text-decoration:none;
	color: #232122;
}

#side_nav li.item a:hover {
	text-decoration:underline;
	color:#812521;
}

#side_nav li.item a:visited  {
    color: #232122;
}

#side_nav li.title a {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color: #812521;
}

#side_nav li.title a:hover {
    text-decoration:underline;
	color:#000;
}

#side_nav li.title a:visited {
    color: #812521;
}


#page_right {float:right; margin:0; margin-top:35px; margin-bottom:50px; padding:0; width:620px; }

#page_right_pic {margin:0; padding:0;}
	
#page_right_title{
		padding:20px 0 10px 0 ; 
		margin:0; 
		font-size: 14px; 
		font-style: normal ; 
		color: #263178; 
		font-weight: bold; 
		text-transform:uppercase;
}

#page_right_text {margin:0; padding:0;}


/* @whitespace */

#white_space{ height:20em}

#white_space_half{ height:10em}


/* @pics */

p.pics {text-align:center}

/* @ picture thumbnails */

#picture_thumbs {float:left; width:900px; margin:75px 0 0 0; padding: 0; background-color:#3a508e}
#picture_thumbs ul{list-style:none; margin:0; padding:6px 4px}
#picture_thumbs li{margin:0; padding:0 6px; display:inline }


/* @footer */

#footer {clear:both; margin:0 auto; padding:0; padding-top:3px; width:900px; height:22px; background:url(images/footer_background.jpg) top left repeat-x}
#footer_left {float:left; margin:0; padding:0; padding-left:30px; width:500px; text-align:left}
#footer_right {float:right; margin:0; padding:0; padding-right:30px;width:200px; text-align:right}

#footer a {
    TEXT-DECORATION: underline;
    COLOR: #ccc;
}

#footer a:hover {
    TEXT-DECORATION: underline;
    COLOR: #812521;
}

#footer a:visited {
    TEXT-DECORATION: underline;
    COLOR: #ccc;
}

/* @sitemap page */	

div.sitemap {
	padding:0 0 0 40px
}
  	  
div.sm_prim {
	color: #18355d; 
	font-size: 12px; 
	font-style: normal; 
	font-weight:bold;
    padding: 15px 0 3px 20px
}
			  
div.sm_sec {
	color: #18355d; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal;
    padding: 3px 0 3px 40px
}
/* @Image Gallery */


/* @photoNav */

#photos_nav { 
	margin:0; 
	padding:0;
	margin-top:15px; 
	width:620px;
	height:23px; 
	/*background:url(images/pic_bg.gif) bottom left repeat-x; */
}

#photos_nav ul {padding:0; margin:0 ; list-style:none;}
#photos_nav li {padding:0; margin:0 ; list-style:none; display:inline;}

#photos_nav a {float:left; display:inline-block; padding: 4px 10px; margin: 0 4px 0 0 ;  border:1px solid #000; border-bottom:none; background-color:#CCCCCC;} 

/* IE6 only */

* html #photos_nav a  {
	height:20px; 
	}
	
/* IE7 */
*:first-child+html #photos_nav a  {
	height:20px; 
	height:20px\9;
	}
	
 


#photos_nav a {
	text-decoration:none; 
	FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
	text-transform:uppercase;
    COLOR: #812521;
	
}
	
#photos_nav a:hover {
	FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
	text-decoration:underline;
    COLOR: #fff;
	background-color:#812521;
	}
	
#photos_nav a.selected  {
	FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
	text-decoration:none; 
    COLOR: #000;
	background-color:#fff;
	border-bottom:none;
	height:15px; 
	}
	

/* IE6 only */

* html #photos_nav a.selected  {
	height:20px; 
	
	}
	
/* IE7 only */
	
*:first-child+html #photos_nav a.selected  {
	height:20px; 
	height:20px\9;
}
 

	

/* @ photos */
	
#photos {
	width:620px; 
	margin: 0;
	padding:0 ; 
	background-color:#fff; 
	border:1px solid #000; 
}

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

#photo_title
     {text-align:center;font-size: 12px; font-style: normal ; font-weight: bold; margin:0; padding:10px 0 ;color: #812521;}

/* @lrgPic */

#main_photo {width:570px; padding:15px; margin:0; text-align:center}


/* @smPic  */

#thumbnails {
	width:608px; 
	padding:10px 6px; 
	margin:0;
	height: 70px;
	overflow: auto;
	white-space: nowrap;}  


#thumbnails ul {padding:0; margin:0 ; list-style:none;}
#thumbnails li {padding:0 6px; margin:0 ; list-style:none; display:inline;}

/* test horizontal scroll */

#container {
  position: relative;
  width: 300px;
  height: 70px;
  overflow: hidden;
  border: 1px solid #EFEFEF;
}

#scroller {
  width: 928px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

.content {
  width: 50px;
  height: 50px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px;
  border: 1px solid #EFEFEF;
  font-size: .8em;
}

.scrollNav, .scrollNav a:link, .scrollNav a:visited  {
  font-size: .8em;
  color:#00009C;
  font-weight: bold;
}

<!--[if IE]>
<style type="text/css">

#scroller{
  width: 882px; /* = width + margin left + margin right from the content rule + border*2 from the container rule*/
}

</style>
<! [endif]-->