@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:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
}

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;}
}
a img {border:none; border:0;}

.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;
}
.ContentTitle{
font-size:1.2em;
color:#FFFFFF;
font-weight:bold;
padding:5px;
}
.ContentSubTitle{
font-weight:bold;
}

.ContentArea, .ContentArea2 {
color:#000000;	
font-size:1.0em;
background-color:#FFFFFF;
padding:5px 5px 25px 5px;
border-top: 5px solid #CCCCCC;

}
.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, .subnv01link a{
padding-top:2px;
padding-bottom:2px;
padding-left:3px;
text-align:left;
border-bottom: 1px dotted #333333;
color:#832038;
font-size:1.05em;
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:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	margin:.3em;
	padding:.3em;
	}
	
h4	{
	margin:.4em;
	padding:.1em;
	color:#BBB;
	}
	
#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 */
	
p.chapterText	{
				font-size:.9em;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				color:#000;
				margin:.3em;
				padding:0;
				}			
			
.videoContent	{
			margin-left:auto;
			margin-right:auto;
			padding:0; margin:0;
			}
			
.videoContentContainer	{
					margin-left:auto;
					margin-right:auto;
					}
					
#contentTable	{
				border-collapse:collapse;
				border-top:1px solid #666;
				padding:0;
				margin:0;
				margin-left:auto;
				margin-right:auto;
				}
									
.videosHead	{
			background-color:#F6F6F6;
			width:16em;
			vertical-align:top;
			padding:.3em;
			border-bottom:1px solid #666;
			}			
							
#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;
			}
			
#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;
			}					
			
span.videos	{
			margin-left:.3em;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#933;
			font-weight:500;
			padding:0;
			}
			
.chapterTd	{
			background-color:#FFF;
			border:1px solid #FFF;
			text-align:center;
			width:200px; height:170px;
			padding:0;
			}
			
.prev	{
		display:block;
		cursor:pointer;
		font-weight:bold;
		}
.next	{
		display:none;;
		cursor:pointer;
		font-weight:bold;		
		}
		
/* 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
}