/* CSS Document */

/* USES
Son of Sucker Fish 
http://htmldog.com/articles/suckerfish/dropdowns/
*/

/*Eric Meyer's CSS reset code*/
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, /*blockquote,*/ pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/*line-height: 1;*/
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
/*reset strong and em to work properly in FireFox*/
strong {font-weight:bold;}
em {font-style:italic;}

a img, :link img, :visited img {
	border: 0;
}
/*
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}*/
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
/* End Eric Meyer's reset*/



body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	background: #2d8fec url(/common/bg8.jpg) repeat-x fixed bottom center;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}

h1 {
	font-size:2em; /* formerly 30pt/16px = 1.875 */
}
h2 {
	font-size:1.5em; /* 24pt/16px = 1.5 */
	margin-top: .5em;
}
h3 {
	font-size:1.25em; /* 20pt /16px = 1.25 */
	margin-top: .5em;
}
a:hover, a:focus {
	color:black;
}


div#sitewrap {
	width: 60em; /* 960/16 = 60*/
	/*min-width:48em;*/
	/*max-width:960px;*/
	min-width:768px;
	margin: auto;
	margin-top: 2em;
	margin-bottom: 132px;
	border: solid 1px #ccc;
	background: #fff;
}

/***********************************************************************
header bar
greeting and quicklinks possibly not used except on main page
************************************************************************/
#header {
	width: 100%;
	background: none;
}
	#header a {
		text-decoration: none;
	}
	
	#header a img {border: none;}
	
	
	#banner {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100px;
		position: relative;
		background: url(/common/headercollage.jpg) no-repeat top center;
	}
		#banner h1 {
			margin: 0 auto;
			padding: 0;
			text-align:center;
			width: 161px;
			position: relative;
			left: 0;
			right: 0;
			top: -12px;
		}
		
	#smnav {
		position: absolute;
		top:-1em;
		right:0;
		z-index:100;
		float:left;
		width: 100%;
	}
		#smnav ul {
			text-align:right;
			font-size: .75em;	
		}
			#smnav ul.right{
				float: right;
			}
			#smnav ul.left {
				float:left;
			}
			#smnav ul li {
				display:inline;
			}
			#smnav ul li a {
				text-decoration:none;
				color: white;
				padding-left: .5em;
				padding-right: .5em;
			}
				#smnav ul li a:hover, #smnav ul li a:focus {
					background:#ac849c;
					color:#fff;
					text-decoration:underline;
				}
				
				
				
	
#mainnav{
	width: 100%;
	position: relative;
	float:left;
	margin: 0;
	padding: 0;
	/*border-bottom: solid 1px;*/
	line-height: 1.5em;
	}
	#mainnav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		line-height: 1.5em;
		z-index:999;
		float:left;		
		background:#fff url(/common/brdrbttm.gif) bottom repeat-x;
		padding-bottom:1px;
	}
	
#mainnav a {
	display: block;
	width: 7.4em;; /* was 10 */
	text-decoration:none; /*RA Add */
	text-align: center; /* RA Add */
}

#mainnav ul li {
	display: inline;
	float:left;
	padding: 0;
	margin: 0;
	width:7.4em; /* width needed or else Opera goes nuts */  /* 7.4em */
	line-height: 1.5em;
	background: #bddef0 url(/common/mnbtn.jpg) repeat-x;
	border:none;
	margin-left: .05em;
	margin-right: .05em;
}

	#mainnav ul li a {
		display:block;
		width: 7.4em;
		padding: 0;
		padding-top: 4px;
		white-space:nowrap;
		text-align:center;
		color: #000;
		
	}
		#mainnav ul li:hover, #mainnav ul li:focus, #mainnav li.sfhover {
			background: #bddef0 url(/common/mnbtno.jpg) repeat-x;
		}
		#mainnav ul li:hover a, #mainnav ul li:focus a, #mainnav li.sfhover a {
			text-decoration:underline;			
			color: #300;
		}
		
		
