/* - - - - - - - - - - - - - - - - - - - - -

Title : Dam Safety Action . org
Author : BOLD Internet Solutions
URL : http://www.bold-is.com 

Description : Primary stylesheet for damsafetyaction.org

- - - - - - - - - - - - - - - - - - - - - */

body { margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; font-size: 75%; color: #333; background-color: #007bc4; background-image:url(/IN/images/bkgd.jpg); background-repeat:no-repeat; text-align: center;  }

/*typography*/

a { text-decoration: none; color: #000; }
a:link { color: #007bc4; }
a:visited { color: #007bc4; }
a:active {  }
a:hover { text-decoration: underline; }

h1 { font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; }
h2 { font-size: 1.7em; margin: 0 0em .75em 0em; font-weight: normal; }
h3 { font-size: 1.25em; margin: 1.2em 0em 0.2em 0em; font-weight: normal; text-transform: uppercase; color: #333; }
h4 { font-size: 1.2em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }
h5 { font-size: 1.0em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }
h6 { font-size: 0.8em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }

blockquote { padding-left:60px; padding-right:60px; padding-top:1em; padding-bottom:1.2em;}
blockquote.cite { padding-bottom:0; }

cite { padding:-0px 60px 20px 60px; text-align:right; font-style:italic; }

img { border: 0; }


p { font-size: 1.0em; line-height: 1.8em; margin: 1.2em 0 0em 0em; }

.table_main { margin:6px 0px 6px 0px; width:550px; border-right:1px solid #999999;}
.table_main td { text-align:left; padding:3px 0 3px 3px; border-left:1px solid #999999; border-bottom:1px solid #999999; }
.table_main caption { text-size:1.3em; font-weight:bold; text-align:center; background-color:#007bc4; color:#ffffff; padding:3px 3px;  border-right:1px solid #999999;}
.table_main th { text-size:.5em; text-transform: uppercase; border-left:1px solid #333333; border-bottom:1px solid #333333; text-align:center; padding:3px 0 3px 3px; }

.callout-left { float:left; margin:3px 12px 3px 0px; padding:12px 12px 6px 12px;  border:1px solid #d2c585; background-color:#fffceb;}
.callout-left h3 { font-weight:bold; color:#666666; font-size:1.2em; border-bottom:5px solid #fbd800; background-image:url(/IN/images/pubscallout_bkgd.jpg); background-position:bottom left; background-repeat:no-repeat; color:#ffffff; padding:24px 3px 3px 6px;}
.callout-left p { line-height:1.2em; margin:8px 0; font-size:11px;}


pre {	font-family: monospace; font-size: 1.0em; }

strong, b { font-weight: bold; }



h1.print-title { display: none; }



#skip { position:absolute; top:; left:-9999px;   }



/* navigation - 'droppy' (http://onehackoranother.com/projects/jquery/droppy/)
--------------------------------------------------------------------------------- */

    /* Basic code - don't modify */     
    #navigation { display: block; margin: 0; padding: 0; position: relative; }
    #navigation li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
    #navigation a { display: block; }
    #navigation ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
    * html #navigation ul { line-height: 0; } /* IE6 "fix" */
    #navigation ul a { zoom: 1; } /* IE6/7 fix */
    #navigation ul li { float: none; }
    #navigation ul ul { top: 0; }
        
    /* Essentials - configure this */    
    #navigation ul { width: 115px; } 
    #navigation ul.dropdown2 { width: 111px; }
    #navigation ul.dropdown3 { width: 201px; }
    #navigation ul.dropdown4 { width: 120px; }
    #navigation ul ul { left: 131px; }
    
    /* Everything else is theming */     
    #navigation { background-color: #ffe754; height: 43px; }
    #navigation *:hover { background-color: none; }
    #navigation a { color: #007bc4; font-size: 12px; padding: 16px 23px 15px 23px; line-height: 1;  }
    
    #navigation li.hover a { background-color: #007bc4; color: #c3dded; text-decoration: none; }
    #navigation li ul a { padding: 6px; }
    #navigation ul { top: 43px; }
    #navigation ul li a { background-color: #007bc4; color: #c3dded; font-size: .83em; }
    #navigation ul a.hover { background-color: #007bca; color: #fff; }
    #navigation ul a { border-right: none; opacity: 1.0; filter: alpha(opacity=100); }    
    
    /*navigation - highlighting
    ----------------------------------------------------------------------------- */
    #pg-about-eaps a.nav-about-eaps,
	#pg-dam_owner a.nav-dam_owner,
    #pg-links a.nav-links,
    #pg-citizens a.nav-citizens,
    #pg-news a.nav-news,
    #pg-publications a.nav-publications,
    #pg-about-us a.nav-about-us { background-color: #007bc4; color: #fff; }
	
    /*navigation - sitemap
    ----------------------------------------------------------------------------- */

	#sitemap h2 { margin: 0; padding: 12px 0 0 0; font-size:1em; font-weight:bold; }
	#sitemap ul {   margin: 0; padding: 0;  }
	#sitemap ul li {   margin-left: 20; padding-left: 20px;  list-style-type:none; }
	#sitemap ul li a{   text-size:.75em;  }
	#sitemap .nav-abouteap-whatwhere { display:inline;}
	#sitemap .nav-abouteap-whatiseap { display:inline;  }
	#sitemap .nav-abouteap-ownresponsibility { display:inline; }
	#sitemap .nav-abouteap-DNAlaws { display:inline; }
	#sitemap .nav-citizenaction-floodins { display:inline; }
	#sitemap .nav-citizenaction { display:inline; }
	#sitemap .nav-abouteap-mapping { display:inline; }
	#sitemap .nav-news { display:inline; }


/* structure
--------------------------------------------------------------------------------- */
#wrapper { height: 100%; position: relative; margin: 0 auto; width: 905px; text-align: left; background: #fff url(/IN/images/bg-wrapper.png) repeat-x; }

    /* header
    --------------------------------------------------------------------------------- */
    #header { height: 150px; background: transparent url(/IN/images/header-left.jpg) no-repeat; }
    #header h1 a:link,
    #header h1 a:visited { padding: 0; text-indent: -9999px; overflow: hidden; height: 75px; width: 308px; position: absolute; top: 45px; }
    #header ul { margin: 0; padding: 8px 0 0 0; width: 250px; position: absolute; right: 0; text-transform: uppercase; font-size: 0.75em; font-weight: bold; text-align:right; }
    #header ul li { margin: 0 0 0 10px; padding: 0; display: inline; }
    #header ul a:link,
    #header ul a:visited { color: #d4e9f5 }
    #header img { float: right; }
    #header h2 { position: absolute; font-weight: bold; font-family: Arial, Helvetica, serif; font-size: 1.2em; margin: 0; padding: 0; right: 1px; top: 130px; letter-spacing: .03em; color: #fff; }
    

    /*content
    ----------------------------------------------------------------------------- */
    #content { padding: 30px 30px 30px 30px; overflow: auto; height: 1%; }
    
        /*column - left
        ----------------------------------------------------------------------------- */
        #column-left { width: 200px; float: left; }
        #column-left h2 { color: #000; font-size: 1.1em;  margin:0 0 .5em 0;  font-weight:bold; }
        #column-left ul { font-size: .9em; line-height: 1.25em; margin:0 0 0 0; padding:0 0 1.5em 1.5em;  }
        #column-left ul li {  margin-top:.5em; }
        #column-left ul li a { color:#000000; }
        
        /*column - main
        ----------------------------------------------------------------------------- */
        #column-main { width: 620px; border-left: 1px solid #999; padding-left: 15px; float: right; min-height:300px;}
        #column-main h2.page-title { color: #007bc4; font-weight:normal; }        
        #column-main ul,
        #column-main ol { font-size: 1.0em; line-height: 1.8em; margin-top: 0.2em; margin-bottom: 0.1em; }http://www.damsafety.org/
		
        #column-main a { font-weight:bold; } 
        #column-main .pdfsize { font-size:10px; } 
        #column-main .photoandcaption { float:right; color:#006600; font-size:10px; text-align:left; margin:3px 0px 3px 12px; }
		
        #column-main #pubscallout { float:right; width:200px; margin:3px 0px 3px 12px; padding:12px 12px 6px 12px;  border:1px solid #d2c585; background-color:#fffceb;}
        #column-main #pubscallout h1 { font-weight:bold; color:#666666; font-size:1.2em; border-bottom:5px solid #fbd800; background-image:url(/IN/images/pubscallout_bkgd.jpg); background-position:bottom left; background-repeat:no-repeat; color:#ffffff; padding:24px 3px 3px 6px;}
        #column-main #pubscallout p { line-height:1.2em; margin:8px 0;}
		
        #column-main .photo { float:right; margin:3px 0px 3px 12px; }
		
        #column-main #table_2008MOHHP { float:right; margin:6px 0px 6px 24px; width:224px;}
        #column-main #table_2008MOHHP td{ text-align:right; padding:3px; border-bottom:1px solid #999999; border-right:1px solid #999999; }
        #column-main #table_2008MOHHP caption{ text-size:1.3em; font-weight:bold; text-align:center; background-color:#007bc4; color:#ffffff; padding:3px 0px; border-right:1px solid #999999;}
        #column-main #table_2008MOHHP th{ text-size:.5em; text-transform: uppercase; border-bottom:2px solid #333333; text-align:center; border-right:1px solid #999999; padding:3px;}
        
        #column-main #pubslisting ul { list-style:none; padding-left:10px; margin-left:10px; }
        #column-main #pubslisting ul li { padding-top:5px; padding-bottom:5px;  line-height:15px; }

        #column-main ul.audio { margin-top: 12px; }
        #column-main ul.audio li { color: #666; }
        #column-main ul.audio li .audio-label { color: #000; padding-right: 10px;}
        #column-main ul.audio li .audio-download { padding: 0 9px 0 7px;}
        #column-main ul.audio li .flash-play { padding: 0 9px;}
 		
        #column-main .contact { margin-left: 30px; } /*special one off for the contact us section*/
        
        /*home - 'hero'
        ----------------------------------------------------------------------------- */
        #hero { color: #fff; background: #007bc4 url(/IN/images/bg-home-hero.png) no-repeat; height: 150px; }
        #hero h1, #hero h2 { float: left; }
        #hero h1 { text-align: center; font-weight: normal; width: 387px; font-size: 1.66em; margin-top: 25px; line-height: 1.2em; }
        #hero h1 span { font-size: 1.3em; padding-top: 4px; display: block; }
        #hero h2 { width: 122px; font-size: 1.15em; font-weight: bold; margin-left: 22px; margin-top: 37px; line-height: 1.3em; }
		
		#homebody { margin:2em 0 0 0;  }
		#homebody h3 { color:#007bc4; font-weight:normal; font-size: 1.3em; margin: 0em 0em 0em 5em; text-transform:none; float:left; width:130px; }
		#homebody p { font-size: 1.0em; line-height: 1.6em; margin: 0em 0em 1em 18em; width:580px; }
		
		#homecontact {  }
		#homecontact h3 { color:#007bc4; font-size: 1.5em; margin: 0em 0em 0.2em 0em; font-weight: bold; text-transform: none;  text-align:center; }
		#homecontact p { font-size: 1.3em; line-height: 1.8em; margin: 0em 0em 0em 0em; text-align:center;}
		
		
		
        
    
    /*footer
    ----------------------------------------------------------------------------- */
    #footer { padding: 10px 30px 50px 30px; border-top: 1px solid #ccc; background-color: #fff; font-size: .83em; }
    .footer-copyright { color: #b8b8b8; margin-top: 5px; }

        /*bug
        ----------------------------------------------------------------------------- */
        #footer #bug { width: 200px; float: right; text-align: right; font-size: .83em; }
        #footer #bug img { float: right; }
        #footer #bug p { line-height: 1.2em; padding-top: 0; margin: 10px 0 0 0; }
        #footer #bug a { text-decoration: none; color: #1e5a6d; }




	
/* navigation - 'side nav second level menus
--------------------------------------------------------------------------------- */	
	
#nav-abouteap-whatwhere ul.nav-abouteap-whatwhere { display:block; }
#nav-abouteap-whatwhere a.abouteap-whatwhere { color:#000000; }
.nav-abouteap-whatwhere { display:none;}

#nav-abouteap-whatiseap ul.nav-abouteap-whatiseap { display:block; }
#nav-abouteap-whatiseap a.abouteap-whatiseap { color:#000000; }
.nav-abouteap-whatiseap { display:none;  }

#nav-abouteap-ownresponsibility ul.nav-abouteap-ownresponsibility { display:block; }
#nav-abouteap-ownresponsibility a.abouteap-ownresponsibility { color:#000000; }
.nav-abouteap-ownresponsibility { display:none; }

#nav-abouteap-DNAlaws ul.nav-abouteap-DNAlaws { display:block; }
#nav-abouteap-DNAlaws a.abouteap-DNAlaws { color:#000000; }
.nav-abouteap-DNAlaws { display:none; }

#nav-abouteap-history  a.abouteap-history { color:#000000; }

#nav-abouteap-mapping  ul.nav-abouteap-mapping {display:block; }
#nav-abouteap-mapping  a.abouteap-mapping { color:#000000; }
.nav-abouteap-mapping  { display:none; }

#nav-citizenaction ul.nav-citizenaction {display:block; }
#nav-citizenaction  a.citizenaction { color:#000000; }
.nav-citizenaction { display:none; }

#nav-citizenaction-floodins ul.nav-citizenaction-floodins { display:block; }
#nav-citizenaction-floodins a.citizenaction-floodins { color:#000000; }
.nav-citizenaction-floodins { display:none; }

#nav-news ul.nav-news { display:block; }
#nav-news a.news { color:#000000; }
.nav-news { display:none; }



/* table for http://dsa.bold-is.com/IN/dam_owner/know-law.php
--------------------------------------------------------------------------------- */	

#knowlaw-table { 
	 } 
#knowlaw-table caption { 
	font-weight:bold;
	font-size:14px;
	padding:12px 0 6px 0;
	color:#007bc4;
	 } 
#knowlaw-table th { 
	font-weight:bold;
	text-transform:uppercase;
	font-size: 10px;
	vertical-align:middle;
	padding: 6px 6px ;
	background-color:#dde5f5;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	 }
#knowlaw-table th.rule { 
	border-bottom: 1px solid #999999;
	background-color:#000;
	color:white;
	 }
#knowlaw-table th.sidehead { 
	vertical-align:middle;	
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	 }
#knowlaw-table th.sidehead-grey { 
	vertical-align:middle;	
	background-color: #eeeeee;
	 }
#knowlaw-table td { 
	border-bottom: 1px solid #999999;
	vertical-align:top;
	padding: 3px 6px ;
	font-size:11px;
	 }
#knowlaw-table td.grey { 
	background-color: #eeeeee;
	 }





#pagination { 
	margin:24px 0 0 0; 
	padding:24px 0 0 0; 
	border-top:1px solid #666;
	 }
#pagination p { 
	float:left; 
	margin:0 12px 0 0; 
	padding:0 6px 0 0;
	 }
#pagination a { 
	font-weight:bold; 
	font-size:14px; 
	padding:4px 8px; 
	 }
#pagination a:hover { 
	color:#000;
	 }
#pagination a.highlight { 
	padding:4px 8px; 
	background-color:#007bc4; 
	color:#fff;
	 }