/* CSS Document */

/* Standard styles for all pages */
body  
{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0;
	padding: 0;
	text-align: center;
	background: url("assets/logo_background_02.gif") repeat;
	
}
#container 
{
 	position:relative;
	top:0px;
	left:0px;
	width:1000px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #071293;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
	
#title 
{
	position: absolute;
	top:140px;
	left:240px;
	font: bold 16pt Verdana, Arial, Helvetica, sans-serif;
	color:#FFD786;	
}
#header 
{ 
	background: #071293; 
}
#nav 
{
 	position:absolute;
	top:30px;
	left:0px;
	float: left;
	width: 200px; /* since this element is floated, a width must be given */
	margin:170px 0 0 0;
	padding:0 10px 0 10px;
}
#nav #navbox 
{
	position:absolute;
	top:20px;
	left:0px;
	margin:0 10px 0 15px;
	z-index:100;
}	
#nav ul  
{
	position:absolute;
	top:0px;
	left:0px;
	list-style:none;
	margin:0;
	padding:30px 30px 20px 45px;
	z-index:200;
}
#nav li  
{
	border-bottom: 1px solid #674905;
}
#nav li a, #nav li a:link, #nav li a:visited 
{
	font-size: 0.9em;
	line-height:1.25em;
	color: #674605;
	display: block;
	text-decoration: none;
}
#nav li a:hover 
{
    color:#c8cdff;
    background-color:#674605;
}
#nav h3,  #nav p 
{
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}
#nav #archive
{
    position:absolute;
    top:230px;
    width:200px;
}
#nav #archive h2
{
    font: 14pt bold Verdana, Arial, sans-serif;
    text-align: center;
    color: #FFFFFF;
}
#nav #archive #archiveList
{
    padding: 0 0 0 20px;
    font-size: 0.8em;
}
#mainContent 
{
	padding: 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	background:url("assets/mainContent_middle.gif") repeat-y;
	background-color:#071293;
	margin: 0 0 0 200px;
} 
#mainContent p  
{
	font-size: 1.1em;
	padding: 0 40px 10px 60px;
	text-align:left;
}
#mainContent h2 
{
	padding: 0 40px 0 40px;
	text-align: center;
	color: #674605;
}
#mainContent table
{
    width: 800px;
    text-align: center;
    padding: 0 48px 0 48px;
}
#mainContent table a, a:link, a:visited
{
    font-size: 0.9em;
    color: #674605;
    display: block;
    text-decoration: none;
}
#mainContent td
{
    text-align: center;
    vertical-align: middle;
    font: 1.1em bold Verdana, Arial, Helvetica, sans-serif;
    color: #674605;
}
#footer 
{ 
	clear:both;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align:center;
 	color:#FFD786;
}  
#footer p 
{
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer #footerMenu {
    text-align:center;
    font: normal 16px 1.0em Verdana, Arial, sans-serif;
    color: #000000;
    padding:0 50px 0 50px;
}
#footer #footerMenu hr {
    color: #674605;
}
#footer #footerMenu a, a:link, a:visited {
	font-size: 1.0em;
	color: #FFD786;
	text-decoration: none;
	display: inline;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Special Home Page styles */

#headerHP  {
	position:relative;
	top:0px;
	left:0px;
	background:#FFD786;
	padding:0;
}
#headerHP img  {
	float: left;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