#mainnav li ul { /* second-level lists */
	position: absolute;
	width: 100%; /* was 10em */ /* 60*16/12 */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background:white;
	border-bottom: solid 1px black;
	border-top: solid 1px black;
	line-height:1em;
	font-size:.75em; /*12/16*/
}

	#mainnav li ul li {
		float:left;
		width:auto;
		border: none;
		background:white;
	}
	
	#mainnav ul li:hover ul, #mainnav ul li.sfhover ul, #mainnav ul li:focus ul { /* lists nested under hovered list items */
		left: 0;
		
	}		
	
	#mainnav ul li:hover ul li, #mainnav ul li.sfhover ul li, #mainnav ul li:focus ul li {
		border:none;
	}
		#mainnav ul li:hover ul li a,
		#mainnav ul li.sfhover ul li a,
		#mainnav ul li:focus ul li a {
			background: none;
			display:block;
			color: #00f;
			border: none;
			width: auto;
			padding-left: 1em;
			padding-right: 1em;
			padding-top: 1px;
			padding-bottom:3px;
			text-decoration:underline;
		}
			#mainnav ul li:hover ul li, 
			#mainnav ul li.sfhover ul li,
			 #mainnav ul li:hover ul li a:hover,
			 #mainnav ul li.sfhover ul li a:hover, 
			 #mainnav ul li.focus ul li,
			 #mainnav ul li:focus ul li a:focus {
				border:none;
				background:none;
				color: #000;
				text-decoration:none;
			}
			/*#mainnav li:hover ul li a:hover, #mainnav li.sfhover ul li a:hover {
				border:none;
				color: black;
				text-decoration:underline;
			} OLD VERSION*/
		
				
	#greeting, #bc {
		width: 100%;
		text-align: center;
		clear:both;
		float:left;
		background:#ac849c;
		color:#fff;
		/*font-weight:bold;
		border-bottom: solid 1px;*/
		padding-top: .05em;
		padding-bottom: .05em;
	}
		#greeting p {
			text-align:center;
		}
	#bc {
		font-weight:normal;
	}
		#bc ul{
			display:block;
		}
			#bc ul li {
				float:left;
				display:block;
				background:white;
			}
			#bc ul li#last a{
				background: white;
				padding-right: .5em;
			}
				#bc ul li a {
					display:block;
					/*padding-right:50px;*/
					font-size: .75em;
					line-height:1.4em;
					color:#33f;
					/*background: white;*/
					padding-left: .5em;
					background: white url(common/breadcrumb.gif) no-repeat center right;
					padding-right:20px;
					padding-top: .15em;
					padding-bottom:.15em;
				}
					#bc ul li a:hover, #bc ul li a:focus {
						/*background:#fff url(common/breadcrumb.gif) top right no-repeat;*/
						color:#00f;
						text-decoration:underline;
					}
					#bc ul li#last a:hover, #bc ul li#last a:focus {
						/*background: #fff url(common/lastcrumb.gif) top right no-repeat;*/
					}
		
	#content {
		width:75%;
		float: left;
	}
	

/************************************* Content 1 Column ***************************/
	#content.oc {
		width: 100%;
	}
	
	
	
