/* HTML Styles */
body
{
    margin: 0px 0px 0px 0px;
    /* background-color: #4C4C4C; */
    color: #525252;
	/*background-color: #eeece8;*/
	background: #eeece8 url(../../images/usg_pageTopGradient.gif) 0 98px repeat-x;  /* gradient under green masthead banner */
	
}


/*** link styles for page copy ***/
.mainContent a, .mainContent a:visited, #mainContentText a, #mainContentText a:visited { color: #8c6637; font-weight: bold;	text-decoration: none;}

.mainContent a:hover, #mainContentText a:hover {	color: #8c6637;	text-decoration: underline;}




a.linkNOunderline:link { text-decoration: none; }
a.linkNOunderline:hover { text-decoration: none; }
a.linkNOunderline:visited { text-decoration: none; }

/*#feature a.plainLink:link { text-decoration: none; color: #787979;}
#feature a.plainLink:hover { text-decoration: none; color: #787979;} 
#feature a.plainLink:visited { text-decoration: none; color: #787979;}

#feature a:link { color: #F19B58; }
#feature a:hover { color: #F19B58; }
#feature a:visited:hover { color: #F19B58; }
#feature a:visited { text-decoration: none; color: #F19B58; }

#feature a.siteLink:link { color: #515151; text-decoration: none; }
#feature a.siteLink:hover { color: #F17C21; text-decoration: underline; }
#feature a.siteLink:visited:hover { color: #F17C21; text-decoration: underline; }
#feature a.siteLink:visited { color: #515151; text-decoration: none; }

#resources a:link { color: #F19B58; }
#resources a:hover { color: #F1BD40; }
#resources a:visited:hover { color: #F1BD40; }
#resources a:visited { text-decoration: none; color: #F19B58; }*/


ul{    list-style-type: none;    margin: 8px 0px 15px 15px;    padding: 0px 0px 0px 0px;}

	ul li
	{
		list-style-image: url(../../images/usg_feature_1stLevel_bullet.gif); 
		background-repeat: no-repeat;
		background-position: 5px 5px;
		line-height: 1.5em   
	}
		ul li ul li
		{
			list-style-image: url(../../images/usg_feature_2ndLevel_bullet.gif);
			background-repeat: no-repeat;
			background-position: 5px 5px;
			padding: 0px 0px 0px 0px;
		}
	ul ul
	{
		list-style-type: none;
		margin: 5px 0px 5px 20px;
		padding: 0px 0px 0px 0px;
	}

ul.nobullet, ul.nobullet li {list-style: none; margin:0; padding:0; text-indent: none;}
	ul.nobullet li {margin: .5em 0; }



/* General Styles */


#mainContentFeature {background: url(../../images/usg_content_gradient.gif) 0 0 repeat-x #fff;
		width: 707px; padding :0 0 0 20px;  }
	div[id="#mainContentFeature"] {width: 717px !important; }
	/* wrapper div for mainContent that allows us to put in a gray gradient to its right. size adjust hack follows */
	
.mainContent /* this is a table cell */
{
    
	background: url(../../images/bg_page_gradient-gray.gif) 0 0 repeat-x #eeece8; 
			/*gradient with light-gray background  */
			
	/*background: url(../../images/bg_maincontent_gradient-white.gif) 20px 0 no-repeat;*/
			/* a wide white background with top gradient, positioned for hte main content. */
			
    /*padding: 0px 0px 0px 40px; */
	padding-left: 20px;
	font-size: 11px;
	line-height: 1.4em;
	/*line-height: 15px;*/
	font-family:Arial, Helvetica, sans-serif;  
	width: 445px;
	border-right: 1px solid #a5a5a5;
}
#diagShadow
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(../../images/usg_diagonalBarTopShadow2.gif);
    background-repeat: no-repeat;
    width: 749px;
}
#printLink
{
    height: 18px;
    width: 465px;
    margin: 0px 0px 16px 0px;
}
#featureShadow
{
    background-image: url(../../images/usg_featureShadow.gif);
    background-repeat: repeat-x;   
    margin: 0px 0px 10px 20px;
}
#featureShadow_cell2
{
    background-image: url(../../images/usg_featureShadow.gif);
    background-repeat: repeat-x;
    
    height: 30px;
}

