@charset "utf-8";
/* CSS Document */
html {height:100%;}
body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:75%;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
}

.ContentArea img { /* defaults the img padding to 8 px and allows the contend to be easer to read*/
padding:8px;
}
img.s { /* apply this class to any image that is part of a program or part of the site*/
padding:0px; border:none;
}
.ContentArea a img {border:none; border:0;}

p.xxsm { font-size:.625em; }
.xsm { font-size:.75em; }
.sm { font-size:.875em; }
.med { font-size:1em; }
.lg { font-size:1.1875em; }
.xlg { font-size:1.5em; }
.xxlg { font-size:2.25em; }

.topbanners{
	text-align:center;
	background-color:#FFF;
	}
.topbanners img{
	border:1px solid #FFF;
	height:60px;
	width:194px;
	}
.topbanners a img {
	border:1px solid #FFF;
	height:60px;
	width:194px;
	}
.HmtownViews{
	width:200px;
	}
.HmtownViews img{
	padding:8px;	
	}
	
.events ul {/* List class of the events calender*/
   font-size:1.0em;
   padding-left:5px;
   padding-bottom:0px;
   margin-bottom:0px;
   width:175px;
   margin-left:-.5em;
  }
  
.events li {
  padding-left:5px;
   margin-left: 20px;
   }
.events strong {
font-size:1.0em;
color:#832038;
}

.homepage .ContentTitle{
	background-color: #999;
	margin-top:10px;
}

.ContentTitle{
font-size:1.2em;
color:#FFFFFF;
font-weight:bold;
padding:5px;
}
.ContentSubTitle{
font-weight:bold;
display:block;
border-bottom: 1px solid #999;
font-size:0.9em;
}

.ContentArea, .ContentArea2{
color:#000000;	
font-size:1.0em;
background-color:#FFFFFF;
padding:5px 5px 25px 5px;
}
.ContentArea p, .ContentArea2 p {
font-size:1.0em;
background-color:#FFFFFF;

}
.ContentArea2 {overflow:auto; height:100%;}
.ContentArea a, .ContentArea a:active, .ContentArea a:visited {
color:#000000;	

}
.ContentArea a:hover{
color:#999999;	
}

tr.noTwo{
		background-color:#E9E9E9;
				}


.portalnav, .portalnav a, .portalnav a:active, .portalnav a:visited {
font-size:1.1em;
font-weight:bold;
text-decoration:none;
color:#000000;
}
.portalnav a:hover {
font-size:1.1em;
font-weight:bold;
text-decoration:none;
color:#666666;
}

.portalnavnotice {
font-size:1.2em;
color:#CC0000;
font-weight:bold;
}
.copy{
color:#CCCCCC;
font-size:0.8em;
text-align:center;
}

.copy a{
	color:#CCC;
	text-decoration:none;
}

.copy a:hover{
	color:#EEE;
	text-decoration:underline;
}

.subnv01title{
border-bottom: 1px solid #333333;
color:#832038;
font-weight:bold;
font-size:1.2em;
text-align:left;
}
.subnv01link {
padding-top:2px;
padding-bottom:2px;
padding-left:3px;
text-align:left;
border-bottom: 1px dotted #333333;
color:#832038;
font-size:1.05em;
}
.subnv01link a{
color:#832038;
text-decoration:none;
}
.subnv01link a:Hover {
	text-decoration:underline;
	color:#972038;
}
.subnv01LKlast, .subnv01LKlast a, .breadcrumb a{
padding-top:1px;
padding-bottom:4px;
padding-left:3px;
text-align:left;
color:#832038;
font-size:1.05em;
text-decoration:none;
}
.subnv01LKlast a:Hover, .breadcrumb a:Hover {
	text-decoration:underline;
	color:#972038;
}
.subtitle{
border-bottom: 1px solid #333333;
color:#832038;
font-weight:bold;
font-size:1.2em;
text-align:left;
}

.darksdcontent{
color:#000000;
font-size:1.0em;
text-align:left;
}
.darksdcontent a:hover{
color:#000000;
text-decoration:underline;
}
.darksdcontent a,.darksdcontent a:active, .darksdcontent a:visited{
color:#832038;
text-decoration:none;
}
.cred{
color:#832038;
}


input.btn{ 
	  color:#000000; 
	  font: bold 95% 'Arial',helvetica,sans-serif; 
	  background-color:#999999; 
	  border: 1px solid; 
	  border-color: #000 #000 #000 #000; 
	}
input.txtfield{
	  color:#000000; 
	  font: normal 100% 'Arial',helvetica,sans-serif; 
	  background-color:#999999; 
	  border: 1px solid; 
	  border-color: #000 #000 #000 #000; 
	}