/*******************************  3 Column Styles **************************************/	
		#content.c3 #maintext2 {
			width:66%;
			float:right;
		}
			#content.c3 #maintext2 #headlines, #content.c3 #maintext2 #floodinfo {
				width: 95%;
				margin: auto;
				margin-top: .25em;
				/*padding:1.25%;*/
				padding-top:0;
				/*border:solid 1px #4040b3;*/
				background:#fff;
				line-height:1.2;
			}
				#headlines h2, #floodinfo h2 {
					margin-top:0;
					width: 100%;
					background:#fff;
					color:#009;
					text-align:left;
					position:relative;
					border-bottom:solid 3px;
				}			
					
				#headlines h3, #floodinfo h3 {
					margin:.5em .75em 0 .25em;
					font-size: 1em;
				}
				#headlines p, #floodinfo p {
					margin: .1em .75em 1.25em 1.5em;
					font-size: .9em;
				}
				#headlines p.more {
					margin:.5em;
				}
		#content.c3 #lefttext {
			width: 33%;
			float:left;
			padding-left: .25em;
			margin-top: 1em;
		}
			#content.c3 #lefttext div, #subjnav {
				font-size:.75em;  /*12/16*/
				/*border: solid 1px #c0ccd9;*/
			}
			
			#content.c3 #lefttext div h2, #subjnav div h2 {
				width:100%;
				margin-top:0;
				color:#009;
				text-align:left;
				position:relative;
				border-bottom:solid 3px;
			}
			#content.c3 #lefttext ul, #subjnav ul {
				margin-bottom:1em;
			}
				#content.c3 #lefttext li, #subjnav li {
						display:block;
					}
						#content.c3 #lefttext li a, #subjnav li a {
							display: block;
							width:95%;
							padding: .1em 2.25%;
							text-decoration:none;
							background:#fff;
							border: solid 1px #c0ccd9;
							color:blue;
						}
							#content.c3 #lefttext li a:hover, #content.c3 #lefttext li a:focus,
							#subjnav li a:hover, #subjnav li a:focus {
								background:#ac849c;
								color:#fff;
							}
				
	#righttext {
		width: 24%;
		float:right;
		padding-right: .25em;
		margin-top: .75em;
	}
		#righttext div {
			width: 95%;
			margin: auto;
			margin-top: .5em;
		}
		
		#righttext div#mpevents, 
		  #righttext div#search, 
		  #righttext div#caevents, 
		  #righttext div#ltstnews {
			font-size:.75em;  /*12/16*/
			background:#fff;
		}
			#mpevents h2, #caevents h2, #ltstnews h2 {
				width:100%;
				background:#fff;
				color:#009;
				margin-top:0;
				text-align:left;
				border-bottom: solid 3px;
			}
			#mpevents p, #caevents p, #ltstnews p {
				margin-right: .25em;
				margin-left: 4.25em;
				text-indent:-4em;
				margin-top: .75em;
				margin-bottom: .75em;
			}
			#righttext #caevents, #righttext #ltstnews {
				margin-top: 1.25em;
			}
			
/**************************************** 2 Column Styles ***************************/			
	#content.c2 {
		float:right;
		/*background:#eee;*/
	}
		#content.c2 #maintext {
			float:right;
			width: 99.5%;
			/*margin-right:.25em;*/
			margin-left: .25em;
			background:white;
		}
			#content.c2 #maintext #mcontent {
				width:99%;
				float:right;
				padding-bottom: 1em;
			}
				#content #maintext #mcontent p, 
				  #content #maintext #mcontent ul, 
				  #content #maintext #mcontent ol {
					margin-bottom: .75em;
					margin-right: .25em;
				}
				  #content.c2 #maintext #mcontent ul, 
				  #content.c2 #maintext #mcontent ol {
				  	margin-left: 2em;
				  }
				#content.c2 #maintext #mcontent p.nb {
					margin-bottom:0;
				}
				
				#content.c2 #maintext #mcontent .nt {
					margin-top:0;
				}
				
				#content.c2 #maintext #mcontent .nm{
					margin-top: 0;
					margin-bottom: 0;
				}
		
	#subjnav {
		width:24%;
		float:left;
		padding-left: .25em;
		margin-top: .5em;
	}
		#subjnav div {
			/*font-size:.75em; */ /*12/16*/
			/*border: solid 1px #cc9070;*/
		}
		#subjnav h2{
			width:100%;
			color:#009;
			border-bottom: solid 3px;
			margin-top:0;
			text-align:left;
		}
		
		#subjnav div ul {	
			margin-bottom: 1em;				
		}
			#subjnav div li {
				display:block;
			}
				#subjnav div li a {
					display: block;
					width:95%;
					padding: .25em 2.25%;
					text-decoration:none;
					background:#fff;
					border: solid 1px #bddef0;
					color:blue;
				}
					#subjnav div li a:hover, #subjnav div li a:focus {
						background:#ac849c;
						color:#fff;
					}
					#subjnav div li span {
						display: block;
						width:95%;
						padding: .25em 2.25%;
						text-decoration:none;
						background:#999;
						border: solid 1px #bddef0;
						color:#000;
					}

						#servsdiv li#tt a em {
							background: none;
							border: none;
							color: blue;
							font-size:smaller;
							font-style:normal;
						}
	
	
	