/* Home Page Styles */
#home_topPic
{    
    	margin: 0px 0px 0px 20px;
	width: 729px;
	height: 320px;    
}
#home_bottomSpacer { height: 200px; }
#right-sideFlash_home
{
	position: absolute;
	top: 364px;
    	left: 746px;
    	z-index: 1;
}
#home_appGuideLinkage
{
    margin: 25px 0px 0px 45px;    
}
.home_appGuideLink a
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;	
    color: #474747;
    margin: 0px 0px 0px 13px;
    text-decoration: none;
}
#home_appGuideLinkage_C
{
    background-image: url(../../images/usg_home_appGuideLinkage_C_thumb.gif);
    background-repeat: no-repeat;    
    padding: 0px 0px 0px 51px;
    height: 58px;
}
#home_appGuideLinkage_DEF
{
    background-image: url(../../images/usg_home_appGuideLinkage_DEF_thumb.gif);
    background-repeat: no-repeat;    
    padding: 0px 0px 0px 51px;
    height: 58px;
}
#home_appGuideLinkage_notsure
{
    margin: 0px 0px 0px 51px;
    height: 58px;
}

/* Footer Styles */
#footer
{
    margin: 0px 0px 0px 0px;
    width: 749px;
    height: 30px;
    background-image: url(../../images/usg_footer_bkgrd.gif);
    background-repeat: repeat-x;
}
.footerCell 
{
    padding: 5px 0px 0px 43px;
}
.footerCell a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;	
    color: #546579;    
    text-decoration: none;
}
.copyright
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;	
    color: #686969;    
    text-decoration: none;
}



#right-sideFlash_drill
{
	position: absolute;
	top: 134px;
    	left: 746px;
    	z-index: 1;
}

/* Feature, Interviews, Timeline Styles */

/*** inset banner graphic and text ***/
/*.insetBanner {width: 412px; display:block; position: relative;  background-color: #f5f4f1;  margin: 50px auto; border: 1px dotted red;}
	.insetBanner img {position: relative;  top:9px; left:9px; margin-bottom:9px;}
	.insetBanner span {position: relative; top: 0; left: 9px; }*/

