<!--
body { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #686868; margin: 0px; padding: 0px; background: #333333;}
.slate{display: none;}
/*#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;}
img.blueborder{ border: 2px solid #0000ff; margin: 5px;}
img.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;}
/*
	DIV
	
*/

div {text-align: left; font-size: 11px; }

/*
	DIV CLASSES 
	
*/
div.navitem {float: left; text-align: center; height: 44px; padding-left: 6px; padding-right: 6px;}
div.navitem:hover{ background: url(/css/v2/nav.top.level1.roll.png);}
div.navseparator { display: none; 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;}
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;}
div.mnubtn:hover { background: url(/css/v2/menu.roll.png) repeat-x; color: #85cc66; }
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);}

div.btnexpandright {float: right; margin-right: 10px; margin-top: 3px; height: 15px;}
div.btnexpandleft {float: left; margin-left: 20px; }


div.maptoolbarbutton{ float: left; text-align: center; height: 22px; padding-left: 17px; padding-right: 17px;}
div.maptoolseparator {width: 1px; float: left; text-align: center; margin-left: 0px; margin-right: 0px; height: 22px; 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.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: 560px;  display: block; clear:both; line-height: 20px;}
/* 4NRM Tools */
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.tabmenucontainer {width: 560px; 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 {}


.list{padding: 5px; width: 340px; clear: both; margin-bottom: 10px;}
.container {border: 1px solid #fefefe; }
.docked1 {width: 330px; position: static; z-index: 100; border: 1px solid #fefefe;}
.docked2 {width: 330px; position: static; z-index: 100;	float: left; margin-bottom: 5px; border: 1px solid #fefefe;}
.dockedleft {width: 330px; position: static; z-index: 100; float: left; margin-bottom: 5px; border: 1px solid #fefefe; }
.dockedleftclear {width: 330px; position: static; z-index: 100; float: left; margin-bottom: 5px; border: 1px solid #fefefe; clear:left;}
.dockedright {width: 330px; position: static; z-index: 100; float: right; margin-bottom: 5px; margin-right: 0px; border: 1px solid #fefefe;}
.docked3 {width: 670px; position: static; z-index: 100; margin-bottom: 5px; clear: both;border: 1px solid #fefefe; }
.docked4 {width: 1037px; position: static; z-index: 100; margin-top: 10px; margin-bottom: 5px; clear: both; border: 1px solid #fefefe; }

.undocked {position: absolute; z-index: 5000; border: 1px solid #fefefe;}

.widget { line-height: 22px; color: #ffffff; font-size: 12px; font-weight: bold; height: 22px; border: 1px solid #d5d5d5; width: 100%; background: #df7741;  overflow: hidden;}
.widget:hover{ background: #D9AE88; color: #f5f5f5;}
.widgetdrag { line-height: 22px; color: #995300; font-size: 12px; font-weight: bold; height: 22px; border: 1px solid #d5d5d5; width: 100%; background: #2941bc;  overflow: hidden;}

.w-label { color: inherit; font-size: 12px; font-weight: bold; float: left; margin-left: 15px; background: inherit; background-color: inherit;}
.w-content {display: none; width: 100%; height: 100%; background: #ffffff; overflow: hidden;}
.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;}
.folder { border: 1px solid #fefefe; margin: 1px;}

.folder-tab {  cursor: pointer; line-height: 24px; height: 24px; color: #3f3e3c; font-size: 12px; font-weight: bold; width: 100%; background: #f9fafc;  overflow: hidden;}
.folder-tab:hover { background: #e1e1e1;}
.folder-label { color: inherit; font-size: 11px; font-weight: bold; float: left; margin-left: 15px; }
.folder-content {display: none; width: 100%; height: 100%; overflow: hidden;}
.folder-bottom {display: none; width: 100%;  height: 18px; border: 1px solid #d5d5d5; text-align: right;}

/*.lightgray { padding-left: 35px; line-height: 20px; color: #4e4e4e; font-size: 11px; height: 20px; width: 280px; background: #f3f3f3;  overflow: hidden; margin: 1px;}
.darkgray { padding-left: 35px; line-height: 20px; color: #4e4e4e; font-size: 11px; height: 20px; width: 280px; background: #ebebeb;  overflow: hidden;margin: 1px;}
*/

.lightgray { padding-left: 35px; line-height: 20px; color: #4e4e4e; font-size: 11px; height: 20px; width: 280px; background: #f3f3f3;  overflow: hidden; margin: 1px;}
/*.lightgray:hover { padding-left: 35px; line-height: 20px; color: #4e4e4e; font-size: 11px; height: 100%; width: 280px; background: #f3f3f3;  overflow: hidden;  margin: 1px;}*/
.darkgray { padding-left: 35px; line-height: 20px; color: #4e4e4e; font-size: 11px; height: 20px; width: 280px; background: #ebebeb;  overflow: hidden; margin: 1px;}
/*.darkgray:hover { padding-left: 35px; line-height: 20px; color: #4e4e4e; font-size: 11px;  height: 100%; width: 280px; background: #ebebeb;  overflow: hidden;  margin: 1px;}*/


.scroll_ {height: 300px; overflow: auto;}
.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;}
.rsschannel {width: 100%; height: 270px; overflow: auto;}

.tool{border: 1px solid #888888; background: #e1e1e1; font-size: 7px; width: 32px; height: 32px; padding: 0px; margin: 0px;}
.style1 {font-family: Arial, Helvetica, sans-serif;}

.multirss-content{height: 225px; overflow: hidden;}
#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;}
div.catalogcontrol{ float: left;}
img.catalogbutton { margin: 0px; width: 32px; height: 32px; }
img.catalogcontrol { margin: 0px; width: 12px; height: 34px; }

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.adminpanel{ display: none; clear: both;}

div.topicbutton {  cursor: pointer; width: 150px; color: #995300; font-weight: bold;}

a.folderexpand {  cursor: pointer; }
img.folder-image {  cursor: pointer; width: 22px; height: 22px; display: inline; }

div.closebutton {z-index: 1799; float: right; width: 15px; height: 15px; text-align: right; margin: 3px;}
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: 1px solid #fefefe; background: url(/css/v2/bg.transparent.white.png); z-index: 6000;}
div#roll_{width:360px;}

#tools_ {width: 120px;}
/*
#savemap_{width: 500px;}
#help_ {width: 500px;}
#_help {width: 500px;}
#email_{width: 500px;}
*/
#new_{width: 428px;}
#edit_{width: 600px;}
#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: #444444; font-size: 10px;}
div.assetrightbox{width: 235px;  float: right; margin: 10px 0px 5px 0px; color: #444444; font-size: 10px;}
div.assetinfo{font-weight: bold; font-size: 11px; clear: both;}
div.assetpager{text-align: center; margin-bottom: 10px; clear: both;}


div.wikileftbox{width: 80px;  float: left; margin: 0px 5px 0px 0px; color: #444444; font-size: 10px;}
div.wikirightbox{width: 180px;  float: right; margin: 10px 0px 5px 0px; color: #444444; font-size: 10px;}

div.resultbox {border: solid 1px #f1f1f1; margin-bottom: 3px; margin-top: 3px; width: 305px;}
div.resultcontainer {border: solid 1px #d1d1d1; }

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; }



p.assetdate{font-size:10px; color: gray; margin: 0px 0px 5px 0px; font-weight: bold;}

/*
	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: #f3f6ed;}
div#plaincontainer{ position: relative;  margin: 0px 20px 0px 20px; width: 760px; background: #f4f4f4;}
div#top{height: 77px; width: 1077px; margin-left: auto; margin-right: auto; margin-top: -3px; 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: 77px; width: 1037px; padding: 0px;}
div#logo{width: 340px; float: left; margin-top: 0px; margin-left: 20px; margin-right: 180px;}
div#searchbox{width: 260px; float: left; margin-top: 20px; margin-left: 35px;}

div#navcontainer{width: 1060px; height: 44px;  margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0px; text-align: center; background: url(/css/v2/nav.top.level1.png);}
div#nav {margin-left: auto; margin-right: auto; margin-top: 0px; width: 1060px; height: 44px; padding: 0px;  }
div#navlocation {width: 350px; 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);}
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);}
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#maptoolbar{ border: 1px solid #f5f5f5; width: 100%; height: 22px; position: relative; margin-top: 0px; padding: 0px; text-align: center; background: url(/css/v2/bg.transparent.white.png); #fefefe;}
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#tabcontainer {border: none;}
div.tools{ display: block; height: 20px; background: url(/css/v2/viewer.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;}

p.weathertitle { padding: 0px; margin: 0px; color: #ffe255; }
/* PARAGRAPH CLASSES */
p { margin: 5px 20px 10px 10px; font-size: 11px; 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: #995300; 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;}

select {background: #ffffff; color: #6182af; font-size: 11px; font-family: arial; border: 1px solid #cccccc; }
select#topicselect{width: 320px; }
select#categoryselect{width: 230px; }

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: 10px;  color: #545353; margin-left: 5px; margin-right: 5px;}
a.asub:active {font-size: 10px;  color: #545353; margin-left: 5px; margin-right: 5px; }
a.asub:visited { font-size: 10px; color: #545353; margin-left: 5px; margin-right: 5px; }
a.asub:hover { font-size: 10px; color: #fefefe; 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: #995300; font-weight: bold; font-size: 10px;}
a.blue:active { color: #995300; font-weight: bold; font-size: 10px;}
a.blue:visited {  color: #995300; font-weight: bold; font-size: 10px;}
a.blue:hover {  color: #0045ff; font-weight: bold; font-size: 10px;}
span.selected {color: #995300; font-weight: bold;}

a.permalink, a.permalink:link {  color: #995300; font-weight: bold; font-size: 10px;}
a.permalink:active { color: #995300; font-weight: bold; font-size: 10px;}
a.permalink:visited {  color: #995300; font-weight: bold; font-size: 10px;}
a.permalink:hover {  color: #0045ff; font-weight: bold; font-size: 10px;}

a.weatherlink, a.weatherlink:link {  	color: #ffe200; font-weight: bold; font-size: 14px; margin: 0px;}
a.weatherlink:active { 			color: #ffe200; font-weight: bold; font-size: 14px; margin: 0px;}
a.weatherlink:visited {  		color: #ffe200; 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: #995300; 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; width: 236px; background: url(/css/v2/nav.location.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: 12px; color: #ffffff; line-height: 44px; height: 44px; display: block; cursor: pointer;}
a.navigation:active { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #ffffff; line-height: 44px;  height: 44px;display: block;cursor: pointer;}
a.navigation:visited { font-family:  arial, helvetica, sans-serif; font-size: 12px; color: #ffffff; line-height: 44px;  height: 44px;display: block;cursor: pointer;}
a.navigation:hover { font-family: arial, helvetica, sans-serif;  font-size: 12px; 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: 22px; height: 22px; display: block; cursor: pointer; font-weight: bold; }
a.mapnav:active 	{  font-size: 10px; color: #888888; line-height: 22px; height: 22px; display: block; cursor: pointer; font-weight: bold; }
a.mapnav:visited 	{  font-size: 10px; color: #888888; line-height: 22px; height: 22px; display: block; cursor: pointer; font-weight: bold; }
a.mapnav:hover 		{  font-size: 10px; color: #444444; line-height: 22px; height: 22px; 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: 395px;
    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;
}


/**************** menu coding *****************/
/*
#maptoolbar{ border: 1px solid #f5f5f5; 
width: 100%; 
height: 22px; 
position: relative; 
margin-top: 0px; 
padding: 0px; 
text-align: center; 
background: url(/css/v2/bg.transparent.white.png) #fefefe;
}

#maptoolbar ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#maptoolbar h2 {

display: block;
margin: 0;
padding: 0px 16px 0px 16px;
}

#maptoolbar a {

display: block;
border-width: 1px;
border-style: solid;
border-color: #ddd #aaa #bbb #999;
margin: 0;
padding: 3px 8px 3px 4px;
}


#maptoolbar h2 {
font-size: 10px; color: #888888; line-height: 22px; height: 22px; display: block; cursor: pointer; font-weight: bold;

}

#maptoolbar h2:hover {
font-size: 10px; color: #444444; line-height: 22px; height: 22px; display: block; cursor: pointer; font-weight: bold;

}

#maptoolbar a {
	font-size: 10px;
	color: #888;
	background: #efefef;
	text-decoration: none;
}

#maptoolbar a:hover {
	font-size: 10px;
	color: #95A3E8;
	background: #fff;
}

#maptoolbar a.layerselected {
	font-size: 10px;
	color: #b2b2f8;
	background: #55f;
}
a.layerselected {
	font-size: 10px;
	color: #b2b2f8;
	background: #55f;
}

#maptoolbar li {position: relative; white-space: nowrap;}

#maptoolbar ul ul {
	text-align: left;
	position: absolute;
	left: 0px;
	bottom: 23px;
	z-index: 8000;
}

#maptoolbar ul ul ul {
position: absolute;
bottom: 0;
left: 100%;
}

div#maptoolbar ul ul,
div#maptoolbar ul li:hover ul ul,
div#maptoolbar ul ul li:hover ul ul
{display: none;}

div#maptoolbar ul li:hover ul,
div#maptoolbar ul ul li:hover ul,
div#maptoolbar ul ul ul li:hover ul
{display: block;}
*/



/* added 01/05/2009 */

/*-  Primary navigation
----------------------------------------------------------------------*/


#nav ul li {
/*	border:0 none;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	line-height:1;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:baseline;*/
	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;
	/*width: 184px;*/
	z-index: 5001;
	/*top: -6px;*/
	margin-right: 8px;
	margin-left: 8px;
	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 
/*div#nav ul ul,
div#nav ul li:hover ul ul,
 div#nav ul ul li:hover ul 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 
/* div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
 div#nav ul ul ul li: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 li {
	padding: 0px;

}

ul.sub ul {
	margin: .3em 0;

}
*/

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;
}



-->