/* http://submar.hcents.com/ */

/* Common Page Parts */
body { background:url('../images/top_bg.gif') repeat-x top; margin:0px auto; text-align:center; font-family: tahoma, san-serif;}
#header { position:relative; margin:0px auto; top:30px; text-align:center; }
#maincont { position:relative; margin:0px auto; top:50px; text-align:center; width:800px; min-height:300px; }
#footer { position:relative; margin:100px auto 0px auto; text-align:center; }
img { display:block; }
.clear { height:1px; clear:both; }

/* Navigation Divs */
div.navtabhead { position:relative; margin:0px auto; width:233px; height:31px; top:5px; font:900 18px Tahoma; }
div.navtabtext { position:relative; margin:0px auto; width:233px; height:93px; top:5px; font:14px Tahoma;  }
div.navtophead { position:relative; margin:0px auto; height: 63px; font:900 16px Tahoma; }
div.navtoptext { position:relative; margin:0px auto; height:128px; font:12px Tahoma; }
div.navmidhead { position:relative; margin:0px auto; height: 85px; font:900 16px Tahoma; }
div.navmidtext { position:relative; margin:0px auto; height:106px; font:12px Tahoma; }
td.subnav { text-align:center; color:#ffffff; vertical-align:top; padding:0px; 
			background:url('../images/tabbg_sub_bg.gif') repeat-x top; }