.insetBanner {width: 412px; background-color: #f3f6f9; padding:9px; margin: 10px auto; border: 1px dotted red; }
	.insetBanner img { margin-right:9px; }
	.insetBanner span { float:left;}



#chart_Header
{
	padding: 57px 0px 18px 43px;
}

#feature_righttopSpacer
{
    height: 336px;
}
#feature_rightbottomSpacer
{
    height: 100px;
}
#feature_topPic /* repeated for each feature */
{
    margin: 0px 0px 10px 20px;    
}
#feature_top /* repeated for each feature with a top pic*/
{
    margin: 0px 0px 7px 0px;	      
}
#feature_seismiccode_topPic /* repeated for each feature with a top pic*/
{
    margin: 0px 0px 7px 20px;	
    width: 445px;
    height: 138px;
    background-image: url(../../images/usg_header_seismiccode.jpg);
    background-repeat: no-repeat;
    background-position: top left;    
}

#feature_topPicTitle
{
    padding: 28px 0px 3px 43px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: #52637B;
    line-height: 1.025;	
}
#feature_topPicTitle_2
{
    padding: 28px 0px 3px 23px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: #52637B;
    line-height: 1.025;	
}
#feature_topPicSubTitle
{
    padding: 0px 0px 12px 23px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;    
    color: #FF8522;	
}
#feature
{
   font-family: Verdana, Arial, Helvetica;
   font-size: 10px;
   margin: 0px 0px 10px 50px;
   width: 410px;
}
#featureDate
{
    margin: 0px 0px 8px 0px;
    font-weight: bold;
    color: #000000;
}
#featureByLine
{
    margin: 0px 0px 8px 0px;
    color: #4F5F72;
    font-style: italic;
}
#featureDots
{
    margin: 0px 0px 16px 0px;   
    height: 1px;
    width: 10px;
}
#featureText
{
    margin: 0px 0px 0px 2px;
    width: 412px;
    line-height: 1.5em;
}
#interview_Intro
{
    padding: 0px 0px 0px 160px;
    width: 260px;
      
}
#interview_position
{
    margin: 0px 0px 8px 0px;
    color: #836d4d;
    font-style: italic;
    padding: -200px 0px 0px 0px;
}
#interview_dots
{
    margin: 0px 0px 0px 0px;    
    height: 1px;
    width: 10px;	
}
#interview_topTitle
{
    padding: 28px 0px 3px 43px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: #52637B;
    line-height: 1.025;	
}
#interview_topSubTitle
{
    padding: 0px 0px 10pt 43px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    width: 430px;    
    color: #FF8522;	
}

#interview_TitleDivider
{
    margin: 8px 0px 8px 16px;
    padding: 0px 0px 0px 0px;    
    height: 1px;
    width: 416px;
}
#interview_Bachman
{
    background-image: url(../../images/usg_interview_Bachman.jpg);
    background-repeat: no-repeat;
    height: 165px;
    width: 430px;   
}

#question
{
	background-image: url(../../images/usg_feature_1stLevel_bullet.gif); 
    background-repeat: no-repeat;
    padding: 0px 0px 0px 9px;
    margin: 0px 0px 10px 0px;
    font-weight: bold;
     background-position: 0px 5px;
      
}
#answer
{
	margin: 0px 0px 10px 9px;
}
#answerDots
{
	margin: 0px 0px 18px 0px;
}
#resourceLink
{
	background-image: url(../../images/usg_relatedsites_linkOFF.gif); 
    background-repeat: no-repeat;
    padding: 0px 0px 0px 13px;
    margin: 0px 0px 12px 0px;
    font-weight: bold;
     background-position: 0px 5px;  
}
#resourceLink2
{
	background-image: url(../../images/usg_relatedsites_linkSTILL.gif); 
    background-repeat: no-repeat;
    padding: 0px 0px 0px 13px;
    margin: 0px 0px 5px 0px;
    font-weight: bold;
     background-position: 0px 5px;
      
}
#resourceLinkbtn
{
	
    padding: 0px 0px 0px 13px;
    margin: 0px 0px 15px 0px;
    
      
}



/*** timeline styles ***/

#event { margin: 0px 0px 17px 0px; }
	#eventDate
	{
		margin: 0px 0px 0px 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #8c6637;
	}
	#eventPic
	{
		margin: 8px 16px 8px -8px;  
		padding:8px 8px 0 8px; 
		background-color: #f5f4f1;
		color: #8194A2;
		width: 416px;
		height: 105px;
	}
	
	#eventPicCaption
	{    
		margin-top: -93px;
		margin-left: 207px;
		margin-right: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;    
		color: #546579;   
		line-height: 1.2em;    
	}
	#eventPicCaption2
	{    
		margin-top: -93px;
		margin-left: 107px;
		margin-right: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;    
		color: #546579;   
		line-height: 1.2em;    
	}
	
	#eventText { margin: 0px 0px 8px 0px; 
			font-size:11px; line-height:1.4em;}
		#eventText p {margin-top:0;}
	#eventDots { margin: 0px 0px 0px 0px; }


