/* layout_vm.css CSS Document */ 
/* oct20/08 - sam - public vanmap */
a.skip {position: absolute; left: -1000em; width: 20em;color: #FFF}
img { margin:0; padding:0; border: none; }

body { font-family: Verdana, Arial, "Trebuchet MS", san-serif; font-size: 81%; color: #333; margin:0; padding:0; background-color: #D1DFE7 /* #c4d5df, #D1DFE7, #B4CAD6 */; background-repeat: repeat-x; background-position: left bottom; 
}
p {	font-size: 1em;}


.header { height:71px; background-color: #9CAFC3; overflow: hidden; }
.header .logo { text-align: center; margin-top: 0.5em; }
.header h1 { font-family: "Trebuchet MS"; font-weight: normal; color: #FFFFFF; margin-left: 0px; margin-top: 1.15em; font-size: 2em; padding-bottom: 0.5em; padding-left: 0px; }
.header ul#siteTools { text-align:right; padding:0px; margin: 0; list-style-type: none; margin-top: 4px; }
.header ul#siteTools li { background-image: url(../images/whitebullet.gif); background-repeat: no-repeat; background-position: 100% .7em; list-style-type: none; font-size: 0.85em; font-family: "Trebuchet MS"; padding-right: 1em; }
ul#siteTools a, ul#siteTools a:link, ul#siteTools a:visited { color:#fff; font-weight:bold; text-decoration:none;}
ul#siteTools a:hover, ul#siteTools a:active { color:#436A92; font-weight:bold; text-decoration:none; }



.content { margin: 0; padding: 0; }
.box { padding: 0 1.5em 0 0; margin: 0; font-size: 1em; padding-right: 30px; margin-top: 0px; } /************************** CHANGED THIS in layout_vm2.css ***************************/
.footer {background-color: #fff;font-size: 0.85em;color: #999999;}
.footer .box {	margin-bottom: 0px;	padding-top: .25em;	padding-right: 0px;	padding-bottom: 1.5em;	padding-left: 0px;}
.footer p {	font-size: 0.85em;	line-height: 1.8em;
}
.footer hr.line {
	height: 0.1em;
	margin: 0;
	width: 100%;
}



/************** styles **********/
.content h1 { font-size: 1.7em; font-weight: normal; color: #b93d34; margin-bottom: 1em; vertical-align: top; } /*font-size: 1.5em, */
.content h2 { font-size: 1.4em; color: #3b5876; margin: 1.25em 0 .75em 0; line-height: 1.5em; } /*font-size: 1.3em, */
.content h3 { font-size: 1.1em; color: #3b5876; margin: 1.25em 0 .75em 0; font-weight: bold; } /*font-size: 1.23em, */
.content h4 {font-size: 1.08em; margin: 1.25em 0 .5em 0;color: #005995;} /*font-size: 1.08em, */
.content h5 {font-weight: bold;	color: #666;margin-bottom: 0.5em;font-size: 1em;}
.content h6 {font-weight: bold;	color: #666;margin-bottom: 0.5em;font-size: 1em;}	
.content p { margin-bottom: 1em; padding-right: 0; margin-top: 0px; }

/*.content h1 + p { margin-top: 1.5em; }*/
/*.content h1 + h2 { margin-top: .5em; }*/

/************ from screen.css ***************/
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
a:link { color: #005995; text-decoration: underline; }
a:visited { text-decoration: underline; color: #005995; }
a:hover {text-decoration: none;	color: #007D00;}
a:active {text-decoration: none;}

/*******text styles***********/
.boldText {font-weight:bold;}
.italicText {font-style:italic;}

img.inlineImg {
	padding: 0 .25em 0;
	padding-left: 0;
	vertical-align: top;
}
.content img.inlineImg { padding: 0 .25em 0 .25em; vertical-align: bottom; }
.content .more { padding: 0 .25em 0 .25em 0; vertical-align: middle; }
/*.imgRight {	float: right; margin: .5em 0 .5em .5em;}*/
.imgLeft {	float: left;margin: .5em .5em .5em 0; }
.imgRight { float: right; margin: 0 0 1em 1.5em; }


.iconRight {	float: right; margin: 0 0 .5em 1.5em;}
.iconLeft, .imgLeft { float: left; margin: 0 1em .5em 0; }

.banner { float: left; margin: 0; padding:0; }
.content ol { margin: 1em 0 1.5em 1.5em; }
.content ol li { margin-left: 1.5em; margin-bottom: .25em; }
.content ul {list-style-type: disc;
	margin-left: 25px;
	margin: 1em 0 1em 1.5em;
}
.content ul li {list-style-type: disc;	line-height: 1.8em;}
.content ul ul {margin-top: 0; margin-bottom: 0;}

.note { color: #b93d34; font-weight: bold; }
blockquote { margin: .5em 1.5em;}

.content h2 + h3 { margin-top:.75em; }
.iconRight {margin-right: 0px;}
.hidden { display: none; }

#container #leftSidebar .selected {font-weight: bold;	color: #000000;}
.mainImg { float: none; margin-bottom: 1em; padding-right: 0.25em; }

.bord { border: 1px solid #4A84C6; }
.bord { border: solid 1px #4A84C6; border-color: #A5C2E2; }
.nobord { border: none; }
.lead_image { height: 245px; margin: 0 0px 20px 0px; background-image: url(); background-position: left top; background-repeat: no-repeat; border: 1px solid #ccc; border-color: #ccc; padding: 0;}	

.content ul.reg { list-style-type: none; margin-left: 0px; padding-left: 0px; }
.content ul.reg li { list-style-type: none; }

.content p.toTop { font-size: .85em; clear: both; }


/*#links li:first-line {font-weight: bold; }*/	
.container .contentWrap { margin-top: 20px; display: block; overflow: auto; margin-bottom: 0em; padding-bottom: 0px; }


.wrap { height: 15px; }

.definition {width: 100%;}
.span-8 .banner { vertical-align: bottom; }


.global { background-color: #355372; margin: 0; letter-spacing:0; }
.global ul { list-style-type: none; margin-left: 46px; height: 2em; line-height: 2em; }
.global ul li { font-family: "Trebuchet MS", Arial; display: inline; font-size: 0.9em; }
.global a:link, .global a:visited,.global a:hover, .global a:active { color: #fff;padding: 0 1.25em 0 0; text-decoration:none;}
.global a:hover { color: #FFCC00; padding: 0 1.25em 0 0; }


 .icon { float: left; margin-right: 1em; width: 55px; }
.content .zooms img.icon { float: left;margin-right: 1em; width: 24px; }
img.icon { float: left; margin-right: 1em; }
.letterImg { float: left; }
ul.letterIndex { margin: 0; padding: .5em 0 1em 0; list-style-type: none; margin-top: 0em; margin-bottom: 2em;/* padding-bottom: 1em; margin-left: 0; padding-left: 0;*/ }
ul.letterIndex li { margin: 0; padding:0; list-style:none; }
.letterIndex a {
	text-decoration: none;
	color: #333333;
}
.letterIndex a:visited {
	text-decoration: none;
	color: #666;
}
.letterIndex a:hover{ text-decoration: none; color: #b93d34;}
.letterIndex a:active { text-decoration: none; color: #990;}
.imgLeftTop {
	vertical-align: middle;
	float: left;
}
.commentbox h3 { margin-top: 0px; padding-top: 0px; }
.commentbox p { margin-top: 0.5em; margin-bottom: .5em; }
ul.anchors { margin-bottom: 2em; margin-top: 1em; }

.content .commentbox { background-color: #fbfbfb; border-color: #5A7796; border: 1px dashed #5a7796; padding: 0.75em; margin: 0 .5em 2em 2em; float: right; }

span.new { color: #b93d34; font-weight: bold; }
.boldText { font-weight: bold; }
p.smalltext { font-size: 0.85em; }
#notes p.notes {
	color: #b93d34;
	font-size: 1.2em;
	margin-top: 5px;
	height: 27px;
	line-height: 31px;
	margin: 0 0 0 0;
}

.box .formRight { padding: 0em; padding-top: 0px; margin-bottom: 0.75em; margin-top: 0px; padding-bottom: .5em; }

.box p#joinList { color: #355372; font-weight: bold; }
.box .btns { float: right; width: 159px; text-align: right; margin-right: .5em; }
.box input.unsubscribe { padding-right: 0; padding-left: 0; }
/*.error, .notice, .success {padding:0.8em;margin-bottom:1em;border:1px solid #ddd;}*/
.error {/*background:#FBE3E4;*/ color:#8a1f11; font-size: .9em; }
.error a {color:#8a1f11;}
span.error {font-size: .8em; display: block; }
#subscribe { margin-bottom: .75em; }
.formRight h3 { margin-top: 1em; padding-top: 0px; }
.imgInline { vertical-align: text-bottom; float: none; display: inline; 
}
.whatsnew { background-color: #F3F7F8; border: 1px solid #9cafc3; padding: 10px; 
}
.highlightBox{
	margin: 0 0 13px 0;
	padding: 5px;
	border: 1px dotted #316AC5;
	background-color: #FEF8AF;
	clear: both;
}
.topLink, .content .topLink { font-size: 0.85em; clear:both; text-decoration: none; border:none; }
 .topLink a, .topLink a:link, .topLink a:visited, .topLink a:hover, .topLink a:active { text-decoration: none; border:none; }
.red { color: #b93d34; }

.notesBox { margin-top: 1em; border: 1px dashed #9FB5D2; padding: 1em; font-size: 0.85em; margin-bottom: 1em; width: 700px; }
.notesBox img { float: left; margin-right: 1em; margin-bottom: 0.5em; margin-top: -5px;}


.info {	background-color: #FEF8AF; width: 175px;float: right;margin: 0 0 1em 1em; padding: .5em;border: 1px dashed #9CAFC3; font-size: .8em;}
#data { float:right; width: 185px; margin:0 0 1.5em 1em; padding:0; }
.data {
	float: left;
	width: 90%;
	margin: 0 10px 10px 10px;
	padding: .55em 1em 0 1em;
	border: 1px dotted #000;
	background-color: #fff;
}
}
.button  {
	height: 30px;
	width: 185px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	text-align: center;
}
#data a { font-weight: bold; display: block; background-repeat: no-repeat; margin-right: 0; margin-bottom: 0; margin-left: 0; font-size: 0.9em; color: #000000; background-image: url(../images/button4-o.gif); line-height: 30px; padding-right: 10px; text-decoration: none; }
#data a:visited { color: #000; }
#data a:hover { margin-right: 0px; font-size: 0.9em; font-weight: bold; display: block; color: #fff; background-image:  url(../images/button4-d.gif); background-repeat: no-repeat; padding-right: 10px; }


.content .tools { border: medium dotted #7B9ABD; text-align: right; color: #355372; padding: 0.5em 1.25em; margin-left: 1.5em; margin-bottom: 1.5em; background-color: #f7f7f7; /* padding-left: 1.25em; padding-right: 1.25em;*/ }
.content .tools h4 {
	font-weight: bold;
	color: #355372;
	margin-top: 0px;
	margin-bottom: 0px;
}
.content .tools .imgLeft {
	padding-bottom: 25px;
	padding-right: 7px;
}
.content .tools h2 { font-weight: bold; color: #355372; margin: 0 0 0 0; padding:0; font-size: 1em; }
.content .tools p { margin: .5em 0; }
.content .tools img { float: left; margin: .5em 1em .5em .5em; }
.content .tools .imgInline { float: none; margin:0; padding: 0 .2em; }
#toolsmap { float: right; height: 28px; margin-right: 0px; }
.spanRight { float: right; width: 280px; margin-right: 0px; }
area { margin: 0 0 0 0; padding: 0 0 0 0; }
.smalltext { font-size: 0.85em; }


.content ul.arrow { margin: 0; margin: 1em 0; padding:0 0 0 .25em; list-style-type: none; }
.content ul.arrow li { background-image:url(../images/icon_forward.gif); background-repeat:no-repeat; background-position: 0 2px; margin-left: 0; list-style-type: none; padding-left: 25px; font-size: 0.85em; }

.content ul.greenarrow {margin: 0; margin: 1em 0; padding:0; list-style-type: none;  }
.content ul.greenarrow li { background-image:url(../images/r_arrow_green_sm.gif); background-repeat:no-repeat; background-position: 0 center; margin-left: 0; list-style-type: none; padding-left: 1.5em; }
.content ul.bluearrow {margin: 0; margin: 1em 0; padding:0; list-style-type: none;  }
.content ul.bluearrow li { background-image:url(../images/down1.gif); background-repeat:no-repeat; background-position: 0 center; margin-left: 0; list-style-type: none; padding-left: 2em; }
.content ul.bordBottom { padding-bottom: 1em; color: #ddd; }

.content ul.external { margin: 0; margin: 1em 0; padding:0; list-style-type: none; }
.content ul.external li { background-image:url(../images/icon_globe.gif); background-repeat:no-repeat; background-position: 0 center; margin-left: 0; list-style-type: none; padding-left: 25px; }
.content .whatsnew .moreinfo { text-decoration: none; }
.content .whatsnew .wrap { width: 97%; margin-top: 0px; padding-top: 0px; margin-bottom: 1.5em; }
.content .whatsnew .wrap h1 { margin-top: 0px; padding-top: 0px; }
.content .whatsnew .wrap h2 { margin-top: 0px; padding-top: 0px; font-size: 1em; font-weight: bold; margin: 0 0 0 0; }


.content ul.bullet { list-style-type: none; padding-left: 0; margin-left: 0em; margin-top: 1.5em; }
.content ul.bullet li { background-repeat: no-repeat; background-position: 0 .2em; list-style-type: none; padding-left: 1.8em; }
.content ul.tealBullet li { background-image:url(../images/bullets/teal2.png); }