h2 {color: #fff;
	font-size: 1.3em;
	background: #999; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#637ba5', endColorstr='#17336b'); /* for IE 003366 */
	background: -webkit-gradient(linear, left top, left bottom, from(#637ba5), to(#17336b)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #637ba5,  #17336b); /* for firefox 3.6+ */
	border-top: 1px solid #27579f;
	border-bottom: 4px solid #F3D673;
	margin: 8px 0 0px 0;
	padding: 2px 0px 0px 8px;}
	
h3 {margin: 8px 0 0px 0;
	padding: 2px 0px 0px 0px;
	font-size: 1.1em;}
	
h5 {margin: 8px 0 0px 0;
	padding: 2px 0px 0px 0px; font-size: .9em;}
	

li + li > h5 {margin-top:20px;}

small {font-size: .9em;}
p.warning, span.warning {color:#900; font-weight:bold;}
.center_text {text-align:center;}

img.icon {margin-bottom:-6px; padding-top:6px; padding-right:4px;}

sub {font-size:.8em;}

ol {padding:10px 0px 10px 10px; margin-left:10px;}

dd{padding-bottom:10px;}
dt { font-weight:bold;}	

dt a:hover, h3 a:hover{ text-decoration:none}




/*provides uniform borders around thumbnail images*/
img[src*=thumbnail] {border: 1px solid #a6a7a7;} 

/*sprites*/
.acrobat, li a[href$='.pdf'], /*li a[href$='.PDF'],*/ p a[href$='.pdf']{ /*note that this doesn't work properly if the li doesn't include some non-linked text*/
background:transparent url(../images/template/icons.png) right -96px  no-repeat;
display:inline-block;
padding-right:20px;
line-height:16px;
}

li a[href$='.zip'], p a[href$='.zip'] { /*note that this doesn't work properly if the li doesn't include some non-linked text*/
background:transparent url(../images/template/icons.png) right -120px  no-repeat;
display:inline-block;
padding-right:20px;
line-height:16px;
}

li a[href$='.xls'], p a[href$='.xls'] /*, li a[href$='.XLS'], p a[href$='.XLS']*/{ /*note that this doesn't work properly if the li doesn't include some non-linked text*/
background:transparent url(../images/template/icons.png) right -144px  no-repeat;
display:inline-block;
padding-right:20px;
line-height:16px;
}

li a[href$='.docx'], p a[href$='.docx'] /*, li a[href$='.XLS'], p a[href$='.XLS']*/{ /*note that this doesn't work properly if the li doesn't include some non-linked text*/
background:transparent url(../images/template/icons.png) right -168px  no-repeat;
display:inline-block;
padding-right:20px;
line-height:16px;
}

li a[href$='.kml'], p a[href$='.kml'] { /*note that this doesn't work properly if the li doesn't include some non-linked text*/
background:transparent url(../images/template/icons.png) right -216px  no-repeat;
display:inline-block;
padding-right:20px;
line-height:16px;
}

.gmc li a[href$='.faq.html'], p a[href$='.faq.html'] { /*note that this doesn't work properly if the li doesn't include some non-linked text*/
background:transparent url(../images/template/icons.png) right -192px  no-repeat;
display:inline-block;
padding-right:20px;
line-height:16px;
}

.bubble {
    background-color:#F2F2F2;
    background-image: -webkit-linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    background-image:    -moz-linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    background-image:     -ms-linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    background-image:      -o-linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    background-image:         linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    border-radius: 5px;
    box-shadow: inset 0 1px 1px hsla(0,0%,100%,.5),
                3px 3px 0 hsla(0,0%,0%,.1);
    color: #333;
 	display: inline-block;
    font: 16px/25px sans-serif;
    padding: 10px 12px;
    position: relative;
    text-shadow: 0 1px 1px hsla(0,0%,100%,.5);
	text-align:center;
	margin:10px;
}
.bubble.pointer:after, .bubble.pointer:before {
    border-bottom: 25px solid transparent;
    border-right: 25px solid #F2F2F2;
    bottom: -25px;
    content: '';
    position: absolute;
    right: 50px;
}
.bubble.pointer:before {
    border-right: 25px solid hsla(0,0%,0%,.1);
    bottom: -28px;
    right: 47px;
}



div.addl_info span, ul.addl_info span:hover cite{
position:absolute;
font-style:normal;
color: rgb(0, 0, 0);
}


#banner {border-bottom:2px solid #637ba5;}

#content form, /*#content div div,*/ #content dl, #content p, #content ul, #content ol , #content table {margin-top: 4px;}



#content li {margin-bottom:6px;}
/*end breadcrumb trail and outer content box*/

div#content dl sub a:link,  div#content dl sub a:visited {text-decoration:none; padding-top:-4px; }
div#content dl sub a:hover {text-decoration:underline; color:#FDEE82}

#content{
line-height: 1.4;
padding-left:10px;
padding-right: 10px;
padding-bottom:10px; 
padding-top:10px;
}


/*generates a blue box with gray borders*/
.section{
border: 1px solid #a6a7a7;  
padding: 4px 8px 4px 8px; 
background-color:#D9E1EE; 
color:#000000;
}

.section dfn {display:block; }

.section .logo_img {
float:right;
border: 1px solid #a6a7a7;  
/*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;*/
margin:8px 4px 8px 10px}




.section a[href]:hover img{border: 1px solid #17336B; opacity:0.4; filter:alpha(opacity=40); }
.section li {
margin-left:20px; 
vertical-align: top; 

}
.section ul li {
list-style:square outside;
}
.section ul li span {
color:#000000;
}
.section ul li.heading, .section ul li.heading li, .section form li, ul.heading li {list-style:none; margin-left:0px;  }
.section ul.heading  li h3 {display:inline;}
.section ul.heading li h3:after {content:" ";}
.section h2, .section caption {
filter:none; /*filter none*/
	color:#333333;
	font-size: 1.2em;
	background:none;
	border-top:none;
	border-bottom:1px solid #a6a7a7; 
	margin: 0px 0 6px 0;
	padding: 4px 0px 0px 0px;
	overflow:hidden;
	font-weight:bold;
}

.section caption {text-align:left;}
.section caption span {font-weight:normal; font-size:  0.835em; margin-left:10px;}

.section p cite {font-weight:bold; color:#666666;}
.section p {padding-bottom:8px;}

/*removes underlining of links with images*/
.section a:hover {text-decoration:none;}
.sidebar {border-left:1px solid #a6a7a7; padding-left:10px; margin-left:10px;}
.primary {float:left;}
.secondary { float:right;}
.wide {width:596px;}
.half {width:448px;}
.narrow {width:300px;}
.very_narrow {width:160px;}

.secondary_row {margin-top:8px;}





/*css to create equal height columns with light blue background*/
.column-container { position: relative; /*top:-4px;*/ overflow: hidden; zoom: 1; border-bottom:#FFF 2px solid; margin-bottom:-4px; } /* zoom fix for ie6 */


.column-base { padding-bottom: 32767px; margin-bottom: -32767px;}
.column-bottom {
position:absolute; 
height:0px; 
bottom:8px;
border-bottom: 1px solid #a6a7a7;}
.wide.column-bottom {width:613px; }
.narrow.column-bottom {width:317px; }
.half.column-bottom {width:466px; } 
.secondary.wide{left:337px;}
.secondary.half{left:484px;}
div.seondary.narrow.column-bottom{left:633px; }


/*div .half{margin-bottom:4px;}*/
/*end css to create equal height columns with light blue background*/


.row li {display:inline-block; padding-right:8px;}
.expand a.expand, .expand h2, .expand dt{background: url(../images/template/plus.png) no-repeat; padding-left:20px; background-position: left 4px; min-height:24px; display:block;} 
.expand a.collapse, .collapse h2, .expand dt.collapse{background: url(../images/template/minus.png) no-repeat; padding-left:20px; background-position: left 4px; min-height:24px; display:block;}



ul.expand li, .section .very_narrow li, .section .row li { 
list-style-type: none;
margin-left:0px; 
}



ul.expand li li, .expand dd, ul.expand li>p, ul.expand li>div {background:none; padding-left:20px;}
ul.expand.group li ol li {list-style-type:decimal; margin-left:20px; padding-left:0px; }

ul.expand.group li ol li p{font-weight: normal; }

table{width:100%;}
table td{border-bottom:1px solid #a6a7a7; padding-bottom:4px; padding-top:4px; }

/*this is to force IE to align table heading properly on the citation pages*/
div#content.group > div.section.group.secondary_row > ul.heading > li > table > tbody > tr > th {text-align:left;}

/*table tr.sub_heading{ padding-top:8px; display:inline-block;}*/
table th a {font-weight:normal;}
.section table a:hover {text-decoration:underline;}


/*begin index page*/
#mission_statement{font-style:italic; font-weight:bold; }
#headlines {float:left; width:470px;margin-right:4px; height:278px;}
#headlines h2 {margin-top:4px; height:28px;}
#headlines ul {height:186px; overflow:auto; }
#headlines ul li {background-color:#F2F2F2}
#headlines form { height:42px; font-size: .85em;}
#headlines ul {min-height:161px; }
#headlines ul li { border-left:#F3D673 solid 3px; margin:2% 10px 2% 0px; padding-left:6px;}
#headlines a:hover {text-decoration:none;}



#map_highlight, #staff_highlight {float:right; position:relative; padding-bottom:0px; padding-top:4px; width:230px; margin:0px;  font-size:0.75em;}
#map_highlight a {display:block;padding-bottom:6px;}
#map_highlight a span{background-color:rgba(255,255,255,.9); position:absolute; left:0px; bottom:6px; width:216px; display:block; padding:4px; border: 1px solid #999; border-top: none;}
#map_highlight a:first-child span {bottom: 148px }
#map_highlight a:hover, #map_highlight a:focus, #map_highlight a:active, #staff_highlight a:hover {opacity:0.4; filter:alpha(opacity=40);}
/*this is for the maps on the front page and needs to be more effecient*/
/**/#map_highlight a:hover span, #map_highlight a:focus span, #map_highlight a:active span, #staff_highlight a:hover span, #staff_highlight a:focus span, #staff_highlight a:active span {text-decoration:underline;}
#staff_highlight img {display:block; border: 1px solid #999;} 
#staff_highlight a span{background-color:rgba(255,255,255,.9); position:absolute; left:0px; bottom:0px; width:220px; display:block; padding:4px; border: 1px solid #999; border-top: none;}


#pub_thumbnails{clear:both; }/*testing a bug*/

#pub_thumbnails h2 a {color: #fff; font-size: .8em; float:right; padding-right:10px; }
/*testing a bug*/
#pub_thumbnails h2 a:hover {text-decoration:none;}
/*testing a bug*/
#pub_thumbnails ul {font-size:.75em; position:relative; 
white-space:nowrap; text-align: center; 
 }
#pub_thumbnails .section img {float:none;

-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
margin:0px 0px 0px 0px;}

#pub_thumbnails .section li { padding-top:8px; padding-bottom:0px; white-space:normal;  display:inline-block;margin-left:0px;  margin-right:0px; width:112px; }
#pub_thumbnails li:first-child{}
#pub_thumbnails li:hover img{opacity:0.4; filter:alpha(opacity=40);border: 1px solid rgb(10, 48, 106); }
#pub_thumbnails a span{display:none; background-color:rgba(10, 48, 106, .8);text-decoration:underline; text-align:left;}
#pub_thumbnails a:hover span{position:absolute;display:block; /*background-color:#FFFFFF; */ width:92px; z-index:2; color:#FFFFFF; border-bottom: 2px solid #F3D673;  padding:4px; margin-left:6px; /*opacity:0.9; filter:alpha(opacity=80); */ bottom:122px}
#pub_thumbnails a span:hover {text-decoration:none;}
#pub_thumbnails span cite {display:none; text-decoration: none; }
#pub_thumbnails span:hover cite { top:30px;  padding:8px; width:348px; display:block;}
#pub_thumbnails li:nth-last-child(-n+4) span:hover cite {right:5px;}

/*end index page*/



#faq dt, #faq strong  {font-style:italic; color:#333333;}
#faq th {border-bottom:1px solid #a6a7a7; font-style:italic; color:#333333;  }

ul.expand dl#faq { padding-left:20px; padding-right:20px;}
#faq dt:before {
     content: "Q: ";
}
#faq dd:before {
     content: "A: ";
	 font-weight:bold; display:inline;
	 font-style:italic;
}

ul.expand li dl#faq  dd  p:first-child {display:inline;}

ol.tabs{
list-style: none; 
position:absolute;
top:0px;
right:10px;
min-height:34px;
background-color:#FFFFFF;
}

ol.tabs li {
white-space:nowrap;
float:left;
padding:4px 0px 8px 0px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-top-left: 4px;
border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-top-right: 4px;
border-top-right-radius: 4px;
background:#C4CACE;
border: 1px solid #A4BFB3;
margin-left:4px;
min-height:34px;
}

ol.tabs li a {padding-left:8px; padding-right:8px;}


ol.tabs a:hover {text-decoration:none;}
ol.tabs li.current {background:#D6DEE4;  /*margin-left:-2px;*/ border-bottom:1px solid #D7DFE5;}

ol.tabs li.current a {border-bottom:10px solid #D7DFE5; padding-left:8px; position:relative; z-index:100;}


div.related_pages {
position:relative;
border: 1px solid #A4BFB3;
/*-webkit-border-radius: 4px;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 4px;
-moz-border-radius-topright: 0;
border-radius: 4px;
border-top-right-radius: 0;*/
padding: 4px 10px 10px 10px; 
clear:both; 
margin-bottom:6px;
background: rgb(215,223,229); /* Old browsers */

}

div.related_pages div, div.section div {margin-top:6px; clear:left;}
div.related_pages img[src*=thumbnails], .about-us div.section img[src*=thumbnails] {float:left; margin-right:10px; margin-bottom:10px;}
div.related_pages ul{
padding-top: 10px;
padding-bottom:4px;}

div.related_pages ul ul{
padding-top: 0px;
padding-bottom:0px;
border-top:none;}


div.related_pages li {
list-style:square outside;
color:#A4BFB3;
margin-left:20px; 
vertical-align: top; 
}

div.related_pages li p {color:#666666; font-weight:bold; }
dfn, div.related_pages li span {color:#000000; font-weight:normal; font-style:normal;}

.related_pages a:hover {text-decoration:none;}
div.related_pages p  {
padding-bottom:6px;}

ul#related_themes {	
top:4px;
position:relative;
background-color:#D7DFE5;
z-index:50;
float:right;
padding-left:4px;
width:200px;
border-left-width:10px;
border-left-style:solid;
border-left-color:#D7DFE5;
}

ul#related_themes:after {
   content: " ";
   position: absolute;
   z-index: -1;
   top: 6px;
   left: 0px;
   right: 6px;
   bottom: 6px;
   border-left-width:1px;
border-left-style:solid;
border-left-color:#A4BFB3;
}


ul#related_links, ul#glossary_refs {border-top-width:1px;
border-top-style:solid;
border-top-color:#A4BFB3;}

ul#glossary_refs li {list-style:none; margin-left:2px; }
ul#glossary_refs a:hover {text-decoration:none;}

/*med brown for list bullets*/
div.geohazards li {color:#A6A395;}
/*light brown background*/
div.related_pages#haz_types, div.geohazards ol.tabs li.current, div.geohazards ul#related_themes{background-color:#DBD7B1} 
 /*light brown border*/
div.geohazards ul#related_themes, div.geohazards ol.tabs li.current a{border-color:#DBD7B1}
 /*med brown background*/
div.geohazards ol.tabs li {background-color:#C4BF89;}
 /*dark brown border*/
div.geohazards ul#glossary_refs, div.geohazards ul#related_links, div.related_pages#haz_types, div.geohazards ol.tabs li, div.geohazards ul#related_themes:after{border-color:#A6A395}



div.geohazards ul#theme_groups {margin-top: 0px;}
#theme_groups li {
list-style:none;
margin-top: 4px;
margin-left: 10px;
float:left; 
position:relative; 
color:#000000; 
padding:6px 6px 40px 6px ; 
border: 1px solid #a6a7a7; 
text-decoration:none; 
-webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
-moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
background-color:#FFFFFF;
}

#theme_groups li:hover {   -moz-box-shadow:inset 0 0 6px rgba(0,0, 0, 0.6);
   -webkit-box-shadow:inset 0 0 6px rgba(0,0, 0, 0.6);
   box-shadow:inset 0 0 6px rgba(0,0, 0, 0.6);
   
}
#theme_groups li dt { background-color:#F2F2F2; border-bottom: 1px solid #E5E5E5; }

#theme_groups li dt, #theme_groups li dd{padding:4px 2px 2px 4px; }
#theme_groups li dt:hover {border-bottom: 1px solid #E5E5E5;;background-color:#FFFFFF;}
#theme_groups li dd {border-bottom: 1px solid #FFFFFF;}
#theme_groups li dd:hover {background-color:#F2F2F2; border-bottom: 1px solid #E5E5E5; }
#theme_groups li dt a, #theme_groups li dd a {text-decoration:none}
#theme_groups li dt a:hover, #theme_groups li dd a:hover {text-decoration:underline;}
#theme_groups li:hover img{opacity:0.4; filter:alpha(opacity=40); }


#theme_groups li span {position:absolute; font: 1.35em/1.65em 'RabioheadRegular', Arial, sans-serif; font-weight:normal; color:#000000; top:212px; line-height:.75em;}

#theme_groups li:hover span {text-decoration:underline;color: #17336b;}
#theme_groups li img {display:block; border: 1px solid rgba(0, 0, 0, .5);}

#theme_groups li dl {display:none; padding-bottom:4px;}
#theme_groups li:hover dl {display:block; position:absolute;left:34px; top:30px; z-index:10000; width:200px;}



/* Coastal District Image Map */
ul#coastal_districts {width:440px; float:left; min-height:250px;}
ul#coastal_districts li {float:left; width:200px;}



dl#imap {display:block; width:488px; height:268px; background:url(../images/geohazards/coastal_districts.gif) no-repeat; float:right; position:relative; margin-top:10px; border-bottom:none; position:absolute; left:430px;}

#imap dd {position:absolute; padding:0; margin:0;}


#imap #coast_d1 {left:300px; top:0px; z-index:20;}
#imap #coast_d2 {left:168px; top:0px; z-index:20;}
#imap #coast_d3 {left:0px; top:122px; z-index:20;}
#imap #coast_d4 {left:184px; top:122px; z-index:20;}
#imap #coast_d5 {left:324px; top:114px; z-index:20;}
#imap #coast_d6 {left:418px; top:164px; z-index:20;}

#imap a#link_coast_d1 {display:block; width:90px; height:76px; text-decoration:none; z-index:20;}
#imap a#link_coast_d2 {display:block; width:128px; height:118px; text-decoration:none; z-index:20;}
#imap a#link_coast_d3 {display:block; width:180px; height:128px; text-decoration:none; z-index:20;}
#imap a#link_coast_d4 {display:block; width:134px; height:108px; text-decoration:none; z-index:20;}
#imap a#link_coast_d5 {display:block; width:90px; height:100px; text-decoration:none; z-index:20;}
#imap a#link_coast_d6 {display:block; width:56px; height:76px; text-decoration:none; z-index:20;}

#imap a#link_coast_d1:hover, 
#imap a#link_coast_d2:hover, 
#imap a#link_coast_d3:hover, 
#imap a#link_coast_d4:hover,  
#imap a#link_coast_d5:hover, 
#imap a#link_coast_d6:hover {border:3px solid #867B5F; background-color:#EAE9CB; opacity:0.6; filter:alpha(opacity=60);}

#imap a#link_coast_d1:hover span {left:-282px; top:28px;}
#imap a#link_coast_d2:hover span {left:-150px; top:28px;}
#imap a#link_coast_d3:hover span {left:18px; top:-94px;}
#imap a#link_coast_d4:hover span {left:-166px; top:-94px;}
#imap a#link_coast_d5:hover span {left:-306px; top:-86px;}
#imap a#link_coast_d6:hover span {left:-400px; top:-136px;}	
#imap a span, #imap a:visited span {display:none;}
#imap a:hover span {position:absolute; display:block; color:#000000; width:160px;}