/*INTEROTECH*/

/*NOTE:For IE 5 (& 6?), it won't accept the horizontal centering method below w/out
the "text-align:center" attribute.  (This is actually a shortcoming of the browser.
See bluerobot.com/web/css/center1.html for an example.)
*/

/*NOTE:If borders are added to the side nav or the main content divs, then compensation needs
to be made in their widths.  For example, if a border is added to the #rightCol div, its
width would need to change from 600px to 599px.
*/

body{margin:0px;padding:0px;font-size:1em;text-align:center;
		font-family:arial,verdana,helvetica;min-width:760px;}

#wrapper{margin:0 auto;padding:0px;background:white;padding:10px;text-align:left;
		width:90% ! important;width:760px;min-width:760px;}


/*NOTE: I had to set a 1px border set to the color of the background because for some reason,
Firefox has a hard time interpreting the header height without it.
*/

#header {background:white;border-top:1px solid white;border-bottom:1px solid gray;
		padding-bottom:10px;}
#headerImgPic{float:left;margin-left:20px;border:none;}
/*NOTE:margin and padding are set to 0 to avoid resizing issues for the header, most noticeable in IE.*/
#header h1{margin:0;padding:0;text-align:right;margin-top:45px;padding:0px;font-size:.8em;color:#29487F;margin-right:10px;}
.headerInfo {float:right;margin-right:8px;font-size:.6em;}

a:link {color:#29487F;text-decoration:underline;}
a:visited {color:gray;}
a:hover {text-decoration:none;color:gray;}

#midSection{clear:both;margin:0px;padding:0;margin:0px 0px 10px 0px;min-height:450px;
			}


#leftCol {float:left;width:160px;margin-top:10px;}

#navWrapper{padding:0;margin:0;width:160px;background:white;border-right:1px solid gray;}
#navWrapper ul{margin:0;padding:0;padding-left:10px;font-size:.9em;font-weight:bold;
		padding-top:5px;padding-bottom:5px;}
#navWrapper li{padding-bottom:5px;padding-top:5px;list-style-type:none;}
#navWrapper a, .ulTitle{text-decoration:none;color:gray;}
#navWrapper a:visited{color:gray;}
#navWrapper a:hover{color:gray;text-decoration:underline;font-weight:bold;}
.ulTitle {color:#29487F;}
/*NOTE: In order for the dynamic className change to work in JavaScript, the link must be pointed to very 
specifically, as it is below.
*/
#ulNav1 a,#ulNav2 a, #ulNav1 li.highlighted a, #ulNav2 li.highlighted a
      {font-size:.8em;margin-left:10px;font-weight:lighter;}
#navWrapper li.highlighted a{color:gray;font-weight:bold;}

/*NOTE:The ul reference below needs the explicit syntax used.*/
ul#ulNav2 {margin-top:0px;}
ul#ulNav1, ul#ulNav2 {border-bottom:1px solid gray;margin-right:10px;}

#news {width:135px;margin:50px 0px 30px 10px;border:1px solid #29487F;
		background:white;color:#29487F;font-size:.7em;}
#news h3{margin:0px 0px 3px 0px;padding:0px;font-size:1.2em;background:#29487F;line-height:2em;
			color:white;text-align:center;}
#news ul{margin:0;padding:0;margin-left:20px;padding:2px;border:none;}
#news li{list-style-type:square;font-weight:lighter;border:none;padding:0px 0px 5px 0px;}


/*NOTE:Setting height explicitly to 100% is for IE6, but has no negative impact on the other browsers.*/
#rightCol{background-color:white;margin:0px;height:100%;
		padding-bottom:35px;padding-top:15px;min-width:600px;
		margin:0px 0px 0px 160px;}
#wrapper .fullWidth{margin:0px 10px 0px 0px;}
#rightCol h2{padding:0px;margin:0;font-size:1.1em;margin:-5px 0px 0px 10px;line-height:1.2em;
			background:#A7A9AC;color:white;font-weight:lighter;
			padding:5px 0px 5px 5px;}
#rightCol h3{padding:0px;margin:0;margin:20px 0px -10px 10px;font-size:.8em;}
#rightCol p{padding:0px 10px 0px 10px;font-size:.72em;margin-top:10px;line-height:1.5;
			text-align:justify;}
/*NOTE: Because of differences in IE and Firefox, first set the margin to 0, and
then position the ul using padding.  (For example, as below, "padding-left:10px".)
*/
#rightCol ul{margin:0;padding:0;font-size:.78em;margin:0;padding-left:45px;width:auto;
			list-style-type:square;width:90%;
			margin:-8px 0px -5px 0px ! important;margin:-16px 0px -5px 0px;}
#rightCol li{}

#pic{margin:0;padding:0;}
.picRight{float:right;margin:0;padding:0;margin:10px;
		border:1px solid gray;}
.picLeft{margin:0;padding:0;border:1px solid gray;margin:10px 10px 0px 10px;}	


#footer{clear:both;color:#1B3359;text-align:center;border-top:1px solid gray;padding-top:10px;}
#ulFooter{margin:0;padding:0;font-size:.7em;}
#ulFooter li{display:inline;}

/*NOTE:Because the element with the "copyright" class is outside of the main "wrapper", it must
be styled as such.  (For example, the margin must be set as the wrapper is to center it.)  
*/
.copyright {width:760px;margin:0 auto;padding:5px;font-size:.6em;color:#29487F;text-align:left;}
.copyright a{color:#29487F;font-weight:bold;}
.copyright a:hover{text-decoration:none;}


#contactUs {margin:20px 10px 0px 225px;}
#contactForm{}
#contactForm fieldset{margin:0;padding:0px 10px 0px 20px;width:325px;border:1px solid gray;}
#contactForm legend{margin:0;padding:0;color:black;font-weight:bold;margin-left:60px;
			font-size:.72em;}
#contactForm label{display:block;font-size:.71em;}
#contactForm div.buttonContainer input{font-size:.8em;}
#contactForm input, textarea{border:1px solid gray;font-size:.71em;
				font-family:arial,verdana,helvetica;}
#contactForm textarea{width:295px;}
#contactInfo{float:left;}
.left{float:left;}
.right{float:right;margin-right:30px;display:inline;}
.buttonContainer{clear:both;padding:15px 0px 15px 0px;text-align:center;}
.textName{width:130px;}
.contactTitle{font-weight:bold;}
/*NOTE:In order to compensate for padding and margin differences in Firefox, IE 6+, and Safari, this
filler div was added for spacing in the fieldset.*/
#filler {height:15px;}