/*
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;
}


.img_pop:hover  {

	border: 1px solid #ffae11;
}

.img_pop {

	border: 1px solid #ffffff;
}


a {
	text-decoration: none;

}
img {

}

ul,ol {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 15px;
}
li {
	font-size: 11px;
	line-height:13px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;}

body {
	background-image: url(/includes/images/mainBackground.jpg);
	background-repeat: repeat-x;
	background-position: 50% 0%;
	font-family:  Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size: 11px;
	line-height:17px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1, h1 a {
	font-size: 16px;
	color: #4257A3;
	padding: 0px 0px 10px 0px;
	font-weight: bolder;
	text-decoration: none;
}
h1 a:hover {
	color: #ffae11;
}

h2, h2 a {
	font-size: 16px;
	color: #C86128;
	font-weight: bold;
	text-decoration: none;
}
h2 a:hover {
	color: #ffae11;
}

h3, h3 a {
	font-size: 14px;
	color: #4257A3;
	font-weight: bold;
	text-decoration: none;
}
h3 a:hover {
	color: #ffae11;
}

h4, h4 a {
	font-size: 14px;
	color: #C86128;
	font-weight: bold;
	text-decoration: none;
}
h4 a:hover {
	color: #ffae11;
}	

h5, h5 a {
	font-size: 12px;
	color: #4257A3;
	font-weight: bold;
	text-decoration: none;
}
h5 a:hover {
	color: #ffae11;
}

h6, h6 a {
	font-size: 12px;
	color: #ffae11;
	font-weight: bold;
	text-decoration: none;
}
h6 a:hover {
	color: #ffae11;
}

.style11ptGold {
	font-size: 11px;
	line-height:16px;
	color: #C86128;
}
.style11ptGoldBold {
	font-size: 11px;
	line-height:16px;
	color: #C86128;
	font-weight: bold;
}
.style12ptGold {
	font-size: 12px;
	line-height:16px;
	color: #C86128;
}
.style12ptGoldBold {
	font-size: 12px;
	line-height:16px;
	color: #C86128;
	font-weight: bold;
}	

.style11ptBlue {
	font-size: 11px;
	line-height:16px;
	color: #4257A3;
}
.style11ptBlueBold {
	font-size: 11px;
	line-height:16px;
	color: #4257A3;
	font-weight: bold;
}
.style12ptBlue {
	font-size: 12px;
	line-height:16px;
	color: #4257A3;
}
.style12ptBlueBold {
	font-size: 12px;
	line-height:16px;
	color: #4257A3;
	font-weight: bold;
}



/*



._12ptGold {
	font-size: 12px;
	line-height:17px;
	color: #C86128;
}
._12ptGoldBold {
	font-size: 12px;
	line-height:17px;
	color: #C86128;
	font-weight: bold;
}
._10ptGold {
	font-size: 11px;
	line-height:17px;
	color: #C86128;
}
._10ptGoldBold {
	font-size: 11px;
	line-height:17px;
	color: #C86128;
	font-weight: bold;
}
._12ptBlue {
	font-size: 12px;
	line-height:17px;
	color: #4257A3;
}
._12ptBlueBold {
	font-size: 12px;
	line-height:17px;
	color: #4257A3;
	font-weight: bold;
}
._10ptBlue {
	font-size: 11px;
	line-height:17px;
	color: #4257A3;
}
._10ptBlueBold {
	font-size: 11px;
	line-height:17px;
	color: #4257A3;
	font-weight: bold;
}
*/
.highlightBox {
	background-color: #f0f2f8;
	margin: 0px 23px 0px 23px;
	padding: 10px 10px 10px 10px;
}

#containerTop {
	width: 790px;
	min-height: 147px;
	margin: 0px  auto;
	background-image: url(/includes/images/backgroundTop.png);
	background-repeat: repeat-y;
	border: 0px solid #00ff00;
	padding: 0px 0px 0px 0px;
	display:block;
	clear: both;
}

#containerTop #logo {
	width: 168px;
	text-align: right;
	margin: 0px 18px 0px 0px;
	padding: 25px 0px 0px 0px;
	display:inline;
	float: left;
}

#containerTop #header {
	width: 584px;
 
	text-align: center;
	margin: 0px 5px 0px 0px;
	padding: 20px 0px 0px 0px;
	display:inline;
	float: right;	
}

#containerMid {
	width: 790px;
	min-height: 400px;
	margin: 0px  auto;
	padding: 0px 0px 0px 0px;	
	background-image: url(/includes/images/backgroundMid.png);
	background-repeat: repeat-y;
	display:block;
	clear: both;
	border: 0px solid #00ff00;
}

#containerMid #Nav {
	font-family:  Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;	
	width: 200px;
	display:inline;
	float: left;
	border: 0px solid #00ff00;
}
#containerMid  #Nav #navLine {
	padding: 0px 0px 5px 5px;
}
#containerMid  #Nav #navLine.top {
	padding: 0px 0px 5px 5px;
}


#containerMid  #Nav #levelOne {
	font-size:12px;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 45px;
	display:block;
	clear: both;
	width: 150px;
}
#containerMid  #Nav #levelOne a {
	color: #000000;
	text-decoration: none;
}
#containerMid  #Nav #levelOne a:hover{
	color: #ffae11;
	text-decoration: none;
}
#containerMid  #Nav #levelOne.select {
	color: #C86128;
	font-weight: bold;
}
#containerMid  #Nav #levelOne.select a {
	color: #C86128;
	text-decoration: none;
}
#containerMid  #Nav #levelOne.select a:hover{
	color: #C86128;
	text-decoration: none;
}


