#mainBox
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: auto;
    width: 690px; 
    overflow: visible;
}

.buttonBox
{
    position: relative;
    height: 51px;
    padding-top: 5px;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	margin: 0;
    margin-bottom: -1px;
}
.buttonBoxFullWidth {
    width: 758px;
}
.buttonBoxThreeQuarterWidth {
    width: 671px;
}

#buttons-posdiv div
{
	padding-left: 4px;
	padding-right:4px;
	float: left;
}

#buttons-pos {
	width:110px;
	text-align: center;
	/* border: 1px green dotted; */
	padding: 0;
}
#buttons-posSub {
	width: 100px;
	/* border: 1px blue dotted; */
	padding: 0;
}

.buttons-pos{
	width:110px;
	text-align: center;
}
.buttons-posSub {
	width: 100px;
	/* border: 1px blue dotted; */
	padding: 0;
}

#buttons-pos-browser {
	width: 110px;
	text-align: center;
	/* border: 1px red dotted; */
}
#buttons-pos-browserSub{
	width: 100px;
	/* border: 1px purple dotted; */
	padding: 0;
}

#locationmap
{
    position: relative;
    float: right;
    margin: 0;
    padding: 0;
    height: 73px;
    width: 82px;
    margin-top: -24px;
    margin-right: -87px;
    background-color: #fff;
	border: 1px black solid;
}

* html #locationmap
{
    padding-bottom: 0;
}

#contentContainer
{
    position: relative;
    float: left;
    border: solid 1px #ccc; 
    background-color: #fff;
	overflow: visible;
	/* height: expression(if(document.getElementById('legendBox')) {
	  if((document.getElementById('colLayout').clientHeight - 45) < document.getElementById('legendBox').clientHeight) {
	    (document.getElementById('legendBox').clientHeight + 10)+"px"
	  }
	} ); */
}
/* Style for the map section start*/
#mapContainer
{
    position: relative;
    float: left;    
    width: 100%;
}
#mapFrame
{
    position: relative;
    padding: 0;
    margin: 5px;
    float: left;
    line-height: 0;
    margin-right: 214px;
}
* html #mapFrame
{
    margin-right: 104px;
    margin-left: 2px;
}
#map
{
    position: relative;
    margin: 11px 11px 11px 11px;
    margin-top: expression( if(document.getElementById('map')) 13+"px" ); /* for IE */
    margin-bottom: expression( if(document.getElementById('map')) 10+"px" ); /* for IE */
	padding: 0;
    border: solid 1px #003366;
    min-width: 428px; /* set to the smallest map size! */
    min-height: 380px; /* set to the smallest map size! */
    text-align:	center; /* to center image in map frame */
    /* display:	block; */
}

/* Map pan buttons */
#navup
{
    position: absolute;
    top: 0;
    cursor: pointer;
    left: 50%;
    margin-left: -12px;
    line-height: 0;
    height: 11px;
    width: 26px;
    background-image:url('img/up_arrow_1.gif');
    background-repeat: no-repeat;
}
#navleft
{
    position: absolute;
    left: 0;
    cursor: pointer;
    top: 50%;
    margin-top: -12px;
    height: 26px;
    width: 11px;
    background-image:url('img/left_arrow_1.gif');
    background-repeat: no-repeat;
}
#navright
{
    position: absolute;
    right: 0;
    cursor: pointer;
    top: 50%;
    margin-top: -12px;
    height: 26px;
    width: 11px;
    background-image:url('img/right_arrow_1.gif');
    background-repeat: no-repeat;
}
#navdown
{
    position: absolute;
    cursor: pointer;
    bottom: 0;
    left: 50%;
    margin-left: -12px; 
    /* margin-bottom: -6px; */
    line-height: 0;
    height: 11px;
    width: 26px;
    background-image:url('img/down_arrow_1.gif');
    background-repeat: no-repeat;
}
* html #navdown
{
    bottom: -4px;   
}
#navup:hover
{
    background-image:url('img/up_arrow_2.gif');
}
#navleft:hover
{
    background-image:url('img/left_arrow_2.gif');
}
#navright:hover
{
    background-image:url('img/right_arrow_2.gif');
}
#navdown:hover
{
    background-image:url('img/down_arrow_2.gif');
}
#navtopleft
{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    line-height: 0;
    height: 8px;
    width: 8px;
    background-image:url('img/left_top_corner_triangle1.gif');
    background-repeat: no-repeat;
}
#navtopright
{
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    line-height: 0;
    height: 8px;
    width: 8px;
    background-image:url('img/right_top_corner_triangle1.gif');
    background-repeat: no-repeat;   
}
#navbottomleft
{
    position: absolute;
    cursor: pointer;
    bottom: 0;
    left: 0;
    line-height: 0; 
    height: 8px;
    width: 8px;
    background-image:url('img/left_bottom_corner_triangle1.gif');
    background-repeat: no-repeat;

}
* html #navbottomleft
{
    bottom: -7px;
}
#navbottomright
{
    position: absolute;
    cursor: pointer;
    bottom: 0;
    right: 0;
    line-height: 0; 
    height: 8px;
    width: 8px;
    background-image:url('img/right_bottom_corner_triangle1.gif');
    background-repeat: no-repeat;
}
* html #navbottomright
{
    bottom: -7px;   
}
#navtopleft:hover
{
    background-image:url('img/left_top_corner_triangle2.gif');
}
#navtopright:hover
{
    background-image:url('img/right_top_corner_triangle2.gif');
}
#navbottomleft:hover
{
    background-image:url('img/left_bottom_corner_triangle2.gif');
}
#navbottomright:hover
{
    background-image:url('img/right_bottom_corner_triangle2.gif');
}

