/*
Styles for Optimal Geomatics
Author: Bruce Hiles, Designwise
Date: August 2007
*/
/* <![CDATA[ */
/* Normalization */

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, hr, iframe {
	margin: 0;
	padding: 0;
}


ul, ol {
	margin: 0px 0px 0px 0px;
	padding:  5px 0px 6px 20px;
}
li {
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 5px 0px;
	line-height:14px;
}




/*
ul, ol {
	list-style: none;
}
*/
/* layout */
body {
	font-family:  Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height:16px;
	background-image: url(/images/mainBackground.png);
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
p {
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 10px 0px;
}
h1 {
	font-family:  Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size: 14px;
	color:  #03a8ef;
}
h2 {
	font-family:  Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size: 14px;
	color:  #000000;

}
h3 {
	font-family:  Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size: 12px;
	color:  #03a8ef;
}
h4 {
	font-family:  Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size: 12px;
	color:  #000000;
}
h5 {
	font-family:  Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size: 10px;
	color:  #03a8ef;
}
h6 {
	font-family:  Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size: 10px;
	color:  #000000;
}


#containerTop {
	width: 960px;
	height: 52px;
	padding: 0px 0px 0px 0px;
	margin: 0px  auto;
	border: 0px solid #00ff00;
	display:block;
	clear: both;
	vertical-align: bottom;
}
#containerMid {
	background-image: url(/images/wt_color_bar.jpg);
	background-repeat: no-repeat;
	background-position: 0px 375px;
	width: 1015px;
	margin: 0px  auto;
	padding: 0px 0px 0px 0px;
	border: 0px solid #00ff00;
	display:block;
	clear: both;
}
#Header {
	width: 960px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 21px 0px 0px 0px;	
	clear:both;
}
#Header #main_navBar {
	height: 20px;
	width: 540px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 185px;
}

#Header #main_navBar div.link {
	display:inline;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	color: #ffffff;
}
#Header #main_navBar div.link a {
	text-decoration: none;
	color: #ffffff;
}
#Header #main_navBar div.link a:hover {
	text-decoration: none;
	color: #000000;
}
#Header #main_navBar div.linkSelected {
	display:inline;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	color: #000000;
}
#Header #main_navBar div.linkSelected {
	text-decoration: none;
	color: #000000;
}
#Header #main_navBar div.linkSelected a{
	text-decoration: none;
	color: #000000;
}
#Header #main_navBar div.linkSelected a:hover{
	text-decoration: none;
	color: #ffffff;
}
#Header #main_navBar div.spacer{
	display:inline;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	font-size: 18px;
}

#Header div#login {
	margin: 0px 0px 0px 0px;
	padding: 11px 5px 0px 0px;
	float: right;
	color: #ffffff;
}

#Header div#login form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#Header div#login form input.input{
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
	width:74px;
	border-width: 0px 0px 0px 0px;
	border-color: #000000;
	border-style: solid;
	display: inline;
	background-image: url();
	background-repeat: no-repeat;
	background-color: #ffffff;
	background-image: url(/images/formFieldBack.jpg);
}



/* ---------------------------------------------------------------------------------------------- */

#branding {
	display: block;
	left: 0;
 	clear:both;
}
#top {
	background-image: url(/images/headerBackground.png);
	background-repeat: no-repeat;
}

/* ---------------------------------------------------------------------------------------------- */



#Section {
	width: 960px;
	margin: 0px  auto;
	padding: 10px 0px 10px 0px;
	display: block;
 	clear:both;
 }
#sectionTop {
	width: 960px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	/* background-image: url(/images/boxTop_960.jpg); */
	display: block;
 	clear:both;} 
 	
#sectionMid {
	width: 930px;
	min-height:500px;
	margin: 0px 0px 0px 0px;
	padding: 10px 15px 10px 15px;
	background-color: #ffffff;
	background-image: url();
	background-repeat: repeat-y;
	display: block;
 	clear:both;
}

#addressNnumvers_media {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 7px 0px;
	text-align: center;
	line-height: 16px;
}

#addressNnumvers {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 17px 0px;
	text-align: center;
	line-height: 16px;
}


#Section_Left {
	width: 155px;
	margin: 0px 10px 0px 0px;
	padding: 10px 0px 0px 0px;	
	float: left;
	display:block;
	clear: both;
}


#Section_Right {
	width: 755px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	float: right;
}


#border {
 	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #03a8ef;
	width:930px;
}

