/* Standard HTML Definition */
body, #wrapper {background:#fff; border:none;}
#nav {display:none;}
h1, h2, h3, a {color:#000;}

/* Page Elements */
 	#header:after { content:"Arctic Seafloor Mapping Project Web Site - arcticseafloormapping.gov";}
		
		 #nav { border-top:1px solid #fff; border-bottom:1px solid #fff; width:100%; margin-top:5px; height:20px;}
			#nav ul { margin:0; padding:0; width:600px; float:left;}
			#nav ul li{ float:left; list-style:none; padding:0 5px;}
			#nav a { font: bold 100% Arial, Verdana, Helvetica, sans-serif; text-decoration:none; color:#6b633f; display:block; padding:0 10px; line-height:20px;}
			#nav a:hover { background:#fff; color:#000;}
			
		#content {background: transparent; margin:0 20px 100px 0; width:455px; float:right;}

			#content .xb1, #content .xb2, #content .xb3, #content .xb4, #content .xb5, #content .xb6, #content .xb7 {display:block; overflow:hidden; font-size:0;}
			#content .xb1, #content .xb2, #content .xb3, #content .xb4, #content .xb5, #content .xb6 {height:1px;}
			#content .xb4, #content .xb5, #content .xb6, #content .xb7 {background:#8aadbe; border-left:1px solid #83a3b3; border-right:1px solid #83a3b3;}
			
			#content .xb1 {margin:0 8px; background:#83a3b3;}
			#content .xb2 {margin:0 6px; background:#83a3b3;}
			#content .xb3 {margin:0 4px; background:#83a3b3;}
			#content .xb4 {margin:0 3px; background:#8aadbe; border-width:0 5px;}
			
			#content .xb5 {margin:0 2px; background:#8aadbe; border-width:0 4px;}
			#content .xb6 {margin:0 2px; background:#8aadbe; border-width:0 3px;} 
			#content .xb7 {margin:0 1px; background:#8aadbe; border-width:0 3px; height:2px;} 
			
			#content .xboxcontent {display:block; background:#8aadbe; border:3px solid #83a3b3; border-width:0 3px;}
		
		#sidebar {background: transparent; margin:0 0 100px 20px; width:242px; float:left;}
		
			#sidebar .xb1, #sidebar .xb2, #sidebar .xb3, #sidebar .xb4, #sidebar .xb5, #sidebar .xb6, #sidebar .xb7 {display:block; overflow:hidden; font-size:0;}
			#sidebar .xb1, #sidebar .xb2, #sidebar .xb3, #sidebar .xb4, #sidebar .xb5, #sidebar .xb6 {height:1px;}
			#sidebar .xb4, #sidebar .xb5, #sidebar .xb6, #sidebar .xb7 {background:#a9c4cf; border-left:1px solid #83a3b3; border-right:1px solid #83a3b3;}
			
			#sidebar .xb1 {margin:0 8px; background:#83a3b3;}
			#sidebar .xb2 {margin:0 6px; background:#83a3b3;}
			#sidebar .xb3 {margin:0 4px; background:#83a3b3;}
			#sidebar .xb4 {margin:0 3px; background:#a9c4cf; border-width:0 5px;}
			
			#sidebar .xb5 {margin:0 2px; background:#a9c4cf; border-width:0 4px;}
			#sidebar .xb6 {margin:0 2px; background:#a9c4cf; border-width:0 3px;} 
			#sidebar .xb7 {margin:0 1px; background:#a9c4cf; border-width:0 3px; height:2px;} 
			
			#sidebar .xboxcontent {display:block; background:#a9c4cf; border:3px solid #83a3b3; border-width:0 3px;}
				#sidebar .xboxcontent img{margin-top:-.4em;}
				
		#search { float:right;}
			.textinput {width:120px;border:none; border-left:1px solid #fff; border-right:1px solid #fff; margin:0; padding:0; background:#55b7c2;  height:19px; line-height:20px; vertical-align:top; }
			.searchbtn {}
		
 	#footer { background:#588ca2; width:720px; padding:10px 20px; clear:both; border-top:1px solid #fff; border-bottom:5px solid #fff; font-size:80%;}
		#footer a{color:#000;}
		#footer a:hover{color:#fff;}
		
	#portfolio{list-style-type:none; margin:0; padding:0;}
		#portfolio p{ font-size:85%;}
	
/* Other Classes */
.partners { font-size:90%;}
	.partners ul {list-style-type:none; margin:0 5px; padding:0;}
	.partners li {
	margin:0;
	padding:0;
	height:100px;
	float:left;
	list-style:none;
	margin-left:0.5em;
	vertical-align:bottom;
	width: 100px;
}
	.partners li img { float:left; margin-right:10px;}
	
.clear {clear:both;}
.margin-right10{margin-right:10;}

.gallery {font-size:90%; margin:0 1em 0 1.5em;}
	.gallery img{border:3px solid #83a3b3;}
	.gallery p{margin:auto 0; padding:auto 0;}
	.gallery ul{list-style-type:none; margin-bottom:30px;}

/* Supplement Page */
#supplement-page #content, #supplement-page #sidebar{width:720px; margin-left:20px;}
#supplement-page #sidebar{margin-bottom:20px;}
	#supplement-page #sidebar ul{ list-style-type:none;}
	#supplement-page #sidebar li{float:left; margin:0 10px;}	
	
.column{ float:left; width:355px;}
	.column ul{list-style-type:none;}
	
/* Print Style */
body, #wrapper, .gallery img {background:#fff; border:none; margin:auto;}
#nav {display:none;}
h1, h2, h3, a {color:#000;}
#header, #content, #sidebar, #footer {float:none; width:760px; background:none; color:#000; border:none; margin:auto;}
#content .xb1, #content .xb2, #content .xb3, #content .xb4, #content .xb5, #content .xb6, #content .xb7, #content .xboxcontent, #sidebar .xb1, #sidebar .xb2, #sidebar .xb3, #sidebar .xb4, #sidebar .xb5, #sidebar .xb6, #sidebar .xb7, #sidebar .xboxcontent { background:none; color:#000; border:none;}
#supplement-page #content, #supplement-page #sidebar{{background:#fff; border:none; margin:auto; width:760px;}