@charset "utf-8";
/* CSS Document */

/* ******* HTML STYLES START ******* */
body  {
	font: 0.75em Arial, 'Gill Sans MT', Helvetica, Verdana, Tahoma, sans-serif;
	background-color: #003a54;
	background:#003a54 url('images/bg.gif') repeat-x top left;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #555555;
}
a, a:link {
	color: #009fdb;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #FF6583;
}


h1 {
	margin-top:0px;
	padding-top:0px;
	color:#009fdb;
	font-size:1.6em;
	font-weight:normal;
}
h2 {
	color:#009fdb;
	font-size:1.4em;
}
h3 {
	color:#009fdb;
	font-size:1.2em;
}
p {
	margin:12px 0px;
}
select {
	color:#555555;	
}
form {
	padding:0px;
	margin:0px;
}
img {
	border-width:0px;
}

ul {
	list-style-image:url("images/icon_aarrow.gif");	
	padding-left:16px;	
}

/* ******* HTML STYLES END ******* */

/* ******* MAIN LAYOUT START ******* */
#container { 
	width: 760px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0px 10px;	
	text-align: left; /* this overrides the text-align: center on the body element. */
}
html>body #container {
	width:760px;
	padding:0px 10px;
}

#header { 
	background: #FFFFFF; 
	border: 0px dotted #000000;
	margin-bottom:6px;
} 

#header #topnav {
	padding:5px 0px;
	float:right;	
}
#header #topnav a {
	margin-left:6px;
	padding-left:6px;
	font-size:0.9em;
	color:#333333;
}

#sitenav {		
	display:block;
	height:33px;	
	border-bottom:solid 5px #009fdb;
}

#sitenav a {
	display:block;
	float:left;
	width:102px;
	height:20px;
	padding-top:8px;
	margin-right:5px;
	text-align:center;
	vertical-align:bottom;
	color:#ffffff;
	background-color:#c1c1c1;
	border-bottom:solid 5px #ffffff;
}

#sitenav a.sel, #sitenav a.lastsel {
	border-bottom:solid 5px #009fdb;	
	background-color:#009fdb;	
}

#sitenav a.last, #sitenav a.lastsel {
	margin-right:0px;	
	width:99px;
}
html>body #sitenav a.last, #sitenav a.lastsel {
	margin-right:0px;	
	width:102px;
}
#sitenav a.big, #sitenav a.bigsel {	
	width:118px;
}
#sitenav a.bigsel {
	border-bottom:solid 5px #009fdb;	
	background-color:#009fdb;
}

#sitenav a:hover {
	background-color:#009fdb;
}


#subsitenav {	
	height:23px;
	background-color:#009fdb;
	margin-bottom:10px;
}
#subsitenav a {	
	color:#ffffff;
	display:inline-block;
	margin-left:12px;
}
#subsitenav a.sel {	
	text-decoration:underline;
	font-weight:bold;
}

#content {
	margin:2px 0px;
	padding:0px;
	border:0px dotted #000000;
}
#content #colleft {
	float: left;
	width:182px;
	display:inline; /* IE 5/6 bug where the margin doubles must set display to inline */
	border:0px dotted #11cdcd;
}
#content #colmain {
	margin: 0 190px;
	border:0px dotted #cdcd11;
	color:#003a54;
}

#content #colright {
	float: right;
	width:182px;
	display:inline; /* IE 5/6 bug where the margin doubles must set display to inline */
	border:0px dotted #11cdcd;	
}

#footer {
	margin:20px 0px;
	padding:0px;
	text-align:center;
	font-size:0.75em;
	border-top:1px solid #009fdb;	
}

/* ******* MAIN LAYOUT END ******* */





/* ******* GENERAL CLASSES START ******* */
.clr {
	clear:both;
}

input.txtinput {
	color:#003366;
	background:#FFFFFF url('images/inputbg.gif') repeat-x top left;
	border:1px solid #cccccc;
}
input.txtinputinit {
	color:#AAAAAA;
	background:#FFFFFF url('images/inputbg.gif') repeat-x top left;
	border:1px solid #cccccc;
}
input.txtinputwarn {
	color:#EE1111;
	font-weight:bold;
	background:#FFFFFF url('images/inputbg.gif') repeat-x top left;
	border:1px solid #cccccc;
}
input.butinput {
	width:60px;
}
.hr {
	display:block;
	height:1px;
	font-size:0px; /* This is needed for IE fix as IE does not allow height to be less than the font-size height */
	border-bottom:1px solid #d7d7d7;
	margin:0px;
	margin-top:6px;
	margin-bottom:12px;
	clear:both;
}

.warning {
	color:#EE1111;
	font-weight:bold;
}
.highlight {
	color:#11FF00;
	font-weight:bold;
}

.aiconpdf2 {
	padding-left:20px;
	background:transparent url('images/icon_pdf.gif') no-repeat top left;	
}

.aiconpdf, .aiconwebblank, .aiconwebself, .aicontel, .aiconarrow {
	padding-left:20px;
	padding-bottom:2px;
	padding-top:2px;
	/*display:block;*/
}

.aiconpdf {
	background:#f5f5f5 url('images/icon_pdf.gif') no-repeat top left;
}
.aiconwebblank {
	background:#FFFFFF url('images/icon_ablank.gif') no-repeat top left;	
}
.aiconwebself {
	background:#FFFFFF url('images/icon_aself.gif') no-repeat top left;	
}
.aicontel {
	background:#FFFFFF url('images/icon_atel.gif') no-repeat top left;
	cursor:pointer;
}
.aiconarrow {
	background:#FFFFFF url('images/icon_aarrow.gif') no-repeat top left;	
}

.loading {
	text-align:center;
	vertical-align:middle;
	margin:20px auto;	
}