#RapidResponce {
	width: 145px;
	margin: 0px 0px 50px 0px;	
	padding: 50px 0px 0px 0px;	
	display:block;
	clear: both;
	line-height: 14px;
}
#RapidResponce form div.formTitle{
	width: 145px;
	margin: 0px 0px 0px 0px;	
	padding: 5px 0px 0px 0px;	
	display:block;
	clear: both;
	text-align:center;
	line-height: 14px;
	color: #999999;
}

#RapidResponce form div input.field {
	width: 140px;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;	
	display:block;
	clear: both;
	border-width: 1px 1px 1px 1px;
	border-color: #cccccc;
	border-style: solid;
	background-image: url(/images/formFieldBack.jpg);
	}

#RapidResponce form div textarea.field {
	width: 140px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	display:block;
	clear: both;
	border-width: 1px 1px 1px 1px;
	border-color: #cccccc;
	border-style: solid;
	font-family:  Helvetica, Verdana, Arial, Lucida Grande, sans-serif;
	font-size: 10px;
	padding: 5px 5px 5px 5px;
	background-image: url(/images/formFieldTextAreaBack.jpg);
}

#RapidResponce form div  input.img {
	width: 155px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;	
	display:block;
	clear: both;
}


#boxTop {
	width: 755px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	display: block;
 	clear:both;
}
#boxMid {
	width: 755px;
	min-height:500px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	display: block;
 	clear:both;
}
#boxBottom {
	width: 805px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	display: block;
 	clear:both;
}



#flashBox {
	width: 755px;
	height: 265px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	display: block;
 	clear:both;
 	/* background-color: #03a8ef; */
 }

#dataBox {
	background-image: url(/images/midbackgrond.jpg);
	background-repeat: no-repeat;
	/* background-position: 0px 18px; */
	width: 755px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;	
	display: block;
 	clear:both;
	/* position: relative; */

 }

#dataBoxLeft {
	width: 575px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	float: left;
	display: inline;
	background-image: url(/images/leftVertLine.jpg);
	background-repeat: no-repeat;
}

#dataBoxLeftHeader {
	width: 277px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	display: block;
 	clear:both;
 }


#dataBoxLeftLeft {
	width: 278px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: left;
}


#dataBoxLeftRight {
	width: 275px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: left;
}

#dataBoxRight {
	width: 157px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	float: right;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
	border-color: #000000;
	display: inline;
	/* position: relative; */
	}

#dataBoxRightContainer {
	background-image: url(/images/right_Hline.jpg);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	width: 157px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;	
	float: right;
	text-align: center;
	border-color: #000000;
	display: block;
 	clear:both;
 	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color:	#03a8ef;
}
#dataBoxRightContainerLast {
	width: 157px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;	
	text-align: center;
	float: right;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #03a8ef;
	display: block;
 	clear:both;
 }


#dataBox_LR_Header {
	width: 570px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 0px;
	display: block;
 	clear:both;
 }
#dataBox_LR_Data {
	width: 620px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}


#dataBox2ColmnHeader {

	width: 570px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 0px;
	display: block;
 	clear:both;
		/* position: relative; */

 }
#dataBox2Colmn {
	width: 570px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: left;
		/* position: relative; */

}
#dataBox2Colmn #tempBox {
	width: 550px;
	position: relative;
}
#dataBox2Colmn #tempBox #tempTitle {
	width: 176px;
	margin: 0px 0px 0px 0px;
	padding: 45px 4px 0px 0px;
	float: left;
	display: inline;
	text-align: right;
}
#dataBox2Colmn #tempBox #tempImage {
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
	/* position: relative; */
}
#dataBox2Colmn #tempBox #tempLinks {
	width: 176px;
	margin: 0px 0px 0px 0px;
	padding: 45px 0px 0px 4px;
	float: left;
	display: inline;
}
#dataBox2Colmn #tempBreak {
	width: 540px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	display: block;
	visibility: visible;
}
#mainData {
	font-size: 11px;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;

}



#NewNews {
	font-size: 11px;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;

}
/* navigation and links */








#Nav {
	font-family:  Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size: 10px;
	font-weight: 900;
	height: 30px;
	width: 930px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	display: block;
 	clear:both;
	border: 0px solid #00ffff;
}
#MainNaveLink {
	width: 98px;
	height: 15px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	border: 0px solid #00ff00;
	float: right;
}

#MainNaveLink a {
	text-decoration: none;
	border: 0px solid #00ffff;
}

#MainNaveLink.Link {
	text-align: center;
	color: #ffffff;
	background-image: url(/images/TabDefault.png);
	background-repeat: no-repeat;

}
#MainNaveLink.Link:hover {
	text-align: center;
	color: #000000;
	background-image: url(/images/TabHover.png);
	background-repeat: no-repeat;
}
#MainNaveLink.Link:hover a {
	color: #000000;
}