/* Map legend */
#legendBox
{
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px 0px 5px 0px;
	padding: 0;
}

* html #legendBox
{
    float: right;
    clear: left;
}

/*
    STYLING ------------------
*/

/*Start Buttons */
.boxtitle
{
    background-color: #ffcc00;
    color: #003366;
    font-size: 15px;
    margin: 0;
    padding: 3px;
    border: solid 1px #ccc;
    border-bottom: solid 1px #999;
    text-align:left;
}
#buttonBox.archivebtnbox
{
    position: relative;
    height: 47px;
    overflow: hidden;
    border-right: solid 1px #ccc;   
}

.referencetitle
{
    font-size:x-large;
    font-weight:bold;
}

.buttons
{ 
    position: absolute;
}
* html .buttons
{
}
/* End Buttons */

/* Legend */
#legendBox.archivelgdbox
{   
    width: 185px;
    text-align: center;
}
#legendBox.archivelgdbox img
{
    border: solid 1px #003366;
    margin-top: 11px;
}

/* Description */
.boxDescription {
    margin: 10px 226px 10px 10px;
    width: expression( if(document.getElementById('mapFrame')) { document.getElementById('mapFrame').clientWidth - 26 } );
}
.boxDescription2 {
    margin: 10px 20px 10px 16px;
    /* width: 100%; */
    width: expression( if(document.getElementById('mapFrame')) { document.getElementById('mapFrame').clientWidth - 26 } );
    width: expression( if(document.getElementById('mapContainer')) { document.getElementById('mapContainer').clientWidth } );
}
.boxDescription p, .boxDescription2 p {
	table-layout: auto;
    text-align: justify;
	/* * padding-bottom: 10px; */
}

.boxDescription li, .boxDescription2 li {
    margin-bottom: 0.2em;
	table-layout: auto;
	text-align: justify;
}

/* Topo */
.boxDescription-left {
    width:320px;
}

.boxDescription-left p {
    text-align:justify;
}

.boxDescription-right {
    position: absolute; 
    margin:9px 2px 2px 2px;
    top: 45px; 
    right:230px;
    width: 100px;

}
/* End Topo */

