@charset "utf-8";
/* CSS Document */
a {
	outline:none;	
}
.breadCrumb{
	background:url(../graphics/images_pres/bullet_orangeRing.gif) top left no-repeat;
	float:left;
	margin-top:.3em;
	font-size:0.9em;
	}
.breadCrumb ul{
	float:left;
	color:#666;
	padding-left:20px;
	}
.breadCrumb li {
	float:left;
	list-style-type:none;
	line-height:1.3em;
	color:#2169CB;
	padding:0 .3em;
	}
.clear{
	clear:both;
	}
#contentInner p{
	padding:5px;
	text-align: left;
	}	
#contentPrint{
	margin:0 auto;
	background-color:#fff;
	min-height:480px;
	padding:0 10px;
	width: 720px;
	text-align:left;
	}
#featuredProgram{
	width:760px;
	}
#footer ul, #footer p{
	padding:0 65px;
	margin-bottom:10px;
	font-size:0.75em;
	color:#666;
	}
#footer li{
	list-style-type:none; /* removes default bullets */
	display:inline;
	}
#footer li a{
	text-decoration:none;
	padding: 0px 5px;
	color:#666;
	}
#footer li a:hover{
	text-decoration:underline;
	}
#homeHeader h1{
	display:none;
	}
#homeHeader h6{
	color:#fff;
	text-align:right;
	padding:5px 10px;
	}
#homeHeader a{
	color:#fff;
	text-decoration:none;
	}
hr{
	border-top:#666 dashed 1px;
	border-bottom:none;
	margin:10px;
	}
.icon{
	padding-top:30px;
	text-align:right;
	font-size:.85em;
	color:#666;
	}
img.imgLink{
  text-decoration:none;  
  border:2px;
}
img.imgBorder {
	border:#666 solid 1px;
	padding:1px;
	margin:5px;
}
img.floatLeft{
	float:left;
	margin-right:10px;
	}
li.announcement, .upcomingEvents{
	list-style-type:none; /* removes bullet off list item of link */
	padding:10px 10px 0px 10px;
	clear:left;
	font-size:85%;
	}
.orangeTitleBar{
	background:#fab033 url(../graphics/images_pres/bg_orangeGradientTop.gif) top right no-repeat;
	color:#fff;
	font-size:0.8em;
	font-weight:bold;
	line-height:35px;
	padding-left:10px;
	}
#print{ /*Specific css setting for the print window*/
	background:#fff center;
	width:740px;
	height:83px;
	margin:0 auto;
	}	
.promo{
	background:#fff url(../graphics/images_pres/bg_promoBox.gif) top left no-repeat;
	clear:both;
	font-size:0.75em; /* Everything in the third is based on 0.75 em now! */
	padding-bottom:10px;
	}
.promoTitle{
	/*background:url(../graphics/images_pres/bg_promoTitle.gif) top left no-repeat;*/
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:30px;
}
.promo #login{
	padding:5px 10px;
	text-align:left;
	}
.promo #loginText{
	font-size:90%;
	color:#666;
	font-weight:bold;
	}
.promo ol{
	margin-left:60px;
}
.promo ul{
	padding-left:0px;
}
.promo ul li{
	background:url(../graphics/images_pres/bullet_blueArrow.gif) top left no-repeat;
	list-style-type:none; /* removes default bullets */
	text-align:left;
	padding-left:20px; /*add extra 10px for the bullet*/
	padding-right:10px;
	line-height:150%;
	}
.promo a{
	text-decoration:none; 
	color:#369;
	}
.promo a:hover{
	text-decoration:underline;
	}
.promo a.membership{
	font-weight:bold;
}
.promo p{
	padding:10px 15px;
	color:#666;
	text-align:left;
	}
.promo img.topMargin{
	margin-top:30px;
	}
#search {
	float: right;
	padding: 5px;
	}
#search .buttom a{
	color:#fff;
	border:#fff 1px solid;
	font-size:0.75em;
	font-weight:bold;
	text-decoration:none;
	padding:2px;
	margin-left:5px;
	}
/*for general table setup: celpadding-5px and valign-top*/
td{
	padding:5px;
	font-size:0.9em;
	}
tr{
	vertical-align:top;
	}
/*District Image Map*/
#districtMap {
 width: 322px;
 height: 216px;
 margin:0 auto;
 background: url(../graphics/images_pres/districtImageMap.gif) top left no-repeat;
 position: relative;
}
#districtMap li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	position: absolute;
	}
#districtMap a {
	display: block; 
	text-indent: -9999px; 
	text-decoration: none;
	}
	
#districtMap a:hover span{
	position:relative;
    display:block;
    width:220px;
    left:20px;
    top:20px;
    padding:5px;
    border:1px solid #000;
    background:#fff;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=85);
    opacity:0.9;
	text-indent:0;
	}
	

/*Dashed lines*/
.dashLine_left{
	padding: 5px;
	border-left:#CCC dashed 1px;
	}
.dashLine_top{
	border-top:#CCC dashed 1px;
	}