/* Resources Styles */
#resources
{
   font-family: Verdana, Arial, Helvetica;
   font-size: 10px;
   margin: 0px 20px 10px 43px;
}
#resourceItem
{
    background-image: url(../../images/usg_resources_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding: 0px 0px 0px 12px; 
    margin: 0px 0px 15px 0px;
}
.resourceLink
{
   margin: 5px 0px 0px 0px;
}

/* Module Styles */


#feature_appGuideLinkage
{
    margin: 0px 0px 0px 0px;
}
.feature_appGuideLink a
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;	
    color: #474747;
    margin: 0px 0px 0px 13px;
    text-decoration: none;
}
#feature_appGuideLinkage_C
{
    background-image: url(../../images/usg_feature_appGuideLinkage_C_thumb.gif);
    background-repeat: no-repeat;    
    padding: 0px 0px 0px 51px;
    margin: 0px 0px 15px 0px;
    height: 58px;
}
#feature_appGuideLinkage_DEF
{
    background-image: url(../../images/usg_feature_appGuideLinkage_DEF_thumb.gif);
    background-repeat: no-repeat;    
    padding: 0px 0px 0px 51px;
    margin: 0px 0px 15px 0px;
    height: 58px;
}
#feature_appGuideLinkage_notsure
{
    margin: 0px 0px 0px 51px;
    height: 43px;
}


/*** side bar blue boxes ***/
#blueBox {	width:254px; margin-bottom: 25px;}
	#blueBox td {
		border-bottom:1px solid #fff;
		font-family:Arial, Helvetica, sans-serif !important;
		font-size:10px;
		line-height:12px;
		text-align: left;
	}
	#blueBox td.blueBoxTitle {
		background-color: #6e92b1;
		color: #fff;
		padding: 0px;
	}
	#blueBox td.blueBoxTitle strong  {
		text-transform:uppercase;
		font-weight: bold;
		font-size: 11px;
		text-align: left;
		color: #fff;
	}
	#blueBox td.blueBoxText {
		background-color: #e1effb;
		color: #83939e;
		padding:8px 10px 8px 10px;
		text-align: left;
	}
		#blueBox td.blueBoxText a, #blueBox td.blueBoxText a:visited, 
		#blueBox td.blueBoxTextOn a, #blueBox td.blueBoxTextOn a:visited {text-decoration: none;
					color: #4c4c4c; }
			#home_bluebox td.blueboxtext a, #home_bluebox td.blueboxtext a:visited {text-decoration: none;
						color: #4c4c4c; } /* home page links */
		#blueBox td.blueBoxTextOn {
			background-color: #f3f8fd;
			color: #83939e;
			padding:8px 10px 8px 10px;
			text-align: left;
		}
	#blueBox td.blueBoxText strong, #blueBox td.blueBoxTextOn strong {
		color: #4c4c4c;
		font-weight: bold;
		font-size:11px;
	}
	#blueBox td.blueBoxText a span, #blueBox td.blueBoxText a:visited span, 
	#blueBox td.blueBoxTextOn a span, #blueBox td.blueBoxTextOn a:visited span {
			color: #61717c;  font-weight:normal; /*subhead links*/
	}


/*** sidebar green box text and icon links ***/
#greenBox {	width: 254px !important; }
	#greenBox td, #home_greenbox td {
		border-bottom:2px solid #fff;
		font-family: arial, helvetica, sans-serif;
		font-size: 12px;
		line-height:14px;
		text-align: left;
		background-color: #effae7;
	}
		#greenBox td.greenBoxText {
			border-right:2px solid #fff;
			color: #676251;
			font-size: 12px;
			line-height:14px;
			padding: 8px;
			vertical-align: top;
			width: 170px !important;
		}
		#greenBox td.greenBoxTitle {padding:0;}
		#greenBox td.greenBoxText a, #greenBox td.greenBoxText a:visited {text-decoration: none;
					color: #291d0c; }
			#home_greenbox td.greenboxtext a, #home_greenbox td.greenboxtext a:visited
			 {text-decoration: none;
						color: #584F41; } /* home page links */
			#greenBox td.greenBoxText a, #greenBox td.greenBoxText a:visited,
			#greenBox td.greenBoxTextOn a, #greenBox td.greenBoxTextOn a:visited
			 {text-decoration: none;
						color: #584F41; } /* home page links */
			#greenBox td.greenBoxTextOn {
				border-right:2px solid #fff;
				color: #676251;
				background-color: #f7fcf3;
				font-size: 12px;
				padding: 10px;
				vertical-align: middle;
				width: 170px !important;
			}
		#greenBox td.greenBoxText span {
			background-image: url(../../images/charts_greenBoxArrow.gif); 
			background-repeat: no-repeat;
			padding: 0px 0px 0px 13px;
			margin: 0px 0px 12px 0px;
			font-weight: bold;
			background-position: 0px 5px; 
			display: block;
		}
			#greenBox td.greenBoxTextOn span {
				background-image: url(../../images/charts_greenBoxArrowOn.gif); 
				background-repeat: no-repeat;
				padding: 0px 0px 0px 13px;
				margin: 0px 0px 12px 0px;
				font-weight: bold;
				background-position: 0px 5px; 
				display: block;
			}
			#greenBox td.greenBoxText span img, #greenBox td.greenBoxTextOn span img {margin-top:2px; margin-bottom:-2px;}