/*************************************** Footer	********************************/
	#footer { 
		clear: both;
		font-size: .75em; /*12/16*/
		border-top: solid 1px #ccb;
		background:#fff;
	}
	
		#footleft {
			width: 25%;
			float: left;
			padding-left: .5em;
			margin-top: 1em;
		}
			#footleft h2 {
				font-size: 1.2em;
			}
	
		#footright {
			width: 25%;
			float: right;
			padding-left: .5em;
			margin-top: 1em;
		}
			#footright p {
				text-align:center;
			}
		#search {
			text-align:center;
			width:24%;
			float: left;
		}
			#search p {
				margin-top: 1em;
				text-align:center;
			}
		#weather {
			width: 23%;
			float:right;
			font-size:.9em;
		}
			#weather h2 {
				font-size: 1em;
				margin-top:0;
			}
			#weather .weathicon {
				float: left;
				width: 55px;
				border:solid 1px;
				margin-right: 5px;
			}
			#weather .currtemp {
			}
			#weather .smprnt {
				font-size:xx-small;
				clear:right;
			}

/*Contact without fancy microformatting*/
#contact p {margin-left: 1em;}


/* Microformat formating */
#contact.vcard .locality, #contact.vcard .region, #contact.vcard .zip {display:inline;}
#contact.vcard .adr, #contact.vcard .tel {margin-left: 1em;}
		
		
/* General Stuff */
.clb {clear:both;}
#content .cll { clear: left;}
#content .clr {clear:right;}
.rt {text-align:right;}
#sitewrap div.cen p, .cen {text-align:center;}
.bcen { font-weight:bold; text-align:center;}
.bu {font-weight:bold; text-decoration:underline;}
.bi {font-weight:bold; font-style:italic;}
.automar {margin-left: auto; margin-right:auto;}
hr {margin-top: .75em; margin-bottom: .75em;}
.more {text-align:center; font-size:.95em;}
.smr {font-size:smaller;}
#content ul.norm {list-style-type:disc; padding-left: .75em; margin-left: .75em;}
#content ol.norm {list-style-type:decimal; padding-left: .75em; margin-left: .75em;}
#content #maintext p.nt {margin-top:0;}
#content p.indnt {text-indent:3em;}
.lhb li {padding-bottom: .75em;}
.mrgn { margin-left: 5%; margin-right: 5%;}
.u {text-decoration: underline;}
.hang {margin-left: 2em; text-indent:-2em;}
.blgr, #subjnav.blgr {font-weight:bold; font-size:larger;}
.red {color:red;}
.nw {white-space:nowrap;}

#content .lgr {font-size:larger;}

table.b1, table.b1 td, table.b1 th {border: solid 1px gray;}

div.imgfltl { /*image float left with padding for headline box */
	float: left;
	padding: .2em .2em .2em 2.5%;
}

div.imgfltr { /*image float right with padding for headline box */
	float: right;
	padding: .2em 2.5% .2em .2em;
}

div.imgfltpll {  /* no padding image float left (image float plain left) */
	float: left;
}

div.imgfltplr {  /* no padding image float right (image float plain right) */
	float: right;
}
div.acro {
	width: 88px;
	margin-left:auto;
	margin-right: auto;
}
a.acro img, div.acro a img {
	border: none;
}


div#listsub {
	width: 16em;
	margin: auto;
	text-align:center;
}