.alert {
float:left;
font-weight:bold;
color:#FF0000;
}
.login {
float:left;
font-weight:bold;
color:#000000;
}
.breadcrumb {
float:right;

}
p	{
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	margin:.3em;
	padding:.3em;
	}
h4	{
	margin:.4em;
	padding:.1em;
	color:#666;
	}
	
h4	{
	margin:.4em;
	padding:.1em;
	color:#666;
	}
	
#dialogue
{
	width: 350px;
	height: 230px;
	background: #FFF;
	border: 2px solid #000;
	padding:1em;
	position: absolute;
	margin-left: -175px;
	margin-top: -115px;
	left: 50%;
	top: 50%;
	z-index: 2000;
}

#screen
{
	position:absolute;
	display:block;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	left: 0;
	top: 0;
	background: #000;
	z-index:1500;
}

#rightcontent	{
	position:relative;
	float:right;
	margin:1em;
	padding:.1em;
	text-align:center;
	border:1px solid #666;
	background-color:#f4f4f4;
	width:190px;
}

ul.links, ul.links li	{
	margin:.2em;
	margin-left:.8em;
	padding:.1em;
	text-align:left;
}

p.red	{
		color:#f00;
		font-weight:bold;
}
p.green	{
		color:#070;
		font-weight:bold;
}

ul#topnav {
	margin: 0 3px 0 0; padding: 0;
	float:right;
	list-style: none;
	font-size: 1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	display:block;
	position: relative;
	
}
ul#topnav li a {
	float: left; 
	height: 1.4em;
}
ul#topnav li:hover a, ul#topnav li a:hover{ color:#555;}

ul#topnav li .sub {
	position: absolute;	
	top: 23px; right:1em;
	/*background: #9a9a9a url(../images/site/topnavbg.jpg) repeat-x;*/
	background-color:#E8E8E8;
	padding: 2px 5px 5px 8px;
	float: right;
	border-right:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 8px;
	-khtml-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	display: none;
	z-index:2000;
}

.sub {max-width: 330px;}

ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: auto;
	float: left;
}
ul#topnav .sub ul li {
	width: 165px;
	clear:both;
	color: #000;
	font-size:.75em;	
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.1em;
	font-weight: bold;
}
ul#topnav .sub ul li h2 a, ul#topnav .sub ul li h2 a:hover {
	padding: 10px 0 4px 0;
	background-image: none;
	color: #832038;
	height:1.1em;
	background:none;
}
ul#topnav .sub ul li a {
	text-indent: 2px; /*--Reset text indent--*/
	height: auto;
	background: url(../images/site/arrow3.gif) no-repeat;
	background-position: 7px 8px;
	padding: 3px 5px 3px 15px;
	display: block; width:88%;
	text-decoration: none;
	color: #000;
}
ul#topnav .sub ul li a:hover {color: #111; background-color:#F6F6F6; background-position: 7px -67px;}

#councilVideo	{
				width:320px;
				height:290px;
				padding:0 0 .2em 0;
				margin-left:auto;
				margin-right:auto;
				background: #9a9a9a url(../images/site/topnavbg.jpg) repeat-x 0px 265px;
				border:1px solid #000;
				position:absolute;
				z-index:1900;
				margin-left: -160px;
				margin-top: -132px;
				left: 50%;
				top: 50%;
				}

.memberVideo	{
				float:right;
				width:205px;
				height:185px;
				margin:.7em 0 0 .7em;
				padding:0px;
				background-color:#EEE;
				border:1px solid #333;
				/*--Bottom right rounded corner--*/
				-moz-border-radius-bottomright: 5px;
				-khtml-border-radius-bottomright: 5px;
				-webkit-border-bottom-right-radius: 5px;
				/*--Bottom left rounded corner--*/
				-moz-border-radius-bottomleft: 5px;
				-khtml-border-radius-bottomleft: 5px;
				-webkit-border-bottom-left-radius: 5px;
				/*--Bottom right rounded corner--*/
				-moz-border-radius-topright: 5px;
				-khtml-border-radius-topright: 5px;
				-webkit-border-top-right-radius: 5px;
				/*--Bottom left rounded corner--*/
				-moz-border-radius-topleft: 5px;
				-khtml-border-radius-topleft: 5px;
				-webkit-border-top-left-radius: 5px;
				}
				
div.mainList	{
			background-color:#FFF;
			clear:both;
			padding-bottom:2em;
			margin-bottom:2em;
			text-align:left;			

			}
.names		{
			list-style:none;
			color:#000;
			padding:0;
			float:left;
			margin:.2em 0 2em .7em;	
			width:98%;
			}
			
.names li	{
			color:000;
			float:left;
			padding:.2em .5em;
			margin:0; height:auto;
			width:177px; min-height:20px;
			
			}				
.names a	{
			color:#000;
			}

p.title {
	font-size:1.1em;
	font-weight:bold;
	display:block;

	border-bottom:1px solid #333;

}