#MainNaveLink.Link  a {
	text-decoration: none;
	color: #ffffff;
}


#MainNaveLink.Selected {
	text-align: center;
	color:#000000;
	background-image: url(/images/TabSelect.png);
	background-repeat: no-repeat;
}


#MainNaveLink.Selected  a {
	text-decoration: none;
	color:#000000;
}

#MainNaveSearch {
	width: 136px;
	height: 15px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	border: 0px solid #00ff00;
	float: right;
	background-image: url(/images/TabSearchDefault.png);
	background-repeat: no-repeat;}


#SubNav {
	font-family:  Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
}
#sub_nav {
	font-weight: 900;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 3px 0px;
	text-align: center;
	display: block;
 	clear:both;
	color: #000000;
}
#sub_nav a {
	text-decoration: none;
	color: #000000;
}
#sub_nav a:hover {
	text-decoration: none;
	color:  #03a8ef;
}

#sub_navSelect {
	font-weight: 900;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 3px 0px;
	text-align: center;
	display: block;
 	clear:both;
	color:  #03a8ef;
}

#sub_navSelect a {
	text-decoration: none;
	color:  #03a8ef;
}

#sub_navSelect a:hover {
	text-decoration: none;
	color:  #000000;
}


#sub_nav2 {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	font-size: 11px;
	line-height: 16px;
	display: block;
 	clear:both;
	color:  #000000;
}
#sub_nav2 #link{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	color:  #000000;
}
#sub_nav2 #link a {
	text-decoration: none;
	color:  #000000;
}
#sub_nav2 #link a:hover {
	text-decoration: none;
	color:  #03a8ef;
} 

#sub_nav2 #select{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	color:  #000000;
}
#sub_nav2 #select a {
	text-decoration: none;
	color:  #03a8ef;
}
#sub_nav2 #select a:hover {
	text-decoration: none;
	color:  #000000;
} 


#containerFooter {
	background-image: url(/images/wt_footer_background.jpg);
	background-repeat: no-repeat;
 	width: 1015px;
	min-height: 150px;
	margin: 0px  auto;
	padding: 35px 0px 0px 0px;
	display:block;
	clear: both;
	border: 0px solid #000000;
	border-width: 0px 0px 0px 0px;
	border-color: #cccccc;
	border-style: solid;
	font-family: "Courier New",courier, Monaco, monospace;
	font-size: 8px;
}

#containerFooter a {
	color: #000000;
	text-decoration: none;
}
#containerFooter a:hover {
	color: #03a8ef;
	text-decoration: none;
}
#sfooter {
 	width: 930px;
	margin: 0px  auto;
	padding: 0px 0px 0px 0px;
	display:block;
	clear: both;
	border: 0px solid #000000;
}

#containerFooter #legal {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 75px;
	color: #000000;
	line-height: 10px;
	border: 0px solid #000000;
	border-width: 0px 0px 0px 0px;
	border-color: #cccccc;
	border-style: solid;
	}

#containerFooter #legal a {
	color: #000000;
	text-decoration: none;
}
#containerFooter #legal a:hover {
	color: #FDBB30;
	text-decoration: none;
}


form {
}
form div#requiredWideText {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
form div#requiredWideText b#required {
	color: #00aeef;
}
form div#inputLine {
	padding: 2px 0px 2px 0px;
	display:block;
	clear:both;
}
form div#inputLine input {
	border: 1px solid #cccccc;
}
form div#inputLine textarea {
	/* border: 1px solid #00aeef; */
	border: 1px solid #cccccc;
	font-family:  Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size: 10px;
	padding: 2px 2px 2px 2px;
}
form div#inputLine select {
	border: 1px solid #cccccc;
	font-family:  Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size: 10px;
	padding: 2px 2px 2px 2px;
}

form div#inputLine b#required {
	color: #00aeef;
	text-decoration: none;
	font-weight: bold;
}

#submit {
	background: url(/images/WT_FormSubmit.jpg) no-repeat 0px 0px;
	border: none;
	height: 28px;
	width: 82px;
}

#submit:hover {
	background: url(/images/WT_FormSubmitHover.jpg) no-repeat 0px 0px;
	border: none;
	height: 28px;
	width: 82px;
}


.blue {
	color: #0093d0;
}
.red {
	color: #ee3424;
}
.green {
	color: #78a22f;
}
.left {
	background-image:url(images/Shadow_left.jpg);
	width:9px;
}