/* Optional */
.optionalbox
{
    border: solid 1px #ccc;
    margin: 10px 226px 20px 17px;
    width: expression( if(document.getElementById('mapFrame')) { document.getElementById('mapFrame').clientWidth - 26 } );
}
.optionalbox h3
{
    background-color: #ffcc00;
    color: #003366;
    font-size: 15px;
    margin: 0;
    padding: 3px 3px 3px 5px;
    text-align:left;
}
.optionalbox p
{
    padding: 5px;
    margin: 0;
}
.optionalbox li
{
    list-style:disc;
    text-align:left;
}
.optionalbox ul
{
    margin: 0;
    padding: 20px;
}
/* Misc */
.bold
{
    font-weight: bold;
}
.boxundermap
{
    position: relative;
    margin: 5px 226px 0px 17px;
    width: expression( if(document.getElementById('mapFrame')) { document.getElementById('mapFrame').clientWidth - 26 } );
}
.boxundermaplevel
{
    margin: 0;
    padding: 0;
}
.boxundermaplevel.leftl1
{
text-align:left;
}
.boxundermaplevel.rightl1
{
    position: relative;
    top: -30px; 
    right: 0;
    text-align: right;
}
.boxundermaplevel.rightl2
{
    position: relative;
    top: 0;
}
.boxundermaplevel.leftl2
{
    position: relative;
    top: -30px; 
    right: 0;
    text-align: right;
}
.boxundermaplevel.leftl3
{
    top: 90px;
    width: 100%;
}
.boxundermaplevel.leftl4
{
    position: relative;
    width: 100%;
}
/* Tabs */
#my_tabs
{
    margin: 0px 0px 0px 10px;
    padding: 0;
    text-align: center;
    border-bottom: solid 1px #003366;
    /* border: dashed 1px red; */
    width: 182px;
    padding-left: 5px;
}
#my_tabs li
{
    /* display: -moz-inline-stack; */
    display: inline-block;
    padding-top: 3px;
    margin: 0;
    width: 79px;
    height: 20px;
    zoom: 1;
    * display: inline;
    margin-bottom: -1px; /* -1px */
    margin-right: 5px;
}
#my_tabs ul
{
    margin: 0;
    padding: 0;
}
.liststyle
{
    list-style: none;
}
.my_tab {
    background: #ccc url("tab_no_select.jpg");
    background-repeat: no-repeat;
    /* border-top: solid 1px #003366;
    border-right: solid 1px #003366; */
	border-bottom: solid 0px #003366;
    /* border-left: solid 1px #003366; */
    cursor: pointer;
}
.my_tab:hover {
    background: #ffcc00 url("tab_hover.jpg");
    background-repeat: no-repeat;
}
.my_tab_selected {
    background: #fff url("tab_select.jpg");
    background-repeat: no-repeat;
	/* border-top: solid 1px #003366;
    border-right: solid 1px #003366; */
	border-bottom: solid 0px #fff;
    /* border-left: solid 1px #003366; */
    cursor: pointer;
}
#my_contents {
    margin-left: 10px;
	overflow: auto;
	width: 204px;
	height: 450px;
    height: expression( if(document.getElementById('mapContainer')) { document.getElementById('mapContainer').clientHeight + 10}+"px" ); /* for IE */
}
#mytab_1, #mytab_2 {
    width: 185px;
    border-right: solid 1px #003366;
    border-bottom: solid 1px #003366;
    border-left: solid 1px #003366;
    padding-top: 0px;
}

.tab_content {
    margin: 0;
    padding-left: 0px;
    font-size: 1em;
}

.taboptionalbox
{
    font-size: 0.8em;
	font-stretch: condensed;
}
.taboptionalbox h3
{
    background-color: #ffcc00;
    color: #003366;
    margin: 0;
    padding: 3px;
	border-top: solid 1px #999;
}
.taboptionalbox p
{
    margin: 0;
    padding: 3px;
}
.taboptionalbox a
{
    font-weight: bold;
}
/* End Tabs */

td.ami_toposearchTitles {
	color: ##036;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fc3;
	font-size: 80%;
	/* border-top: 1px solid #999999; */
}

.ami_abstractBox{
	border-color: #ccc;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background-color:#fff;
	padding: 0 0 0 0;
	width: 195px;
}

div.ami_abstractBox ul li {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.1em;
	text-align:left; /* D.G. */
}

div.ami_abstractBox p {
	margin: 0 2px 0 2px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.2em;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

.ami_textBox{
	border-color: #ccc;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	background-color:#fff;
	padding: 2px;
}

table.ami_tableGreyborder{
	border: 1px solid #ccc;
}

td.ami_topoinfoTitle {
	color: #036;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fc3;
	font-size: 80%;
	border-bottom: 1px solid #999;
}

td.ami_mapdata{
	color: Black;
	font-size: .75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ol.ami_overlib{
	margin-bottom: 0px;
	margin-top: 0px;
}

blockquote.ami_overlib_blockquote {
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

td.ami_toolbar {
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	border-top: 1px solid #999999; 
}

#getstatspopup, #dmtpopup{
	position: absolute; 
	visibility: hidden; 
	z-index: 99; 
	border: 1px solid #900; 
	background-color: #fff;
	max-width: 230px;
}

#getstatspopup ol, #dmtpopup ol {
	margin-top: 0.5em;
	margin-bottom: 0;
}

#getstatspopup ol li, #dmtpopup ol li {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 1.5em;
	padding-bottom: 0.1em;
	line-height: 1.3em;
	text-align:left;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
}

#getstatspopup ol li div, #dmtpopup ol li div {
	font-family: Arial, Helvetica, sans-serif;
}

#getstatspopup h2, #dmtpopup h2 {
	margin: 0;
	padding: 1px 0 3px 2px;
	line-height: 1.2em;
	text-align: left;
	font-size: 10pt;
	font-weight: 700;
	color: #fff;
	background-color: #900;
	font-family: Arial, Helvetica, sans-serif;
}
#getstatspopup p.liability, #dmtpopup p.liability {
	margin: 0 2px 0 2px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.2em;
	text-align: justify;
	font-size: 8pt;
	color: #039;
	font-family: Arial, Helvetica, sans-serif;
}