@charset "UTF-8";
/* CSS Document */

/* Colors
orange #996600
cyan #00aeef
cream #f0ecce
darkgrey #58595b
brown #58caee
*/

* {margin:0px; padding:0px;}

body { margin:0; padding:0; z-index:-10; background-image:url(images/bg.gif); background-position:top; background-repeat:repeat-x; background-color:#f0ecce; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px;}

#container { width:930px;  position:relative; margin:0 auto; background-image:url(images/cote_blanche.gif); background-repeat:no-repeat;}

/* General Elements */

p {font-size:14px; line-height:20px; padding-bottom:20px; margin-right:80px;}
img {border:0px;}

.img-lft {float:left; margin-right:10px;}
.img-right {float:right;}
.img-left {float:left;}

#sources {width:800px;}
.sources {font-size:11px; line-height:14px;}

/* Main Navigation*/

#mainnav	{ float:right; width:70%; text-align:right; margin:56px 0px 0px 0px; padding:0; }

#mainnav ul	{ float:right; }

#mainnav li	{ float:left; list-style-type: none;  font-size:100%; background:none; border-right:0px solid #ffffff; padding:0px 10px 0px 10px; }

#mainnav ul li a { font-size:14px; line-height:15px; color:#000; letter-spacing:0px; text-decoration:none; height:23px; display:block; * display:inline-block; }

#mainnav ul li a:link, #mainnav ul li a:visited { background:none; }

#mainnav ul li a:hover, #mainnav ul li a:active{ border-bottom:9px solid #58caee; color:#fff; }

#mainnav ul li a#active_menu{ border-bottom:9px solid #58caee; color: #996600; }

#hash { width:1px; height:15px; background-color:#000; float:right;}


hr {height:15px; width:1px; color:#000; float:left; background-color:#000; border:#000; display:inline; padding:0px; margin:0px; }




/* Main Content Home*/

#maincontent {position:absolute; top:115px; width:930px; height:572px; background-image:url(images/mainContent_bg_top.gif); background-repeat:no-repeat;}

#maincontent a:link, #maincontent a:visited { text-decoration:underline; color:#996600;}
#maincontent a:hover, #maincontent a:active { text-decoration:none; color:#996600;}

.home_img { float:right; margin:0px 40px 0px 80px; padding:0px;}

h1 { font-weight:normal; font-size:24px; line-height:32px; padding:0px 200px 0px 50px; color:#000; margin-top:25px; }

h2 { font-weight:normal; font-size:17px; line-height:28px;  padding:90px 0px 0px 50px; color:#000;}

h3 { color:#996600; font-size:14px; padding-bottom:10px;}

h4 {font-size:18px; color:#996600;}

h5 {font-size:18px; padding-bottom:15px;}


#maincontent ul {list-style:outside; font-size:14px; line-height:20px; margin-left:20px;}

#maincontent ul li { padding-bottom:15px; }

#columns { list-style:disc; padding-bottom:0px; margin-left:12px; margin-bottom:0px; padding-left:5px;}

.column-left {padding-right:10px;}


/* Main Content Columns-- No Margin*/



#content { width:776px; }
table h1 { padding:0px 200px 0px 0px; margin-top:0px; }





/* History */
 #paperbg { background-image:url(images/paper.jpg); float:right; width:182px; padding:20px; margin-right:40px; margin-left:20px;}
 
 #paperbg h2 { padding:0px; font-weight:bold; color:#58595b;} 
 
 #paperbg p { margin-right:0px; line-height:22px;}
 
 /* Fishing and shrimp */
 #info {float:right; width:160px; margin-right:40px; font-size:11px; line-height:18px; margin-left:20px;}
 
 #info hr {color:#996600; width:155px; height:2px; background-color:#996600; border:#996600; padding:0px;  margin:8px 0px 0px 0px;} 
 
 /*Gas Proposal */
 #propsummary {  width:500px; float:left; margin-top:27px; } 
 #propcomment {  width:500px; float:left; margin:20px 0px 0px 0px; } 
 #propcomment2 {  width:500px; float:left; margin:20px 0px 53px 0px; } 
 #propsummary .img-left {margin:0px; margin-right:10px; float:left;}
 #propcomment .img-left,  #propcomment2 .img-left {margin:0px; margin-right:10px; float:left;}
 #propsummary p { padding:5px 0px 0px 0px; margin-right:0px;}
 #propcomment p,  #propcomment2 p { padding:5px 0px 0px 0px; margin-right:0px;}
 
 /*Comment Summary*/
 
 #creambox {background-image:url(images/cream_box_middle.gif); width:216px; margin:0px 30px 40px 0px; float:left;} 
  #creambox h3 {padding-left:20px;}
  #creambox p {margin-right:30px; padding-left:20px;}
  #highlights {padding:0px 20px 0px 0px; float:right; width:440px; margin-right:70px;} 
    #highlights a {margin-right:0px;} 
  
  
 /*Project Description*/
 .source {float:right; font-size:12px; font-style:italic;}
 .padleft {margin-left:10px; padding-right:50px;} 
 #logos {float:left; clear:left; margin-left:60px; margin-right:20px;}
 
 /*Get Involved*/
 
 #address1 {width:220px; margin:0px 20px 0px 0px; float:left;}
 #address1 p, #address2 p, #address3 p {margin-right:0px; font-size:11px; padding:0px;}
 .contact {font-weight:bold; margin-right:0px;}
 .address {margin-left:20px;}
#address3 {width:220px; margin:0px 20px 0px 0px; float:left;}
#address2 {width:190px; margin:0px 20px 0px 0px; float:left;}
#contactbox, #contactbox2 {width:690px; height:53px; float:left; clear:both; background-image:url(images/get_involved_box.gif); background-repeat:no-repeat; margin-left:180px; margin-top:20px; margin-bottom:10px;}
#contactbox .img-left, #contactbox2 .img-left {margin:10px 10px 40px 20px; float:left;}
#contactbox p, #contactbox2 p { padding:18px 20px 0px 0px; margin-right:0px;}

#linkbox1, #linkbox2 {background-image:url(images/cream_box_2.gif); background-repeat:no-repeat; height:125px; width:245px; float:left; }
#linkbox1 .img-left, #linkbox2 .img-left {margin:10px 10px 80px 10px; float:left;}
#linkbox1 p,  #linkbox2 p { padding:18px 0px 0px 0px; margin-right:0px;}




#action { margin:10px 40px 0px 550px; color:#000; font-size:14px;}

#action a {font-weight:bold; text-decoration:none; color:#000;}

#action a:link {}

#action a:hover, #action a:active {color:#996600;}

/* Storage Accidents */
h6 {font-size:14px; padding-bottom:10px;}
h7 {font-size:11px; color:#996600; padding-bottom:10px; font-weight:bold;}

#sourcelist { width:330px; float:left;}
#sourcelist ul { font-size:11px; margin-left:20px; padding-left:0px;}
#sourcelist ul li { font-size:11px; line-height:14px; list-style-position:outside; padding-left:0px; margin-left:0px;}

#sourcelist2 { width:330px; float:left; margin-left:20px; margin-top:21px;}
#sourcelist2 ul { font-size:11px; margin-left:20px; padding-left:0px;}
#sourcelist2 ul li { font-size:11px; line-height:14px; list-style-position:outside; padding-left:0px; margin-left:0px;}
#line { width:700px; height:2px; background-color:#996600;  margin-bottom:20px;} 



/* Main Content Inside Pages*/

.inside {}

.inside #container { width:960px;  position:relative; margin:0 auto; background-image:url(images/cote_blanche_inside.gif); background-repeat:no-repeat;}

.inside #mainnav	{ float:right; width:70%; text-align:right; margin:56px 15px 0px 0px; padding:0; }


.inside #maincontent {position:absolute; top:115px; width:960px; background-image:url(images/main_content_bg.gif); height:auto; background-repeat:repeat-y;}

.inside h1 { font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:28px; padding-bottom:20px; margin-top:0px;}


/* Main Content Style 1 - ie6 fixes */

.inside-one #maincontent {position:absolute; top:115px; width:960px; background-image:url(images/inside_full_clip_1.gif); height:auto; background-repeat:repeat-y;}
.inside-one #container { width:960px;  position:relative; margin:0 auto; background-image:url(images/cote_blanche_inside.gif); background-repeat:no-repeat;}
.inside-one #mainnav	{ float:right; width:70%; text-align:right; margin:56px 15px 0px 0px; padding:0; }
.inside-one h1 { font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:28px; padding-bottom:20px;}

/* Main Content Style 2 - ie6 fixes */

.inside-two #maincontent {position:absolute; top:115px; width:960px; background-image:url(images/inside_full_clip_2.gif); height:auto; background-repeat:repeat-y;}
.inside-two #container { width:960px;  position:relative; margin:0 auto; background-image:url(images/cote_blanche_inside.gif); background-repeat:no-repeat;}
.inside-two #mainnav	{ float:right; width:70%; text-align:right; margin:56px 15px 0px 0px; padding:0; }
.inside-two h1 { font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:28px; padding-bottom:20px; margin-top:51px;}

.inside-two #maincontent #subnav {width: 164px; background-image:url(images/secondary_nav_bg.gif); float:left; margin:51px 20px 20px 0px;}
.inside-two #maincontent #subnav ul{ padding:0; margin:0; }
.inside-two #maincontent #subnav li	{  list-style-type: none;  font-size:100%; padding:0px 10px 10px 15px; }
.inside-two #maincontent #subnav ul li a { font-size:13px; color:#58595b; letter-spacing:0px; text-decoration:none; }
.inside-two #maincontent #subnav ul li a:hover, .inside-two #subnav ul li a:active{  color:#00aeef; }
.inside-two #maincontent #subnav ul li a#active_menu{  color:#996600;   }



/*Secondary Navigation */

#maincontent #subnav {width: 164px; background-image:url(images/secondary_nav_bg.gif); float:left; margin:0px 20px 20px 0px;}

#maincontent #subnav ul{ padding:0; margin:0; }

#maincontent #subnav li	{  list-style-type: none;  font-size:100%; padding:0px 10px 10px 15px; }

#maincontent #subnav ul li a { font-size:13px; color:#58595b; letter-spacing:0px; text-decoration:none; }

#maincontent #subnav ul li a:hover, #subnav ul li a:active{  color:#00aeef; }

#maincontent #subnav ul li a#active_menu{  color:#996600;   }

/* Footer Home */

#footer { width:930px; text-align:center; margin-top:60px;  color:#000; font-size:10px; padding-bottom:30px;}

#footer a {text-decoration:none; color:#000;}

#footer a:link {}

#footer a:hover, #action a:active {color:#000;}


/* Footer Inside Pages */

.inside #footer, .inside-one #footer, .inside-two #footer { width:960px; text-align:center; color:#000; background-color:#f0ecce; margin-top:0px; padding-top:15px;}

.inside #footer a, .inside-one #footer a {text-decoration:none; color:#000;}

.inside #footer a:link, .inside-one #footer a:link {}

.inside #footer a:hover, .inside-one #footer a:hover,  #action a:active {color:#996600;}