#navHP  {
	position:absolute;
	top:240px;
	left:13px;
	background:url(assets/nav_middle.gif);
	z-index:400;
}
#navHP #navboxtop  {
	position:absolute;
	top:0px;
	left:0px;
}
#navHP ul  {
	list-style:none;
	margin:0;
	padding:15px 20px 0px 20px;
}
#navHP li  {
	border-bottom: 1px solid #674905;
}
#navHP li a, #navHP li a:link, #navHP li a:visited {
	font-size: 0.9em;
	color: #674605;
	display: block;
	text-decoration: none;
}
#navHP li a:hover 
{
    color:#c8cdff;
    background-color:#674605;
}
#mainContentHP  {
	position:absolute;
	top:254px;
	left:0px;
	padding:10px;
	background: url(assets/middle.gif) repeat-y;
}
#mainContentHP img
{    
    margin:0 20px 10px 20px;
	padding:0px;
	border: ridge 1px #674605;
	float:left;
}
#mainContentHP p  
{
	clear:both;
	padding-left:227px;
	padding-right:330px;
	font-size: 0.7em;
	color: #674605;
	text-align:justify;
}
#mainContentHP .flourish  
{
	float:none;
	padding: 25px 330px 25px 270px;
	border:none;	
}
#mainContentHP h1  
{
	font: bold normal 1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #644905;	
}
#mainContentHP .picName  
{
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
#mainContentHP .picTitle  
{
	font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
#unionImage  
{
	position: absolute;
	top:535px;
	left:30px;
	line-height:2em;
	z-index:1000;
	width:150px;
	text-align: center;
}
#unionImage a, a:link, a:visited 
{
	font-size: 1.0em;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}
#navNotice  
{
	position: absolute;
	top:420px;
	left:30px;
	z-index:1000;
	width:150px;
	text-align: center;
}
#navNotice a, a:link, a:visited 
{
	font-size: 1.0em;
	color: #FFFFFF;
	display: block;
}
#navNotice hr
{
    color: #674605;
}
#wins  
{
	position: absolute;
	top:740px;
	left:30px;
	z-index:1000;
	width:150px;
	text-align: center;
}
#wins a, a:link, a:visited 
{
	text-decoration:none;
}
#wins hr
{
    color: #674605;
}
#mcHeading  
{
	position:absolute;
	top:-50px;
	left: 225px;
	width:450px;
	padding:10px 0 0 0;
	text-align: center;
	border-color: #003399;
}
#feature  
{
	position:absolute;
	top: 254px;
	left:713px;
	width:287px;
	background: url(assets/feature_middle.gif) repeat-y;
}
#feature a, a:link, a:visited 
{
	font-size: 1.0em;
	color: #071293;
	display: inline;
}
#feature h1  
{
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	color:#071293;
	text-align:left;
	margin-right:30px;
}
#feature h2  
{
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 5px 0 0 0;
	margin-right: 20px;
}
#feature p  
{
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	padding: 0px 15px 0 15px;
	margin-right: 20px;
}
#feature .btmimg 
{
	padding:0 0 0 0;
	float:left;
}
#feature .portrait 
{
	margin:0 15px 0px 30px;
	padding: 0;
	border: ridge 1px #071293;
	float:left;
}
#feature #flourish 
{
	padding:15px 0 15px 40px;
	border: none 0;
}
#footerHP  
{
	position:relative;
	top:1040px;
	width:1000px;
	clear:both;
	padding: 0;
	background: #FFD786;
	z-index:1000;
}
#footerHP p 
{
    font: normal 16px 1.0em; 
	padding: 0;
	text-align:center;
	line-height:.9em;
}
#footerHP #footerMenu 
{
    text-align:center;
    font: normal 16px 1.0em Verdana, Arial, sans-serif;
    padding:0 50px 0 50px;
}
#footerHP hr 
{
    color: #674605;
}
#footerHP #footerMenu a 
{
    display:inline;    
}
#footerHP .fltimg 
{
	float:left;
}

/* Project News styles */

#containerPN
{
    position:relative;
	top:0px;
	left:0px;
	width:1000px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}    
#headerPN {
	background: #FFFFFF;
	padding: 0 20px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#headerPN #banner
{
    margin: 0 0 0 -20px;
}
#headerPN h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0;
	text-align: center;
	font: 3em/0.7em Georgia, "Times New Roman", Times, serif;
	color: #000000;
}
#headerPN h2 {
	font: bold small-caps 20px "Times New Roman", Times, serif;
	text-align: center;
}
#headerPN h3 {
	font: italic .9em/.1em Georgia, "Times New Roman", Times, serif;
	text-align: center;
}

#headerPN #headerPNTable {
	font: 0.8em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
#navPN {
	float: left; /* since this element is floated, a width must be given */
	width: 210px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0px 15px 20px;
	font: 10pt Georgia, "Times New Roman", Times, serif;
}
#navPN h2 {
	font: bold small-caps 14pt "Times New Roman", Times, serif;
	background-color:#DDDDDD;
	text-align: center;
}
#navPN ul  {
	list-style:none;
	margin:0;
	padding:20px 20px 20px 20px;
}
#navPN li  {
	border-bottom: 1px solid #674905;
}
#navPN a, #navPN a:link, #navPN a:visited {
	font-size: 1.1em;
	color: #000000;
	text-decoration: none;
	display: block;
}
#navPN li a:hover 
{
    background-color:#D0D0D0;
}
#mainContentPN {
	margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image: url(assets/main_content_bg_02.gif);
	font: 14px Georgia, "Times New Roman", Times, serif;
	text-align: justify;
}
#mainContentPN .captioned_photo {
    position: relative;
    float: right;
	margin: .5em 1.0em .5em 1.0em;
 	padding: .25em;
	border: 1px ridge;
	line-height:.75em;	
} 