.sert {
	font-weight:bold;
	color:#009fdb;
	font-style:italic;
	font-family:Verdana;
}

.blueboxparent {
	/*height:110px;*/
	display:block;
}

.bluebox {
	background-color:#94d7f0;
	width:160px;
	display:block;
	float:left;
	padding:6px;
	margin:4px;
	margin-left:0px;
}

.mapbox {
 	width:560px;
 	border:dotted 0px #559900;
 	height:400px;
 	text-align:center;
}

.boxnotes {
	padding:6px;
	background-color:#f5f5f5;
	border:solid 1px #c1c1c1;
}

.boxnotes h3 {
	margin-top:0px;
}
.boxnotes ul {
	list-style-image:url("images/icon_whiteaarrow.gif");	
}
/* ******* GENERAL CLASSES END ******* */


/* ******* BOX CLASSES START ******** */
.box200 {	
	border:solid 1px #c1c1c1;
	background-color:#ebebeb;
	width:160px;
	margin-bottom:9px;
	color: #555555;
}
.box200 .boxtxt {
	padding:10px;
}
.box200 h3 {
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	color:#003a54;
}

html>body .box200 {
	width:180px;
}

.box400 {
	padding:10px;
	border:solid 1px #c1c1c1;	
	width:356px;
}

.box600 {
}

.box400 h1 {
	padding-top:0px;
	margin-top:0px;
	border-bottom:solid 2px #009fdb;
}
	
	
/* ******* BOX CLASSES END ******** */



/* ******* BOX CLASSES START ******** */
.boxmed {
	margin-bottom:5px;
}

.boxmed .boxtop {	
	background: #FFFFFF url("images/box_medium_top.gif") no-repeat top left;
	height:1px;
	font-size:0px; /* This is needed for IE fix as IE does not allow height to be less than the font-size height */
}
.boxmed .boxmid {
	background: #FFFFFF url("images/box_small_middle.gif") repeat-y top left;
	border:0px dotted #000000;
	padding:0px;
}
.boxmed .boxbottom {
	background: #FFFFFF url("images/box_small_bottom.gif") no-repeat top left;
	height:16px;
}
.boxmed .boxmid .boxtxt {
	padding:3px 4px;
	display:block;
}
html>body .boxmed .boxmid .boxtxt {
	padding:6px 8px;
}

.boxmed .boxmid input {
	margin:2px 0px;
	margin-bottom:6px;
	display:block;
	width:154px;
}
.boxmed .boxmid input.butinput {
	width:60px;
	float:right;
	/*margin-right:3px;
	margin-top:5px;	*/
}
.boxmed .boxmid .advsearch {
	margin-right:3px;
	margin-top:5px;	
	font-size:0.86em;
}
.boxmed .boxmid .advsearch a {
	float:left;
	padding-top:15px;
	vertical-align:bottom;
}

.boxbig {
	border:0px dotted #FFcccc;
	padding:0px;
	margin-bottom:5px;
}
.boxbig .boxtop {	
	background: #FFFFFF url("images/box_large_top.gif") no-repeat top center;
	height:18px;
	font-size:0px; /* This is needed for IE fix as IE does not allow height to be less than the font-size height */
	border:0px dotted #FFcccc;
}
.boxbig .boxmid {
	background: #FFFFFF url("images/box_large_middle.gif") repeat-y top center;
	border:0px dotted #551111;
	padding:0px 10px;
}
html>body .boxbig .boxmid {
	padding:0px 10px;
}
.boxbig .boxbottom {
	background: #FFFFFF url("images/box_large_bottom.gif") no-repeat bottom center;
	height:20px;
	font-size:0px; /* This is needed for IE fix as IE does not allow height to be less than the font-size height */	
}
.boxbig .boxmid .boximg {
	float:left;
	width:60px;
	margin-top:2px;
	border:0px dotted #551111;
}
.boxbig .boxmid .boxtxt {
	/*margin-top:6px;*/	/* This is less than boximg margin-top due the text line-height */
	margin-left:60px;
	text-align:left;
	width:290px;
	border:0px dotted #551111;
}
.boxbig .boxmid .boxtxt .boxtitle {
	font-weight:bold;
	display:block;
}
.boxbig .boxmid .boxtxt .boxsubtitle {
	font-weight:bold;
}
.boxbig .boxmid .left {
	display:block;
	float:left;		
}
.boxbig .boxmid .right {
	display:block;
	margin-left:120px;		
}

.boxbig .boxmid .boxmainlink {
	padding-top:6px;
	display:block;
}
.boxbig .boxmid .boxminicontainer {
	display:inline-block;
}
.boxbig .boxmid h1 {
	margin:0px 6px;
	margin-bottom:16px;
	padding-bottom:4px;
	border-bottom:solid 1px #1e9d8a;
}

.boxmidbox {
	padding:1px 4px;
	display:inline-block;
}
html>body .boxmidbox {
	padding:2px 8px;
	display:inline-block;
}
/* *** Specific Box classes *** */
.boxmed .boxmidbottom {
	background: #FFFFFF url("images/box_medium_middle.gif") repeat-y top left;
	border:0px dotted #000000;
	padding:0 3px;
}
#boxteesinfo.boxmed .boxmidbottom span {
	display:block;
	background: #FFFFFF url("images/photo_visitteesvalley.jpg") no-repeat bottom center;
	height:100px;
}
/* *** Specific Box classes *** */

.pgcontact .boxtxt input {
	maargin-left:100px;	
}
.pgcontact .boxtxt .label {
	float:left;
	display:block;
	width:80px;
}
.pgcontact .boxtxt .divider {
	margin-top:9px;
}
/* ******* BOX CLASSES END ******* */