#right-side-content
{
	position: absolute;
	top: 99px;
    left: 745px;
    z-index: 1;
}

#printButton
{
	margin: 10px 12px 0 375px;
}

#mainContentText
{
	width: 430px;
	line-height: 1.4em;
}

#leftContentBox
{
	width: 20px;
	padding: 0;
	margin: 0;
	position: relative;
	left: -40px;
	top: 0px;
	height: 100%;
	background-color: #f7f7f7;
}

#leedChart { width:430px;  font-size:10px; }
	#leedChart table { width: 430px; border:0; margin:0; padding:0 }
	#leedChart thead { font-weight:bold;  font-size:11px;}
		#leedChart thead td { vertical-align: bottom;}
		#leedChart thead .normal { font-weight: normal;}
	#leedChart td { vertical-align:top; padding:6px; border-right: 1px solid #000; border-bottom: 1px solid #000; }
		#leedChart table.noSideBorders td, #leedChart table.noSideBorders td.thinLine {border-right: none; }
	#leedChart .row1 { background-color: #ffffff; }
	#leedChart .row2 { background-color: #f3faee; }
	#leedChart .leedCat { color:#6d9a4d; font-weight: bold; }
	#leedChart .thickLine { border-bottom: 2px solid #000 }
	#leedChart .thinLine { }
	#leedChart .sideLines { }
	#leedChart .pdfIcon {float: right; border:none; margin-top: 0px;}
		div[id="leedChart"] .pdfIcon {float: right; border:none; margin-top: 0 !important;}
	#leedChart td.lastCol {border-right: none; }
	#leedChart td.noBorder {border: none; }
	#leedChart strong {font-size:11px; font-size:11px; }

.relatedSitesLink
{
	background-image: url(../../images/usg_relatedsites_link.gif); 
    background-repeat: no-repeat;
     background-position: 0px 5px;  
	 padding: 0 0 0 10px;
}




p.footnote {font-size: 9px; margin-left: 3px;}
	p.footnote strong {font-size: 11px; }
.nomargin, .nomargin * {margin:0; padding:0; float:left; text-indent:none; }





#requestform table {margin: 0 0 20px 0; padding:0; }
	#requestform td {margin:0; padding:3px; }
	#requestform table.bkgrd2 td {background-color: #f5f4f1; }
#requestform input, #requestform select {background-color: #fff; border: 1px solid #ccc; }
#requestform input.formbutton {border: none; }



#imgcontainer{height: 429px; width: 428px; overflow: hidden; background-color: #494949;  border-right: solid 2px #494949; border-left: solid 2px #494949; z-index: 100; position: relative;}
		#imgslider{postion: absolute; width: 5000px; left: 0; margin-left: -698px;}
		#imgslider img{float: left; padding: 0 1px 0 1px;}

		#imgcontainer .arrow{margin-top: 200px;}
		#RightArrow{position: absolute; left: 0; margin-left: 400px; background-image: url(/images/imagegallery/rightarrow.gif); width: 22px; height: 42px; display: block;}
		#LeftArrow{position: absolute; left: 0; background-image: url(/images/imagegallery/leftarrow.gif); width: 22px; height: 42px; display: block; margin-left: 2px;}