#mainContentPN .captioned_photo p {
position: absolute;
bottom: .25em;
left: .4em;
display:block;
width: 360px;
margin: 0;
padding: 0;
font: .75em/1.25em Verdana, sans-serif;
background: url(assets/caption_360.png) repeat-y;
letter-spacing: .05em;
color: #FFF;
}
#mainContentPN .captioned_photo p span {
display: block;
padding: .5em;
}
#mainContentPN .captioned_photo img {
margin: 0 0 0 0;
padding: 0;
}
#mainContentPN .cite  {
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
#mainContentPN .dtFormat {
    font:  italic 14px Georgia, "Times New Roman", Times, serif;
	text-align: center;
}	
#mainContentPN h2 {
	font: bold 24px Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
#logo {
	position:absolute;
	top:5px;
	left:5px;
}
.archivePN a, a:link, a:visited
{
    color: #000000;
    display:inline;
}
.archivePN a:hover
{
    background-color:#D0D0D0;
}   
#footerPN { 
	padding: 0 10px 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF; 
	text-align:center;
} 
#footerPN p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	line-height:1.5em;
}
#footerPN #footerMenu a, a:link, a:visited {
	font-size: 1.0em;
	color: #000000;
	text-decoration: none;
	display: inline;
}
#footerPN #footerMenu a:hover
{
    background-color:#D0D0D0;
}
/* Special Feature pages styles */
#mainContentFeat 
{
	padding: 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	background:url("assets/mainContent_middle.gif") repeat-y;
	background-color:#071293;
	margin: 0 0 0 200px;
} 
#mainContentFeat #mainImage
{
    margin:0 10px 10px 50px;
    float:left;
    border:solid 1px #000000;
}
#mainContentFeat h2 
{
	padding: 0 40px 0 40px;
	text-align: center;
	color: #674605;
}
#mainContentFeat a, a:link, a:visited
{
    font-size:0.9em;
    color:#674605;
    display:inline;
}

#mainContentFeat p  
{
	font-size: 0.8em;
	padding: 0 50px 0 50px;
	text-align:justify;
}

/* Find A Contractor styles */
#mainContentFAC 
{
	padding: 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	background:url("assets/mainContent_middle.gif") repeat-y;
	margin: 0 0 0 200px;
} 
#mainContentFAC #gvContractors 
{
    margin: 0 0 0 60px;
    font-size:10pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mainContentFAC .gvheader
{
    text-align:left;
    color:#FFD786;
    background-color:#071293;
}
#mainContentFAC .row td
{
    border-bottom:solid 1px #071293;
}
#mainContentFAC .alternating
{
    background-color:#c8cdff;
}
#mainContentFAC .alternating td
{
    border-bottom:solid 1px #071293;
}
#mainContentFAC p  
{
	padding: 0 40px 0 60px;
	text-align:left;
}
#mainContentFAC h2 
{
	padding: 0 40px 0 40px;
}
#mainContentFAC .label
{   
    font: bold 14pt Verdana, Arial, Helvetica, sans-serif;
    padding: 0 0 20px 0;
    color: #674605;
}

/* Legal Matters styles */
#mainContentLM
{
	padding: 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	background:url("assets/mainContent_middle.gif") repeat-y;
	margin: 0 0 0 200px;
} 
#mainContentLM p  
{
	font-size: 0.8em;
	padding: 0 50px 0 50px;
	text-align:justify;
}
#mainContentLM h2 
{
	padding: 0 40px 0 40px;
	text-align: center;
	color: #674605;
}
/* Site Map styles */
#mainContentSM 
{
	padding: 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	background:url("assets/mainContent_middle.gif") repeat-y;
	background-color:#071293;
	margin: 0 0 0 200px;
} 
#mainContentSM p  
{
	font-size: 2em;
	padding: 0 40px 10px 120px;
	text-align:left;
}
#mainContentSM ul
{   
    font-size: 1.1em;
    padding:0 0 0 80px;
}
#mainContentSM ul ul
{
    font-size: 1.0em;
    padding:0 0 0 10px;
}
#mainContentSM h2 
{
	padding: 0 40px 0 40px;
	text-align: center;
	color: #674605;
}
#mainContentSM li a, #mainContentSM li a:link, #mainContentSM li a:visited
{
    font-size: 1.1em;
	color: #674605;
	display: block;
	text-decoration: none;
}
#mainContentSM li a:hover
{
    font-size: 1.1em;
    color:#c8cdff;
    background-color:#674605;
    display:inline;
}

/* Industry Update styles */
#mainContentIU 
{
	padding: 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	background:url("assets/mainContent_middle.gif") repeat-y;
	background-color:#071293;
	margin: 0 0 0 200px;
} 
#mainContentIU h2 
{
	padding: 0 40px 0 40px;
	text-align: center;
	color: #674605;
}
#mainContentIU a, a:link, a:visited
{
    font-size:1.1em;
    line-height:1.3em;
    color:#674605;
}
#mainContentIU #dlstAllArticles p
{
    font-size:1.0em;
    padding:0 30px 0 60px;
}