a.subnavlink { font:13px Tahoma; color:#ffffff; padding:0px 5px; text-decoration:none; }
a.subnavlink:hover { text-decoration:underline; }
a.subnavlink_on { font:13px Tahoma; color:#000000; padding:0px 5px; text-decoration:none; }
a.subnavlink_on:hover { text-decoration:underline; }
a.navlink { text-decoration:none; display:block; height:100%; width:100%; }

/* Footer Formatting */
a.footerlink { color:#191919; font:900 12px Sans-Serif; text-decoration:none; margin:5px 15px; }
div.footertext { color:#191919; font:12px Tahoma; display:inline; margin:15px 25px; }

/* Post Its */
div.postit { float:right; text-align:left; vertical-align:top; color:#0a3d74; font:12px Sans-Serif; margin-left:25px; }
div.postit-a {position: absolute; left: 500px; color:#0a3d74; font:12px Sans-Serif; margin-left:25px; }
div.pin_nature { width:230px; height:180px; padding:90px 0px 0px 50px; background:url('../images/postit/index.gif') no-repeat; }
div.pin_contact { width:230px; height:200px; padding:70px 0px 0px 50px; background:url('../images/postit/contact.gif') no-repeat; }
div.pin_curproj { width:230px; height:180px; padding:90px 0px 0px 50px; background:url('../images/postit/curproj.gif') no-repeat; }
div.pin_vabenefits { width:230px; height:180px; padding:90px 0px 0px 50px; background:url('../images/postit/vabenefits.gif') no-repeat; }
div.pin_benefits { width:230px; height:200px; padding:70px 0px 0px 50px; background:url('../images/postit/benefits.gif') no-repeat; }
div.pin_natbene { width:235px; height:190px; padding:80px 0px 0px 45px; background:url('../images/postit/natbene.gif') no-repeat; }
div.pin_natbene2 { width:317px; height:190px; padding:80px 0px 0px 45px; background:url('../images/postit/natbene2.gif') no-repeat; }
div.pin_naturepif { width:220px; height:170px; padding:100px 0px 0px 60px; background:url('../images/postit/naturepif.gif') no-repeat; }
div.pin_ultralokapp { width:245px; height:190px; padding:80px 0px 0px 35px; background:url('../images/postit/ultralokapp.gif') no-repeat; }
div.pin_versatility { width:200px; height:200px; padding:70px 50px 0px 30px; background:url('../images/postit/versatility.gif') no-repeat; }
div.pin_ssnature { width:200px; height:180px; padding:90px 50px 0px 30px; background:url('../images/postit/ssnature.gif') no-repeat; }
div.pin_casestudy { width:200px; height:200px; padding:70px 50px 0px 30px; background:url('../images/postit/casestudy.gif') no-repeat; }
ul.postit, .postit-a { padding:0px; margin:0px; }
ul.postit li, .postit-a li { padding-bottom:5px; }
a.postlink, .postit-a  { color:#23568D; text-decoration:none; }
a.postlink:hover, a.postit-a :hover { text-decoration:underline; }

/* Download form */
#dlform .label { font:400 12px Tahoma; color:#060903; text-align:right; padding-right:5px; }
#dlform input[type=text] { width:200px; height:15px; font:400 12px Tahoma; color:#060903; }
#dlform select { width:50px; font:400 12px Tahoma; color:#060903; }

/* Page Text */
.text_head { text-align:left; font:900 20px Tahoma; color:#013f7e; padding-top:25px; }
.text_subn { text-align:left; font:900 14px Tahoma; color:#013f7e; padding:15px 15px 0px 15px; }
.text_subi { text-align:left; font:900 14px Tahoma; color:#060903; padding-top:5px; font-style:italic; }
.text_text { text-align:left; font:400 12px Tahoma; color:#060903; padding:15px 15px 0px 15px; }
.text_txth { font:900 14px Tahoma; color:#060903; }
ul.text_mlist { padding:0px; margin:0px; list-style-image:url('../images/list_m_bullet.gif'); }
ul.text_slist { padding:0px; margin:0px; list-style-image:url('../images/list_s_bullet.gif'); }

.txtbox_head { font:900 16px Tahoma; color:#013f7e; padding-left:15px; text-align:left; }

table.stats { border:1px solid #000000; }
table.stats td { border:1px solid #000000; text-align:center; padding:2px 0px; vertical-align:bottom; }

.clear {
	width: 100%;
	line-height: 0px;
	height: 1px;
	clear: both;
	}
/* THIS IS FOR THE EXPANDABLES */
.brochureLink { 
	text-align:left; 
	font:900 20px Tahoma; 
	color:#013f7e; 
	padding-top:25px; 
	text-decoration: none;
	}
	.brochureLink:hover {
		text-decoration: underline;
		}

#downloads {
	font-size:.9em;
	width: 45%;
	float: left;
	}
#downloads ul {
	list-style-type:none;
	text-align: left;
	}
	.expander {
		font-weight: bold;
		cursor: pointer;
		width: 100%;
		color: #013f7e;
		}
	.expanded {
		margin-left: 15px;
		}
		.expanded a {
			color: #2e2e2e;
			}
			.expanded a:hover {
				color: #000;
				font-weight: bold;
				text-decoration: none;
				}
			.plusminus {
				display: inline;
				width: 13px;
				height: 12px;
				vertical-align: middle;
				margin-top:-3px;
				}
#specs {
	font-size:.9em;
	width: 45%;
	float: right;
	margin-right: 20px;
	}
	#specs ul {
		list-style-type:none;
		text-align: left;
		}
		.disclaimer {
			font-size: .8em;
			font-style: italic;
			}
		.nonexpander a {
			font-weight: bold;
			cursor: pointer;
			width: 100%;
			color: #013f7e;
			text-decoration: none;
			padding-left: 16px;
			}
			.nonexpander a:hover {
				text-decoration: underline;
				}

/* THIS IS FOR THE CONTACT US MAP */
#mapbox {
	background-image: url('../images/contactMapBx.png');
	background-repeat: no-repeat;
	width: 777px;
	height: 482px;
	}
	#maphead { 
		font:900 16px Tahoma; 
		color:#013f7e; 
		padding-left:30px; 
		text-align:left; 
		display: block;
		padding-top: 10px;
		}
	#mapinstructions {
		font-size: .8em;
		text-align: left;
		margin-left: 30px;
		margin-top: 15px;
		}
	#States{
		width: 528px;
		height: 326px;
		margin: 0px auto;
		}
	#NE, #SE, #GM, #GL, #MS, #CR, #MW, #RM, #SW, #W {
		cursor: pointer;
		}
	.regionPopUp {
		background-image:url('../images/map_popup.png');
		width: 179px;
		height: 96px;
		background-repeat: no-repeat;
		padding-top: 0px;
		position: relative;
		}
		.regionPopUp h1 {
			font-size: .8em;
			padding-top: 6px;
			margin: 0px;
			}
		.regionPopUp ul {
			list-style-type: none;
			font-size: .7em;
			padding: 0px;
			}
		.regionPopUp a {
			color: #04407e;
			text-decoration: underline;
			}
			.regionPopUp a:hover {
				text-decoration: none;
				color: #0667CA;
				}
			#sNE {
				margin-top: -250px;
				margin-left: 590px;
				}
			#sSE {
				margin-top: -140px;
				margin-left: 550px;
				}
			#sGL {
				margin-top: -200px;
				margin-left: 350px;
				}
			#sMS {
				margin-top: -100px;
				margin-left: 350px;
				}
			#sCR {
				margin-top: -330px;
				margin-left: 300px;
				}
			#sMW {
				margin-top: -75px;
				margin-left: 185px;
				}
			#sRM {
				margin-top: -250px;
				margin-left: 250px;
				}
			#sSW {
				margin-top: -110px;
				margin-left: 100px;
				}
			#sW {
				margin-top: -300px;
				margin-left: 25px;
				}
			#sGM {
				margin-top: -25px;
				margin-left: 300px;
				width: 360px;
				}
				#sNE, #sSE, #sGM, #sGL, #sMS, #sCR, #sMW, #sRM, #sSW, #sW {
					display: none;
					}
.myanchors  {
	color: #04407e;
	text-decoration: underline;
	}
	.myanchors:hover {
		text-decoration: none;
		color: #0667CA;
		}