p.title a {
		text-decoration:none;
}

/* Budget Chronicles */
.basic  {
	width: 220px;
	border: 1px solid black;
	vertical-align:middle;
	background-color:#EEE;
	margin:0 3px 1em 1em;
	padding:3px;
}
.basic div {
	background-color: #eee;
	padding:0;
}

.basic a.faq img	{
		position:relative;
		top:-2px; left:3px;
		padding:0; margin:0 10px 0 0;
}
.basic a.faq {
	cursor:pointer;
	display:block;
	margin:0;
	padding:5% 1% 3% 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: black;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	background-color:#BBB;
	height:40px;
	}
.basic a.faq:hover {
	background-color: #EEE;

}
.basic a.faq.selected {
	color: black;
	background-color:#DDD;
}

p.faq	{
		padding:3px; margin:3px;
}

.basic a.na	{
		color:#00F;
		text-decoration:underline;
		background:none;
		border:0;
		height:auto;
		padding:0; margin:0;
		display:inline;
}

h2#faq	{
		font-size:1.2em;
}

h5 {
	font-size:12px;
}
a.pging {color:#832038; text-decoration:none;}
a.pging:hover {color:#A5425A; text-decoration:underline;}

.budgetList {
	width:210px;
	padding:0 0 0 1.5em; margin:0 0 0 .3em;
	list-style:disc;
}

/* End Budget Chronicles */

/* Meeting Minutes */
.meetingResults	{
			padding:.3em;
			margin-top:.5em;
			background-color:#FCFCFC;
			border-bottom:1px dashed #AAA;
			border-left:2px solid #FFF;
			}
				
.meetingTitle, .meetingTitle a	{
					color:#000;
					font-weight:600;
					}		
					
/* End Meeting Minutes */

/* Strategic Plan */
#splan	{
		-moz-border-radius-topright: 10px;
		-khtml-border-radius-topright: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-khtml-border-radius-topleft: 10px;
		-webkit-border-top-left-radius: 10px;
		border:1px solid #666;
		text-align:center;
		background-color:#E9E9E9;
		width:96%;
		margin-left:auto;
		margin-right:auto;
}

#splan.p	{
		display:block;
		background-color:#D2D2D2;
}

.splanHead {
		background: url(../images/content/Strategic-Plan/splanhead.png) repeat-x #FFF;
		-moz-border-radius-topright: 10px;
		-khtml-border-radius-topright: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-khtml-border-radius-topleft: 10px;
		-webkit-border-top-left-radius: 10px;
		border:1px solid #666;
		width:94%; height:23px;
		margin-top:7px;
		margin-bottom:7px;
		margin-left:auto;
		margin-right:auto;
		padding:3px;
		overflow:hidden;
}

.splanHead p.header	{
	cursor:pointer;
}

.splanHead p.header:hover {
	color:#333;
}
		

.arrows {
		border:0;
		margin:-8px 0 3px -3px;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}

#container-1 {
		text-align:left;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span{
    display: block;
    padding: 0 10px;
    background: url(../images/content/Strategic-Plan/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #AAA;
    padding: 1em 0;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/* End Strategic Plan */

/* Videos */
#videonav{
	float:left;
	clear:both;
	}
#videonav img{
	border:0px;
	}
	
.videoContent	{
			margin-left:auto;
			margin-right:auto;
			padding:0; margin:0;
			}
			
.videoContentContainer	{
					margin-left:auto;
					margin-right:auto;
					}
									
.videoContentContainer h2{
			background-color:#F6F6F6;
			vertical-align:top;
			padding:.3em;
			border-bottom:1px solid #666;
			margin-left:.3em;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#933;
			font-weight:500;
			padding:0;
			}			
							
#chapters	{
			position:relative;
			display:block;
			border-top:1px solid #666;
			overflow:hidden;
			height:440px;
			width:500px;
			margin-left:auto;
			margin-right:auto;
			clear:both;
			overflow:hidden;
			}
		#vetparkopenvid	{
			position:relative;
			display:none;
			border-top:1px solid #666;
			overflow:hidden;
			height:440px;
			width:500px;
			margin-left:auto;
			margin-right:auto;
			clear:both;
			overflow:hidden;
			}
			
#chaptersSub	{
				position:absolute;
				right:0;
				width:1000em;
				clear:both;				
				float:right;
				overflow:hidden;
				}			
			
.videoMonth	{
			width:500px;
			margin-left:auto;
			margin-right:auto;
			margin:0;
			padding:0;
			float:right;
			 overflow:auto;
			}
.videoMonth div{
			 overflow-y:hidden;
			 overflow-x:auto;
			}	
			

			
.chapterTd	{
			background-color:#FFF;
			border:1px solid #FFF;
			text-align:center;
			height:170px;
			padding:0;
			float:left;
			width:164px;
			}
