<!--
body { 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 12px; color: #555555; 
margin: 0px; 
padding: 0px; 
background: #fefefe;
}


.slate{display: none;}


/*
	DIV
	
*/

div {text-align: left; font-size: 11px; }

/*
	DIV CLASSES 
	
*/

div.navitem {float: left; text-align: center; height: 44px; padding-left: 8px; padding-right: 8px;}
div.navitem:hover{ background: url(/css/v2/nav.top.level1.roll.png);}
div.navseparator { width: 2px; float: left; text-align: center; margin-left: 0px; margin-right: 0px; height: 44px; background: url(/css/v2/nav.divider.png); }

div.navmenu { position: absolute; width: 165px; display: none; border: 1px solid #fefefe; background: url(/css/v2/map.menu.container.bg.png); z-index: 5001; cursor: pointer;}
div.mnubtn { border-top: 1px solid #fefefe; border-bottom: 1px solid #dedede; height: 20px; line-height: 20px; width: 100%; padding-left: 2px; font-size: 10px; cursor: pointer;}
div.mnubtn:hover { background: url(/css/v2/menu.roll.png) repeat-x; color: #85cc66; cursor: pointer;}
div.mnubtnSelected { border-top: 1px solid #fefefe; border-bottom: 1px solid #dedede; height: 20px;  line-height: 20px; width: 100%; background: url(/css/v2/map.selected.bg.png); cursor: pointer;}

div.layerSelected { border-top: 1px solid #fefefe; border-bottom: 1px solid #dedede; line-height: 20px; width: 100%; background: #a3c6f4;}

div#maptoolbar { width: 100%; background: #ffffff;}
div.maptoolbarbutton { float: left; text-align: center; height: 25px; padding-left: 8px; padding-right: 8px;}
div.maptoolseparator { float: left; text-align: center; height: 25px; width: 1px; margin-left: 0px; margin-right: 0px; background: #d3d3d3; }

div.mapmenu { position: absolute; padding-left: 5px; padding-right: 20px; display: none; border: 1px solid #fefefe; background: url(/css/v2/bg.transparent.white.png); z-index: 5001;}
div#mapinfo { width: 100%; background: #ffffff; display: none; clear: both; border-top: 1px solid #cacaca;}
div#mapextras{border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; border-left: 1px solid #cacaca; float: left; width: 100%;}

div#revealmaptools { width: 100%; background: #ffffff; display: none; text-align: center; border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; border-left: 1px solid #cacaca; }

div.button{ cursor: pointer; }
div.tabbedmenu { padding: 10px; width: 580px; height: 350px; overflow: hidden; position: absolute; display: none; border: 1px solid #fefefe; background: url(/css/v2/map.menu.bg.png); z-index: 5001;}
div.tabcontainer {width: 585px;  display: block; clear:both; line-height: 20px;}

div.menutab { float: left; text-align: center; height: 20px; padding-left: 8px; padding-right: 8px; background: url(/css/v2/map.tab.bg.png); border-top: 1px solid #ababab; border-right: 1px solid #ababab; border-left: 1px solid #ababab;  font-size: 10px; color: #888888; line-height: 20px;  display: block; cursor: pointer; font-weight: bold;}
div.menutab:hover { float: left; text-align: center; height: 20px; padding-left: 8px; padding-right: 8px; background: url(/css/v2/map.tab.bg.png); border-top: 1px solid #ababab; border-right: 1px solid #ababab; border-left: 1px solid #ababab;  font-size: 10px; color: #444444; line-height: 20px;  display: block; cursor: pointer; font-weight: bold;}
div.menutabdown { float: left; text-align: center; height: 20px; padding-left: 8px; padding-right: 8px; background: url(/css/v2/map.tab.sel.png); border-top: 1px solid #ababab; border-right: 1px solid #ababab; border-left: 1px solid #ababab; font-size: 10px; color: #444444; line-height: 20px; display: block; cursor: pointer; font-weight: bold;}

div.layerpanel { margin-left: 5px; width: 300px; clear:both;}
div.buttontab { 

	display: block;
	float: left; 
	height: 25px;
	line-height: 25px;
	margin-right: 2px;
	padding-left: 8px; 
	padding-right: 8px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-khtml-border-radius: 5px;
    	border-radius: 5px;
    	border: 1px solid #d2d2d2; 
	background: #ffffff;
	color: #888888;
	
	
	}
div.buttontab:hover {
    	border: 1px solid #1484A1; 
	color: #1484A1;
	}
	
div.buttontabdown { 
	display: block;
	float: left; 
	height: 25px;
	line-height: 25px;
	margin-right: 2px;
	padding-left: 8px; 
	padding-right: 8px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-khtml-border-radius: 5px;
    	border-radius: 5px;
    	border: 1px solid #fefefe; 
	background: #246293;
	color: #ffffff;
	}

div.layerfolder { 
	border: 1px solid #fefefe; 
	margin: 1px;
	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-khtml-border-radius: 5px;
    	border-radius: 5px;
    }
    
div.layertab { 

	display: block;
	float: left; 
	height: 25px;
	line-height: 25px;
	margin-right: 2px;
	padding-left: 8px; 
	padding-right: 8px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-khtml-border-radius: 5px;
    	border-radius: 5px;
    	border: 1px solid #d2d2d2; 
	background: #ffffff;
	color: #888888;
	}
div.layertab:hover {
    	border: 1px solid #1484A1; 
	color: #1484A1;
	}
	
div.layertabdown { 

	display: block;
	float: left; 
	height: 25px;
	line-height: 25px;
	margin-right: 2px;
	padding-left: 8px; 
	padding-right: 8px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-khtml-border-radius: 5px;
    	border-radius: 5px;
    	border: 1px solid #fefefe; 
	background: #246293;
	color: #ffffff;
	}

div.layerbutton { 

	display: block;
	float: left;
	width: 125px;
	height: 22px;
	line-height: 22px;
	margin-right: 2px;
	padding-left: 8px; 
	padding-right: 8px;
	font-size: 11px;
	text-align: center;
	cursor: pointer;
	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-khtml-border-radius: 5px;
    	border-radius: 5px;
    	
    	border: 1px solid #d2d2d2; 
    	
	background: #ffffff;
	color: #888888;
	
	
	}
div.layerbutton:hover {
    	border: 1px solid #1484A1; 
	color: #1484A1;
	}

div.layerbuttondown { 

	display: block;
	float: left;
	width: 125px;
	height: 22px;
	line-height: 22px;
	margin-right: 2px;
	padding-left: 8px; 
	padding-right: 8px;
	font-size: 11px;
	text-align: center;
	cursor: pointer;
	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-khtml-border-radius: 5px;
    	border-radius: 5px;
    	border: 1px solid #fefefe; 
	background: #246293;
	color: #ffffff;
	}
	
img.layerbutton {margin:3px; display: inline; float: left;}


div.layertoolbutton { 

	display: inline;
	float: left;
	width: 32px;
	height: 32px;
	line-height: 32px;
	margin-right: 2px;
	text-align: center;
	cursor: pointer;
	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-khtml-border-radius: 5px;
    	border-radius: 5px;
    	border: 1px solid #d2d2d2; 
	background: #ffffff;
	}
	
img.layertoolbutton {margin:3px; display: inline; float: left;}

div.modifytab { 

	display: block;
	float: left; 
	height: 25px;
	line-height: 25px;
	margin-right: 2px;
	padding-left: 8px; 
	padding-right: 8px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-khtml-border-radius: 5px;
    	border-radius: 5px;
    	
    	border: 1px solid #d2d2d2; 
    	
	background: #ffffff;
	color: #888888;
	
	
	}
div.modifytab:hover {
    	border: 1px solid #246293; 
	color: #246293;
	}
	
div.modifytabdown { 
	display: block;
	float: left; 
	height: 25px;
	line-height: 25px;
	margin-right: 2px;
	padding-left: 8px; 
	padding-right: 8px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-khtml-border-radius: 5px;
    	border-radius: 5px;
    	border: 1px solid #fefefe; 
	background: #246293;
	color: #ffffff;
	}


div.menuclose { float: left; text-align: left; height: 20px; margin-left: 8px; line-height: 20px;  display: block; cursor: pointer;}

div.tabmenucontainer {width: 585px; height: 100%; clear:both; overflow: hidden; display: block; border: 1px solid #dbdada; background: url(/css/v2/map.menu.container.bg.png);}
div.tabcontent {width: 100%; height: 260px; overflow: auto; display: none;}
div.menuitem { float: left; text-align: left; width: 240px;  margin: 15px; 10px 0px 35px; }

div.overlay { padding: 10px; overflow: hidden; width: 300px; height: 240px; position: absolute; display: none; border: 1px solid #fefefe; background: url(/css/v2/map.menu.bg.png); z-index: 5001;}
div.overlaymenucontainer { height: 90%; clear:both; overflow: hidden; display: block; border: 1px solid #dbdada; background: url(/css/v2/map.menu.container.bg.png);}
div.overlaytabcontainer {display: block; clear:both; line-height: 20px;}
div.overlaytabcontent {width: 100%; overflow: auto; display: none;}
div.overlayinfo {width: 100%; overflow: auto; display: block;}
div.overlayclosebutton {z-index: 1799; position: absolute; left: 95%; width: 15px; height: 15px; text-align: right; margin: 5px;}
div.rollclosebutton {  width: 15px; height: 15px; text-align: right; margin: 3px 0px 3px 280px;}
div.overlayreport { padding: 10px; overflow: hidden; width: 300px; position: absolute; display: none; border: 1px solid #fefefe; background: url(/css/v2/map.menu.bg.png); z-index: 5001;}

div.mlccontainer {}

div.list{padding: 5px; width: 340px; clear: both; margin-bottom: 10px;}
div.container {border: 1px solid #fefefe; }
div.docked1 {width: 330px; position: static; z-index: 100; border: 1px solid #fefefe;}
div.docked2 {width: 330px; position: static; z-index: 100;	float: left; margin-bottom: 5px; border: 1px solid #fefefe;}
div.dockedleft {width: 330px; position: static; z-index: 100; float: left; margin-bottom: 5px; border: 1px solid #fefefe; }
div.dockedleftclear {width: 330px; position: static; z-index: 100; float: left; margin-bottom: 5px; border: 1px solid #fefefe; clear:left;}
div.dockedright {width: 330px; position: static; z-index: 100; float: right; margin-bottom: 5px; margin-right: 0px; border: 1px solid #fefefe;}
div.docked3 {width: 670px; position: static; z-index: 100; margin-bottom: 5px; clear: both;border: 1px solid #fefefe; }
div.docked4 {width: 1037px; position: static; z-index: 100; margin-top: 10px; margin-bottom: 5px; clear: both; border: 1px solid #fefefe; }

div.undocked {position: absolute; z-index: 5000; border: 1px solid #fefefe;}

div.widget { 
	line-height: 22px; color: #006b99; font-size: 12px; font-weight: bold; height: 22px; border: 1px solid #d5d5d5; 
	/* width: 100%; */
	background: url(/css/v2/drag.lever.v2.png);  overflow: hidden;
}
div.widget:hover{ background: #a4c4dc url(/css/v2/drag.lever.rollover.v1.png); color: #f5f5f5;}
div.widgetdrag { line-height: 22px; color: #006b99; font-size: 12px; font-weight: bold; height: 22px; border: 1px solid #d5d5d5; width: 100%; background: #2941bc;  overflow: hidden;}

div.w-label { color: inherit; font-size: 12px; font-weight: bold; float: left; margin-left: 15px; background: inherit; background-color: inherit;}
div.w-content {display: none; width: 100%; height: 100%; background: #ffffff; overflow: hidden;}
div.w-bottom {display: none; width: 100%;  height: 18px; background: url(/css/v2/drag.bottom.v1.png) repeat-x; border: 1px solid #d5d5d5; text-align: right;}

div.folder { border: 1px solid #fefefe; margin: 1px;}

div.folder-tab {  cursor: pointer; line-height: 24px; color: #3f3e3c; font-size: 12px; font-weight: bold; height: 24px; width: 100%; background: #f9fafc;  overflow: hidden;}
div.folder-tab:hover { }
div.folder-label { color: inherit; font-size: 11px; font-weight: bold; float: left; margin-left: 15px; }
div.folder-content {display: none; width: 100%; height: 100%; overflow: hidden;}
div.folder-bottom {display: none; width: 100%;  height: 18px; border: 1px solid #d5d5d5; text-align: right;}

div.btnexpandright {float: right; margin-right: 20px; margin-top: 4px; height: 15px;}
div.btnexpandleft {float: left; margin-left: 20px; height: 22px;}

div.btnexpandleft a {  cursor: pointer; }
div.btnexpandleft a:hover {  color: #00719E; }
a.folderexpand {  cursor: pointer; }
a.folderexpand:hover {  color: #00719E; }
img.folder-image {  cursor: pointer; display: inline;}

div.lightgray { padding-left: 35px; line-height: 20px; color: #4e4e4e; font-size: 11px; height: 20px; width: 280px; background: #f3f3f3;  overflow: hidden; margin: 1px;}
div.darkgray { padding-left: 35px; line-height: 20px; color: #4e4e4e; font-size: 11px; height: 20px; width: 280px; background: #ebebeb;  overflow: hidden; margin: 1px;}

div.scroll_ {height: 300px; overflow: auto;}
div.fancylink { border: 1px solid #fefefe; margin: 1px;line-height: 24px; color: #3f3e3c; font-size: 12px; font-weight: bold; height: 24px; width: 100%; background: #f9fafc;  overflow: hidden;}
div.rsschannel {width: 100%; height: 270px; overflow: auto;}

div.tool{border: 1px solid #888888; background: #e1e1e1; font-size: 7px; width: 32px; height: 32px; padding: 0px; margin: 0px;}
div.style1 {font-family: Arial, Helvetica, sans-serif;}

/*div.multirss-content{height: 225px; overflow: hidden;}*/
div#coverlay { padding-left: 0px; padding-right: 0px; width: 510px; border: 1px solid #555555; z-index: 6000;}

div.layermenu{display: none;}
div.progress {width: 200px; height: 10px; background: url(/css/v2/loader.gif) no-repeat;}

div.catalogbutton{ float: left; margin-right: 1px; margin-left: 1px; cursor: pointer;}
div.catalogcontrol{ float: left; cursor: pointer;}
img.catalogbutton { margin: 0px; width: 32px; height: 32px; cursor: pointer;}
img.catalogcontrol { margin: 0px; width: 12px; height: 34px; cursor: pointer;}

div.toolbutton {float: left; margin-top: 4px; margin-right: 1px; margin-left: 1px; width: 32px; height: 32px; }
img.toolbutton {margin: 0px; width: 32px; height: 32px; }
div.tooltextbutton {font-size: 10px; float: left; margin-top: 0px; margin-right: 1px; margin-left: 1px; height: 20px; color: #ffffff; font-weight: bold; padding-left: 2px; padding-right: 4px; line-height: 20px; cursor: pointer;}
div.tooltextbutton:hover {font-size: 10px; float: left; margin-top: 0px; margin-right: 1px; margin-left: 1px; height: 20px; color: #ffffff; font-weight: bold; padding-left: 2px; padding-right: 4px; line-height: 20px; background: #2c7bbf; cursor: pointer;}
div.tooltextbuttonseparator{ float: left; margin-left: 0px; margin-right: 0px; width: 1px; height: 20px; background: url(/css/v2/menu.roll.png); }
div.toolbuttonseparator{ float: left; margin-left: 0px; margin-right: 0px; width: 1px; height: 40px; background: url(/css/v2/tools.divider.png); }
	
div.panel{text-align: left; margin: 10px 5px 25px 10px;}

/*editing forms */
div.editcontainer  { clear: both;  border: #cccccc 1px solid; margin: 0px 0px 15px 0px; padding:0px; text-align: left; line-height: 16px; font-size: 11px;}
div.editortabs { clear: both; }

div.adminpanel{ display: none; clear: both; }
div.scrollcontainer  { clear: both;  border: #cccccc 1px solid; margin: 0px 0px 15px 0px; padding:0px; text-align: left; line-height: 16px; font-size: 11px; height: 400px; overflow: auto; }
div.smallscrollcontainer  { clear: both;  border: #cccccc 1px solid; margin: 0px 0px 15px 0px; padding:0px; text-align: left; line-height: 16px; font-size: 11px; height: 300px; overflow: auto; }

div.topicbutton {  cursor: pointer; width: 150px; color: #566c9d; font-weight: bold;}



div.closebutton {z-index: 1799;  width: 15px; height: 15px; text-align: right; float: right; margin-right: 3px; margin-top: 4px;  cursor: pointer;}
div.padd { padding: 20px;}

div.overlaycontent{ width: 280px; padding: 5px; font-size: 10px;}
div#overlaycontent{ padding: 5px; background: url(/css/v2/map.menu.container.bg.png);}

div.autocontent { padding: 5px; background: url(/css/v2/map.menu.container.bg.png);}
div.automenu { width: 500px; position: absolute; border: 2px solid #555555; background: #ffffff; z-index: 6000;}

div#roll_{width:360px;}
div#tools_ {width: 120px;}
div#new_{width: 428px;}
div#maphelp_{width: 762px;}


.smalltext { font-size: 10px;}

div.topicseditor { width: 350px; float: left; margin: 15px 0px 0px 10px; border: solid 1px #d5d5d5; }
div.topicform {  width: 350px;  margin: 5px 0px 0px 10px; color: #444444; font-size: 10px; }
div.topicsbrowser{ width: 260px; float: right;  border: solid 1px #d5d5d5; margin: 15px 20px 0px 0px; }
div.leftscroll { width: 245px; overflow: auto; height: 280px; margin: 15px 5px 5px 5px;}
div.selectedtopic { margin: 15px 0px 10px 0px; width: 210px; background: #f3f3f3; border-top: 2px #999999 solid; border-right: 2px #d2d2d2 solid; border-bottom: 2px #d2d2d2 solid; border-left: 2px #999999 solid;}
div.topiclist{ margin: 15px 0px 10px 0px; }
div.colorSelector{ display: block; width: 280px; margin: 10px 20px 10px 10px; }

div.assetbox {border: solid 1px #f1f1f1; margin-bottom: 3px; margin-top: 3px; }
div.assetcontainer {border: solid 1px #d1d1d1;}

div.assetleftbox{width: 75px;  float: left; margin: 0px 5px 0px 0px; color: #686868; font-size: 10px;}
div.assetrightbox{width: 235px;  float: right; margin: 10px 0px 5px 0px; color: #686868; font-size: 10px;}

div.wikileftbox{width: 80px;  float: left; margin: 0px 5px 0px 0px; color: #686868; font-size: 10px;}
div.wikirightbox{width: 180px;  float: right; margin: 10px 0px 5px 0px; color: #686868; font-size: 10px;}

div.resultbox {border: solid 1px #f1f1f1; margin-bottom: 3px; margin-top: 3px;}
div.resultcontainer {border: solid 1px #d1d1d1; }

div.assetinfo{font-weight: bold; font-size: 11px; clear: both;}
div.assetpager{text-align: center; margin-top: 10px; clear: both;}



/*#slate{display: none;}*/

/*
	IMG
	
*/

img {display: block; margin: 0px; border: 0px;}
img.soft {display: inline; margin: 0px;}
img.class{display:block; margin: 2px;}
img.limber{display: inline;}

img.rssimage { margin: 5px 5px 0px 5px;}
img.assetimage{ margin: 10px;}
.blueborder{ border: 2px solid #0000ff; margin: 5px;}
.grayborder{ border: 1px solid #cccccc; margin: 5px;}
img#mainimg {width: 320px; height: 240px;}

.widgetenvelope{width: 220px; height: 20px; }
img.colorchooser{ float: right; width: 20px; }
.paramselector { float: left; width: 165px; }

.envelope{ padding: 5px; }
.rss {margin-left: 25px;}




dd{width: 500px important;}
dt{width: 350px important;}

ol,
ul {
	list-style: none;
}


table.invite {width: 330px;}
td.invitec1 {width: 75px;}
td.invitec2 {width: 210px;}
td.invitec3 {width: 45px;}

p.assetdate{font-size:10px; color: gray; margin: 0px 0px 5px 0px;}

/*
	DIV UNIQUES
*/

/* MAP MENUS */
div#maptools { z-index: 5001;border: 1px solid #a8a8a8; position: absolute; top: 115px; left: 345px; width: 91px; height: 288px; display: none;}
div#options { z-index: 5001;border: 1px solid #a8a8a8; position: absolute; top: 253px; left: 797px; width: 90px; height: 150px; display: none;  background: url(/css/v2/bg.transparent.white.png);}
div#imagery { z-index: 5001;border: 1px solid #a8a8a8; position: absolute; top: 233px; left: 450px; width: 125px; height: 170px; display: none; background: url(/css/v2/bg.transparent.white.png);}

div#conditions { z-index: 5001;border: 1px solid #a8a8a8; position: absolute; top: 30px; left: 420px; width: 580px; height: 374px; display: none;}
div#search{ z-index: 5001;border: 1px solid #a8a8a8; position: absolute; top: 353px; left: 910px; width: 100px; height: 50px; display: none;  background: url(/css/v2/bg.transparent.white.png);}
div#layers{ z-index: 5000;border: 1px solid #a8a8a8; position: absolute; top: 104px; left: 500px; width: 400px; height: 300px; display: none;  background: url(/css/v2/bg.transparent.white.png);}
/* END MAP MENUS */

div#maincontainer{ position: relative; margin: 0px 20px 0px 20px; width: 1037px; background: #ffffff;}
div#plaincontainer{ position: relative;  margin: 0px 20px 0px 20px; width: 760px; background: #f4f4f4;}
div#top{height: 56px; width: 1077px; margin-left: auto; margin-right: auto; margin-top: 20px; padding: 0px; text-align: center; background: url(/css/v2/window.top.png) no-repeat;}
div#plaintop{height: 56px; width: 800px; margin-left: auto; margin-right: auto; margin-top: 20px; padding: 0px; text-align: center; background: url(/css/v2/plain.top.png) no-repeat;}
/* position: relative; left: 20px; top: 14px;  */ 
div#banner {margin: 0px 20px 0px 20px; position: relative; top: 14px; height: 42px; width: 1037px; padding: 0px; background:  #fafafa;}
div#logo{width: 505px; float: left; margin-top: 6px; margin-left: 15px; margin-right: 20px;}
div#searchbox{width: 305px; float: left; margin-top: 10px; margin-left: 15px;}

div#navcontainer{width: 100%; height: 44px;  margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0px; text-align: center; background: url(/css/v2/nav.top.level1.png) #2e7dd6;}

div#nav {margin-left: auto; margin-right: auto; margin-top: 0px; width: 1040px; height: 44px; padding: 0px;  }

div#navlocation {width: 250px; float: left; text-align: left;}

div#main{width: 1077px; margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0px; text-align: center; background: url(/css/v2/window.middle.png) #ffffff;}

div#plain{width: 800px; margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0px; text-align: center; background: url(/css/v2/plain.middle.png) #ffffff;}

div#bottom{height: 56px; width: 1077px; margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0px; text-align: center; background: url(/css/v2/window.bottom.png) no-repeat;}

div#plainbottom{height: 56px; width: 800px; margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0px; text-align: center; background: url(/css/v2/plain.bottom.png) no-repeat;}

ul.mainnavigation{margin: 0px;}

div#mapdock{width: 1037px; clear: both; margin-left: 0px; text-align: center; }

div#stack{float: left; margin-top: 10px; margin-left: 10px; width: 335px; text-align: center;}
div#stack-bottom{width: 320px; height: 1px;}
div#pallette{float: left;  margin-top: 10px; margin-left: 10px; width: 670px; text-align: center;}
div#pallette-bottom{width: 320px; height: 1px;}

div#viewer{width: 320px; margin-left: 5px;}
div#catalog {display: block; height: 34px; margin-top: 6px;margin-bottom: 2px; width: 320px;}
div#ufo2{width: 320px; height: 240px;}
div.tools{ display: block; height: 20px; background: url(/css/v2/nav.top.level1.png) repeat-x; width: 320px;}
/* div#tools{ display: block; height: 20px; background: url(/css/v2/nav.top.level1.png) repeat-x; width: 320px;} */
div.messagetools{ display: block; height: 40px; background: url(/css/v2/bg.viewer.toolbar.png) repeat-x; width: 100%; }
img.toolbarframe { width: 100%; height: 2px; }
.messagecontainer {width: 640px; cursor: pointer; line-height: 20px;}
.messagecontainer:hover {background: #dfdfdf; }

div#topiccontrols{width: 330px; height: 24px; border-top: 1px solid #dfe0e4; background: url(/css/v2/bg.adv.topics.png) repeat-x;}
div#topicprevious{ cursor: pointer; float: left; margin: 5px 0px 0px 10px;}
div#topicnext{  cursor: pointer; float: right; margin: 5px 10px 0px 0px;  text-align: right;}

/*div#usgspanel { height: 240px; over-flow: auto; }
div#cdecpanel { height: 240px; over-flow: auto; }
div#noaapanel { height: 240px; over-flow: auto; }*/

div#stdout{width: 1035px; clear: both;  margin-left: auto; margin-right: auto; margin-bottom: 25px; margin-top: 5px; padding: 0px;}

div.utilitycontainer {position: relative; z-index: 1800; }
div#progressBar { z-index: 1800; position: absolute; left: 0px; top: 0px; width: 670px;  background: url(/css/v2/bg.transparent.white.png); display: none;}

div#progressContainer{ width:100%; margin: 0px; height: 4px; background: url(/images/loadbg.v2.png) top center;text-align: left;}
div#explode{ z-index: 1799; position: absolute; left: 95%; width: 10px; height: 10px; text-align: right; margin: 5px; cursor: pointer;}
div#mapquery{ z-index: 1799; position: absolute; left: 8px; top: 150px; width: 28px; height: 28px; text-align: right; margin: 5px; cursor: pointer;}

div#cmseditorlinks { width: 580px;  margin: 10px 0px 0px 10px; text-align: left; clear: both;  border: solid 1px #d5d5d5;}

div#choicebox { width: 350px; }
div#chooser {  margin-bottom: 25px; margin-top: 0px; }
div#topiccontainer { display: block; width: 300px; margin: 10px 20px 10px 10px; }
div#topicdesc{ display: block; margin: 0px 5px 5px 0px; text-align: left;}

/* H CLASSES */
h1 { margin: 5px 20px 10px 10px; }
h2 { margin: 5px 20px 10px 10px; }
h3 { margin: 5px 20px 10px 10px; }
h4 { margin: 5px 20px 10px 10px; }
h5 { margin: 5px 20px 10px 10px; }

/* PARAGRAPH CLASSES */
p { margin: 5px 20px 10px 10px; text-align: justified; display: block;}

p.cmstitle { margin-top: 0px; margin-left: 5px; margin-bottom: 5px; width: 450px; }
p.directional { margin:0px 5px 0px 0px; line-height: 33px; color: orange; } 

p.title { font-weight: bold; }
p.title12 {font-weight: bold; margin: 15px 10px 10px 10px;}
.subtitle {color: #006b99; font-weight: bold; font-size: 12px;}

p.rssitem {text-align: left; }
/*p.smalldesc {font-size: 11px;}*/

p.bold12 {font-weight: bold; margin: 10px 20px 4px 10px; font-size: 12px; text-align: left;}
p.bold14 {font-weight: bold; margin: 10px 20px 4px 10px; font-size: 12px; text-align: left;}
p.browntitle12 {font-size: 10px; line-height: 12px; color: #4e3530; text-align: left;  font-weight: bold; margin: 2px 5px 2px 10px;}


/* PARAGRAPH UNIQUES */
p#progresstitle { text-align: center; color: #777777; font-size: 10px; margin: 5px 20px 3px 10px;}
p#progressadditional { text-align: center; color: #777777; font-size: 10px; margin: 5px 20px 3px 10px;}

p#choosertitle{ margin-left: 25px; margin-top:20px; margin-bottom: 0px; }

p#topictitle{ display: block; margin: 0px 0px 5px 0px;}

p#mainsource{ display: block;  font-size: 11px; margin: 5px 0px 5px 0px;  }

p#imgtitle{ display: block;  font-size: 11px; margin: 5px 0px 5px 0px; }

.metrictitle{font-weight: bold;}

form.viewerform {margin-top: 2px;}

input{font-size: 10px;}

input.mapcheckbox{ height: 5px; width: 5px;}

select {background: #ffffff; color: #6182af; font-size: 11px; font-family: arial; border: 1px solid #cccccc; }
select#topicselect{width: 320px; }
select#categoryselect{width: 230px; }

table.control { margin: 0px 0px 0px 20px; width: 650px; }
table#mapmenus { z-index: 1005; margin: 0px 0px 0px 0px; padding: 0px; width: 670px; border: 0px; height: 24px; }

td.tabtop {margin:0px; width: 80px; text-align: center;}
td.tabbottom {margin:0px; width: 100px; text-align: center;}
td.mapbutton{border: 1px solid #d5d5d5; text-align: center; width: 113px; height: 22px; background: url(/css/v2/tools.background.v1.png) #fefefe;}
table.doctools{ width: 95%; margin-top: 5px; margin-bottom: 5px; margin-left: 0px; clear: both;}
td.doctool { width: 80px; text-align: center;}

tr.toolrow { height: 36px; }

/* links */
a, a:link { font-size: 11px;  color: #898385; text-decoration: none;   cursor: pointer; }
a:active {font-size: 11px;  color: #898385; text-decoration: none;   cursor: pointer;  }
a:visited { font-size: 11px; color: #898385; text-decoration: none;  cursor: pointer;  }
a:hover { font-size: 11px; color: #85cc06; text-decoration: none;  cursor: pointer;  }

a.smalllink, a.smalllink:link { font-size: 10px;  color: #006493; text-decoration: none; font-weight; bold !important;}
a.smalllink:active {font-size: 10px;  color: #006493; text-decoration: none;   font-weight; bold !important;}
a.smalllink:visited { font-size: 10px; color: #006493; text-decoration: none; font-weight; bold !important; }
a.smalllink:hover { font-size: 10px; color: #85cc06; text-decoration: none;  font-weight; bold !important;}

a.tinylink, a.tinylink:link { font-size: 10px;  color: #454545; text-decoration: none; font-weight; normal;}
a.tinylink:active {font-size: 10px;  color: #454545; text-decoration: none;   font-weight; normal;}
a.tinylink:visited { font-size: 10px; color: #454545; text-decoration: none; font-weight; normal; }
a.tinylink:hover { font-size: 10px; color: #006493; text-decoration: none;  font-weight; normal;}

a.brownbold, a.brownbold:link { margin-right: 20px; font-weight: bold;}
a.brownbold:active { margin-right: 20px; font-weight: bold;}
a.brownbold:visited {  margin-right: 20px; font-weight: bold;}
a.brownbold:hover {  margin-right: 20px; font-weight: bold;}

a.layermenu, a.layermenu:link { font-size: 10px;}
a.layermenu:active {font-size: 10px;}
a.layermenu:visited { font-size: 10px;}
a.layermenu:hover { font-size: 10px;}

a.asub, a.asub:link { font-size: 11px;  color: #545353; line-height: 20px; margin: 0px; padding-left: 3px; border-bottom: 1px dotted #999999; /* margin-left: 5px; margin-right: 5px;*/ }
a.asub:active {font-size: 11px;  color: #545353;  line-height: 20px;  margin: 0px; padding-left: 3px;   border-bottom: 1px dotted #999999; /* margin-left: 5px; margin-right: 5px;*/  }
a.asub:visited { font-size: 11px; color: #545353;  line-height: 20px;  margin: 0px; padding-left: 3px;  border-bottom: 1px dotted #999999;  /* margin-left: 5px; margin-right: 5px; */ }
a.asub:hover { font-size: 11px; color: #8BCA91;  line-height: 20px;  margin: 0px;  padding-left: 3px; border-bottom: 1px dotted #999999;  /* margin-left: 5px; margin-right: 5px; */ }

a.red, a.red:link {  color: #992000; font-weight: bold; font-size: 10px;}
a.red:active { color: #992000; font-weight: bold; font-size: 10px;}
a.red:visited {  color: #992000; font-weight: bold; font-size: 10px;}
a.red:hover {  color: #997A00; font-weight: bold; font-size: 10px;}

a.green, a.green:link {  color: #449900; font-weight: bold; font-size: 10px;}
a.green:active { color: #449900; font-weight: bold; font-size: 10px;}
a.green:visited {  color: #449900; font-weight: bold; font-size: 10px;}
a.green:hover {  color: #990097; font-weight: bold; font-size: 10px;}

a.blue, a.blue:link {  color: #006b99; font-weight: bold; font-size: 10px;}
a.blue:active { color: #006b99; font-weight: bold; font-size: 10px;}
a.blue:visited {  color: #006b99; font-weight: bold; font-size: 10px;}
a.blue:hover {  color: #0045ff; font-weight: bold; font-size: 10px;}


span.selected {color: #006b99; font-weight: bold;}

a.permalink, a.permalink:link {  color: #006b99; font-weight: bold; font-size: 10px;}
a.permalink:active { color: #006b99; font-weight: bold; font-size: 10px;}
a.permalink:visited {  color: #006b99; font-weight: bold; font-size: 10px;}
a.permalink:hover {  color: #0045ff; font-weight: bold; font-size: 10px;}

p.weathertitle { padding: 0px; margin: 0px; }

a.weatherlink, a.weatherlink:link {  	color: #605e5f; font-weight: bold; font-size: 14px; margin: 0px;}
a.weatherlink:active { 			color: #605e5f; font-weight: bold; font-size: 14px; margin: 0px;}
a.weatherlink:visited {  		color: #605e5f; font-weight: bold; font-size: 14px; margin: 0px;}
a.weatherlink:hover {  			color: #88ff55; font-weight: bold; font-size: 14px; margin: 0px;}


a.gray, a.gray:link { color: #605e5f; font-weight: bold; font-size: 10px;}
a.gray:active 	    { color: #605e5f; font-weight: bold; font-size: 10px;}
a.gray:visited      { color: #605e5f; font-weight: bold; font-size: 10px;}
a.gray:hover        { color: #006b99; font-weight: bold; font-size: 10px;}

a.current-page, a.current-page:link { font-size: 12px; color: #283754; font-weight: bold; line-height: 44px; height: 44px; display: block;}
a.current-page:active { font-size: 12px; color: #283754; font-weight: bold; line-height: 44px; height: 44px; display: block;}
a.current-page:visited { font-size: 12px; color: #283754; font-weight: bold; line-height: 44px; height: 44px; display: block;}
a.current-page:hover { font-size: 12px; color: #85cc06; font-weight: bold; line-height: 44px; height: 44px; display: block;}
a#current-page{text-align: center; background: url(/css/v2/nav.roll.png) bottom center no-repeat;}

a.contentlink, a.contentlink:link { margin-left: 10px; color: #3e4c59; font-weight: bold;}
a.contentlink:active { margin-left: 10px; color: #3e4c59; font-weight: bold;}
a.contentlink:visited { margin-left: 10px; color: #3e4c59; font-weight: bold;}
a.contentlink:hover {  margin-left: 10px; color: #729f43; font-weight: bold;}

a.resize {float: right; margin: 2px;}

a.navigation, a.navigation:link { font-family: arial, helvetica, sans-serif; font-size: 15px; color: #ffffff; line-height: 44px; height: 44px; display: block; cursor: pointer;}
a.navigation:active 		{ font-family: arial, helvetica, sans-serif; font-size: 15px; color: #ffffff; line-height: 44px;  height: 44px;display: block;cursor: pointer;}
a.navigation:visited 		{ font-family:  arial, helvetica, sans-serif; font-size: 15px; color: #ffffff; line-height: 44px;  height: 44px;display: block;cursor: pointer;}
a.navigation:hover 		{ font-family: arial, helvetica, sans-serif;  font-size: 15px; color: #ffffff; line-height: 44px;  height: 44px;display: block;cursor: pointer; background: url(/css/v2/nav.top.arrow.roll.png) bottom center no-repeat;}

a.mapnav, a.mapnav:link {  font-size: 10px; color: #888888; line-height: 36px; height: 36px; display: block; cursor: pointer; font-weight: bold; }
a.mapnav:active 	{  font-size: 10px; color: #888888; line-height: 36px; height: 36px; display: block; cursor: pointer; font-weight: bold; }
a.mapnav:visited 	{  font-size: 10px; color: #888888; line-height: 36px; height: 36px; display: block; cursor: pointer; font-weight: bold; }
a.mapnav:hover 		{  font-size: 10px; color: #527EAD; line-height: 36px; height: 36px; display: block; cursor: pointer; font-weight: bold; }

a.tabnav, a.tabnav:link {  font-size: 10px; color: #888888; line-height: 20px; height: 20px; display: block; cursor: pointer; font-weight: bold; }
a.tabnav:active 	{  font-size: 10px; color: #888888; line-height: 20px; height: 20px; display: block; cursor: pointer; font-weight: bold; }
a.tabnav:visited 	{  font-size: 10px; color: #888888; line-height: 20px; height: 20px; display: block; cursor: pointer; font-weight: bold; }
a.tabnav:hover 		{  font-size: 10px; color: #444444; line-height: 20px; height: 20px; display: block; cursor: pointer; font-weight: bold; }

a.mail, a.mail:link 	{  font-size: 10px; color: #888888; cursor: pointer; font-weight: bold; }
a.mail:active 		{  font-size: 10px; color: #888888; cursor: pointer; font-weight: bold; }
a.mail:visited 		{  font-size: 10px; color: #888888; cursor: pointer; font-weight: bold; }
a.mail:hover 		{  font-size: 10px; color: #444444; cursor: pointer; font-weight: bold; }

a.orange, a.orange:link {font-size: 11px;  color: #ff8f2d;  cursor: pointer; }
a.orange:active { font-size: 11px;  color: #ff8f2d;  cursor: pointer; }
a.orange:visited { font-size: 11px; color: #ff8f2d;  cursor: pointer; }
a.orange:hover { font-size: 11px; color: #85cc06;  cursor: pointer; }

/* 85cc06 */
a.lime, a.lime:link {font-size: 11px;  color: #4A894A;   cursor: pointer; }
a.lime:active { font-size: 11px;  color: #4A894A;   cursor: pointer; }
a.lime:visited { font-size: 11px; color: #4A894A;  cursor: pointer;  }
a.lime:hover { font-size: 11px; color: #555555;  cursor: pointer;  }

a.orangebold, a.orangebold:link {font-size: 12px;  color: #ff8f2d; font-weight: bold;}
a.orangebold:active { font-size: 12px;  color: #ff8f2d; font-weight: bold;}
a.orangebold:visited { font-size: 12px; color: #ff8f2d; font-weight: bold;}
a.orangebold:hover { font-size: 12px; color: #85cc06; font-weight: bold;}

a.orangem, a.orangem:link { font-size: 10px; color: #ff8f2d; font-weight: bold;cursor: pointer; }
a.orangem:active 	  { font-size: 10px; color: #ff8f2d; font-weight: bold;cursor: pointer; }
a.orangem:visited 	  { font-size: 10px; color: #ff8f2d; font-weight: bold;cursor: pointer; }
a.orangem:hover 	  { font-size: 10px; color: #85cc06; font-weight: bold;cursor: pointer; }

.pinStyle1{ position:relative; background:url('/images/icons/32x32/project.icon.png') no-repeat 0 0; height:32px; width:32px; top:-16px;left:-16px; color:#fff; text-align:center; font: bold 12px Arial; cursor: pointer;}

/*CALENDAR */
.calendarheader {    font-weight: bolder;    color: #555555;    background-color: #e1e1b6;}
.calendartoday {    background-color: #6cb6ff;}
.calendar {    background-color: #ffffff; height: 100%; width: 100%;}

.event { font-family: arial, helvetica;	font-size: 8px;}

/*MAPS*/

.smallmap {
    width: 240px;
    height: 180px;
    border: 1px solid #ccc;
    text-align: center; overflow: hidden; position: relative;
}

.mediummap {
    width: 330px;
    height: 240px;
    border: 1px solid #ccc;
    text-align: center; overflow: hidden; position: relative;
}

.largemap {
    width: 670px;
    height: 296px;
    border: 1px solid #ccc;
    text-align: center; overflow: hidden; position: relative;
}

.xlargemap {
    width: 1037px;
    height: 395px;
    border: 1px solid #ccc;
    text-align: center; overflow: hidden; position: relative;
}
.dimmap {
    width: 240px;
    height: 180px;
    border: 1px solid #ccc;
}




/*-  Primary navigation
----------------------------------------------------------------------*/


#nav ul li {
	display: inline;
	min-height: 1%;

}

ul.sub {
background-color: #fff;
display: inline;
min-height: 1%;
}

li#navlocation {
width: 200px; float: left; text-align: left;
}

#nav {
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-bottom: 24px;
}

#nav li.top {
	float: left;
	position: relative;
	z-index: 5000;
	margin-right: 7px;
	margin-left: 6px;
	display: inline;
}

#nav a.top {
	background-repeat: no-repeat;
	display: block;
	height: 52px;
	text-indent: -1000em;
}


/*
	Dropdownage!
	(The extra selectors are to make sure that the "active" tab doesn't show its rollover.)
*/

 div#nav ul li.top ul 
{
	left: -1000em;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px 10px 10px;
	position: absolute;
	text-transform: uppercase;
	width: 164px;
	padding: 0px;
	background: #ffffff;
	background-image: url("/css/v2/map.menu.container.bg.png");
	margin-left: -8px;
	border: 1px solid #777777;
	display: inline;
	min-height: 1%;
}

 div#nav ul li.top:hover ul 
{
	left: auto;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px 10px 10px;
	position: absolute;
	text-transform: uppercase;
	width: 164px;
	padding: 0px;
	background: #ffffff;
	background-image: url("/css/v2/map.menu.container.bg.png");
	margin-left: -8px;
	border: 1px solid #777777;
	display: inline;
	
	min-height: 1%;
}

/* Submenu styles */

ul.sub a {
	display: block;
	color: #545353;
	font-weight: normal;
	text-transform: none;
}

ul.sub a:hover {
	display: block;
	color: #efefef;
	font-weight: normal;
	text-transform: none;
	background: #8DA2BC;
}

/* Twitter */

ul#twitter_update_list li {
	margin: 5px 20px 10px -15px;
}

ul#twitter_update_list a {
	color: #179ac6;
}

-->