#containerMid  #Nav #levelTwo {
	font-size:10px;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 45px;
	display:block;
	clear: both;
	width: 150px;
}
#containerMid  #Nav #levelTwo a {
	color: #000000;
	text-decoration: none;
}
#containerMid  #Nav #levelTwo a:hover {
	color: #ffae11;
	text-decoration: none;
}
#containerMid  #Nav #levelTwo.select {
	color: #C86128;
	font-weight: bold;
}
#containerMid  #Nav #levelTwo.select a {
	color: #C86128;
	text-decoration: none;
}
#containerMid  #Nav #levelTwo.select a:hover{
	color: #C86128;
	text-decoration: none;
}


#containerMid  #Nav #levelThree {
	font-size:10px;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 45px;
	display:block;
	clear: both;
	width: 150px;
}
#containerMid  #Nav #levelThree a {
	color: #000000;
	text-decoration: none;
}
#containerMid  #Nav #levelThree a:hover {
	color: #ffae11;
	text-decoration: none;
}
#containerMid  #Nav #levelThree.select {
	color: #C86128;
	font-weight: bold;
}
#containerMid  #Nav #levelThree.select a {
	color: #C86128;
	text-decoration: none;
}
#containerMid  #Nav #levelThree.select a:hover{
	color: #C86128;
	text-decoration: none;
}


#containerMid #data {
	width: 580px;
	min-height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:inline;
	float: left;
}

#containerMid #data #dataTitle {
	font-size: 16px;
	font-weight: bold;
	color: #4257A3;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 15px;
}

#containerMid #data #dataTwoColmTitle {
	font-size: 14px;
	color: #C86128;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}

#containerMid #data #dataTwoColm {

}

#containerMid #data #dataTwoColm #map{
	width: 555px; 
	height: 300px; 
	border-color:#cccccc;
	background-color: #ffaf15;
	border-width:1px;
	border-style:solid;
}

#containerMid #data #dataTitle {
	width: 550px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 15px;
	vertical-align:	text-top;
	display:block;
	float: left;
}

#containerMid #data #dataTop {
	width: 550px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 15px;
	vertical-align:	text-top;
	display:block;
	float: left;
}
#containerMid #data #dataLeft {
	width: 270px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	vertical-align:	text-top;
	display:inline;
	float: left;
}
#containerMid #data #dataLeft #allNews {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 15px;
	vertical-align:	text-top;
	text-align: left;
}

#shortNews {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
}
#shortNews #shortNewsTitle{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#shortNews #shortNewsDate{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: 900;
	font-style:italic; 
}
#shortNews #shortNewsText{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



#containerMid #data #dataRight {
	width: 270px;
	min-height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	vertical-align:	text-top;
	display:inline;
	float: left;
}
#containerMid #data #dataRight.home {
	background-image: url(/includes/images/homeNewsEventsVerticleLine.jpg);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	width: 280px;
	min-height: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	vertical-align:	text-top;
	display:inline;
	float: left;
}

#containerMid #data #dataRight.home #news_events_feed{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}

#containerMid #data #dataRight.home #news_events_feed #news_events_feed_title {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#containerMid #data #dataRight.home #news_events_feed #news_events_feed_date {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: 900;
	font-style:italic; 
 }

#containerMid #data #dataRight.home #news_events_feed #news_events_feed_text{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#containerMid #data #dataRight.home #news_events_feed_line{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 5px;
}

#containerMid #data #dataBottom {
	width: 550px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 15px;
	vertical-align:	text-top;
	display:block;
	float: left;
}
#containerMid #data #dataTwoColm {
	width: 550px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 15px;
	vertical-align:	text-top;
	display:block;
	float: left;
}




#containerMid #clear {
	width: 790px;
	height: 20px;
	display:block;
	clear: both;
}



#containerBottom {
	width: 790px;
	min-height: 175px;
	margin: 0px  auto;
	background-image: url(/includes/images/backgroundBottom.png);
	background-repeat: no-repeat;
	border: 0px solid #00ff00;
	padding: 0px 0px 0px 0px;
	display:block;
	clear: both;
}




#containerBottom #legal {
	margin: 0px 0px 0px 0px;
	padding: 30px 10px 0px 200px;
	color: #000000;
	font-size: 8px;
	line-height: 10px;
	text-align: center;
	border: 0px solid #000000;
	border-width: 0px 0px 0px 0px;
	border-color: #cccccc;
	border-style: solid;
}
#containerBottom #legal a {
	color: #000000;
	text-decoration: none;
}
#containerBottom #legal a:hover {
	color: #FDBB30;
	text-decoration: none;
}


 


#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;
}

#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;
}



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;
}
form div#inputLine input {
	border: 1px solid #00aeef;
}
form div#inputLine textarea {
	border: 1px solid #00aeef;
	font-family:  Helvetica, Verdana, Arial, Lucida Grande, sans-serif;
	font-size: 11px;
	padding: 2px 2px 2px 2px;
}
form div#inputLine select {
	border: 1px solid #00aeef;
	font-family:  Helvetica, Verdana, Arial, Lucida Grande, sans-serif;
	font-size: 11px;
	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;
}