.chapterTd p:first-child	{
				font-weight:bold;
				font-size:1em;
				}

.chapterTd p	{
				font-size:.9em;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				color:#000;
				margin:.3em;
				padding:0;
				}
.chapterTd img	{
	border:0px;
	width:120px;
	height:90px;
	
				}	
.prev	{
		display:block;
		cursor:pointer;
		font-weight:bold;
		float:left;
		}
.next	{
		display:block;
		cursor:pointer;
		font-weight:bold;
		float:right;
		}
		
/* End Videos */


label.error {color:#F00; }

fieldset
{
border: 1px solid #832038;
width: 350px
}

legend
{
color: #fff;
background: #832038;
border: 1px solid #832038;
padding: 2px 6px
}

.hpgsubhead{
	color:#FFF;
	background-color:#999;
	padding:2px;
	padding-left:15px;
	width:100%;	
	}


#mfr-form {}

#mfr-form label{float: left; width: 100px;}

#mfr-form input{margin: 0 0 20px auto;}

.accordion div, .redbox{
	border-left: 1px solid #832038;
	border-right: 1px solid #832038;
	border-bottom: 1px solid #832038;
	width: 95%;
	margin:0;
	padding: 0;
}

.accordian div{
	padding-top: 10px;
}

.accordian .toggle, .redbox h3{
		display: block;
		background-color:#832038;
		text-decoration: none;
		color: #fff;
		font-size: 1.05em;
		margin: 0;
		padding: 0;

}

.accordion .toggle{
		cursor: pointer;
		padding: 3px 5px 3px 7px;
		margin-bottom: 0;
		width: 95%;
		display: block;
		background-color:#832038;
		text-decoration: none;
		color: #fff;
		font-size: 1.05em;
}

.accordion div p{
	padding-top:0;
	margin-top: 0;
}

.accordion .toggle span{
	font-weight: 500;	
	font-size: .7em;
	float: right;
	display: inline;
}

	.boxed{
		background-color:#eee;
		margin: 1em;
		padding: 5px;
		text-align:left;
	}
	
	.boxed ul{
		padding: 0 0 0 15px;
		margin:0;
	}
	
	.boxed h3{font-size:1.2em;}
	
	.border{
			border: 1px solid #ddd;
	}
	
	.align-right{
		float: right;	
	}
	
	.align-left{
		float: left;	
	}
	.align-centered{
		margin: 0 auto 0 auto;
		display: block;
	}
	
	.centered{
		margin: 0 auto 0 auto;
		text-align:center;
		display: block;
	}
	
	.clear{
		clear:both;
	}
	address{margin:0; padding: 0 0 0 20px; font-style:normal;}
	
	dl.faq{border-left:1px dotted #ddd;}
	dl.faq dt{margin: 0 0 0 15px;}
	dl.faq dt span, dl.faq dd p span {font-size: 1.5em; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; margin-left:-10px;}
	dl.faq dd{margin: 0 0 0 30px;}
	dl.faq dd p{}
	
	.divform{}
	.divform input, .divform select{ margin: 0 auto 20px 0; display: block;}
	.divform textarea{clear:both;}
	.divform textarea.large{ height: 135px; width: 98%;}
	.divform label{float: left; width: 125px; margin:0;}
	.divform span{display: none;}
	.divform .boxed{padding: 10px;}
	.divform label.long{width:auto;}
	.divform .submit{
		border: 1px solid #ddd;
		background-color: #872434; 
		padding: 15px; 
		cursor: pointer; 
		color: white; 
		margin: 0 0 0 auto; 
		float: right;}
	.divform .submit:hover{background-color: #900;}
	.divform .error{background-color:#f45959; border: 1px solid #f00;}
	.divform fieldset{width:85%;}
	.divform .error span{display: inline; color: white;}
	.divform p.error{display: none;}
	
	.rss-widget{width:200px; border: 1px solid #666; background-color: #eee; padding: 5px;}
	.rss-widget ul{list-style-type: none;margin: 0; padding: 0;}
	.rss-widget ul li{padding:5px 0 5px 10px; border-top:1px solid #CCC;}
	.rss-widget ul li.rss-item-0 {border: none;}
	.rss-widget ul li a{}
	.rss-widget p.more{font-size: .8em; text-align: right;}
	.rss-widget h3{color:#C03}
	
	.suggestion_list
 {
 background: white;
 border: 1px solid;
 padding: 4px;
 }

 .suggestion_list ul
 {
 padding: 0;
 margin: 0;
 list-style-type: none;
 }

 .suggestion_list a
 {
 text-decoration: none;
 color: navy;
 }

 .suggestion_list .selected
 {
 background: navy;
 color: white;
 }

 .suggestion_list .selected a
 {
 color: white;
 }

 #autosuggest
 {
 display: none;
 }