body {font-family: Arial,Sans-serif;
font-weight:normal; background:#333; margin: 0 auto; width: 980px;}
h2{ color:#D9531E; font-weight:normal; margin:10px;}
p{padding:5px 10px;}

#wrapperPage {position:relative; float:left; width: 980px; height:auto; background:#fff; clear:both;  }

#logo{position: relative; float: left; margin: 2px; width: 361px; height: 74px; border:none;}
#logo img{border:none;}
/* Calendar */
#calendar {clear: right; float: right; height:2.9em; margin:.5em 1em 0 0; width:230px;}
#calendar span {color: #B3B3B3; float: left; font-weight: bold;}
#calendar .date {font-size: 45px; margin-top: -6px; letter-spacing:-0.025em;}
#calendar .day, #calendar .month, #calendar .year {font-size: 18px; margin-left: 5px;}
#calendar .month, #calendar .year {margin-top: -0.1em;}
#calendar .day {width: 60%;}
#calendar .monthyear {white-space: nowrap;} 
#utility { font-size:12px; float:right; margin:10px 50px 0 0; letter-spacing:0.055em;}
#utility a{ color:#333; text-decoration:none;}
/* Home Page */
#Home #mainImage{ float:left;width:573px; height:214px; }
#Home{background:#D9E6F7 url(/assets/ribbon_bg.png) no-repeat 0px 400px; float:left; width:100%; }
#Home #left{float:left; width:573px; }
#Home #right{float:left;  width:403px; background:#fff; }
.Thumbnail{ float:left; margin:10px 25px 0 0;}
.Thumbnail img{ float:left; border:1px solid #ccc; padding: 4px; clear:both; }
.caption{ font-size:11px; float:left;  clear:both;}
#feature{ clear:both; float:left; position:relative; width:100%;}

/* Quick Links */
#quickLinks{ float:left; margin:0; padding:0; width:407px; height:173px;  background: #556CA2 url(/assets/quicklinks_bg.gif) no-repeat 0 -51px;}
#Inner #left{float:left; width:773px;}
#quickLinksContent{margin:0; padding:5px; float:left;  width:402px;}
#quickLinks h3{ font-weight:normal; margin:0; padding:5px; color:#FFF;}
#quickLinksContent div{margin:0; padding:0; float:left;  width:402px;}
div.tabs-container{font-size:12px; color:#fff;}
div.tabs-container ul{ float:left; list-style:none; color:#fff; margin:5px 10px 0 10px; padding:0;}
div.tabs-container ul li{padding:0 0 5px 0px}
div.tabs-container ul li a{ background: #556CA2 url(/assets/arrow_green.png) no-repeat 0 0px; padding:0 0 5px 20px; color:#FFF; text-decoration:none;}
div.tabs-container ul li a:hover{ text-decoration:underline;}
#content{clear:both;}
/* Inner Pages Base Styles */
#Inner #mainImage{  position:relative;  float:left;  width:570px;  height:122px;}
#Inner #left{float:left; width:773px;}
#Inner.contactus #left{float:left; width:550px;}
#Inner #left ul.left{float:left; list-style:none;}
#Inner #left ul li a{ color:#555; }
#Inner #right{float:left; width:203px; }
#Inner.contactus #right{float:left; width:403px; padding-top:10px; }
#Inner div.orange h2 { color:#E2CFAE; padding:12px; margin:0px; font-weight:normal; width:544px; height:27px; background: #D9531E url(/assets/Ribbon_icon_orange.gif) no-repeat 530px 10px;}
#Inner #left h3 {color:#D9531E; padding: 10px 0 0 12px; margin:0px; font-weight:normal;}
#Inner #left p {padding: 0 10px 0 12px;  font-weight:normal;}
#Inner #left p.first{padding:20px 0 10px 12px; float:left;}
div.orange { float:left; width:255px; }
div.orange h3 {  color:#E2CFAE; padding:12px; margin:0px; font-weight:normal;background:#D9531E url(/assets/support_icon_orange.jpg) no-repeat 200px 8px;}
div.orange h4 {color:#D9531E; padding: 10px 0 0 12px; font-weight:normal; margin:0px;}
div.orange p {padding: 0 0 0 12px; margin:0px; font-weight:normal;}

div.blue {  margin:0 0 0 5px; float:left; width:300px;}
div.blue h3 { color:#E2CFAE; padding:12px; margin:0px; font-weight:normal;  background:#556CA2 url(/assets/Ribbon_icon_blue.gif) no-repeat 260px 8px;}
div.blue h4 {color:#556CA2; padding: 10px 0 0 12px; margin:0px; font-weight:normal;}
div.blue p {padding: 0 0 0 12px; font-weight:normal;}
div.orange h3.green{ background: #85B62D url(/assets/Ribbon_icon_trans.png) no-repeat 225px 10px;}
div.orange h4.green {color:Green;}
ul li#Drug{  background: transparent url(/assets/btn_drug_asst_off.png) no-repeat; height:87px; width:90px; margin:0 5px 0 10px; }
ul li#Drug.tabs-selected {background: transparent url(/assets/btn_drug_asst.png) no-repeat;}
ul li#Drug a span{  height:40px; width:90px; padding:50px 0 0 0;  }
ul li#Emergency{  background: transparent url(/assets/btn_finanical_asst_off.png) no-repeat; height:87px; width:90px; margin:0 5px 0 0;}
ul li#Emergency.tabs-selected {background: transparent url(/assets/btn_finanical_asst.png) no-repeat;}
ul li#Emergency a span{  height:40px; width:90px; padding:50px 0 0 0;  }
ul li#Housing{  background: transparent url(/assets/btn_housing_asst_off.png) no-repeat; height:87px; width:90px; margin:0 5px 0 0; }
ul li#Housing.tabs-selected {background: transparent url(/assets/btn_housing_asst.png) no-repeat;}
ul li#Housing a span{  height:40px; width:90px; padding:50px 0 0 0;  }
ul li#Health{  background: transparent url(/assets/btn_medical_asst_off.png) no-repeat; height:87px; width:90px; margin:0 0px 0 0; }
ul li#Health.tabs-selected {background: transparent url(/assets/btn_medical_asst.png) no-repeat;}
ul li#Health a span{  height:40px; width:90px; padding:50px 0 0 0;  }

.nonflw h2{ background:#85B62D; padding:5px 5px 8px 5px ; margin:0; color:#FFF; font-weight:normal;}
.nonflw img{ width:50px; height:50px;}
cite{ font-size:11px; font-style:normal; margin:20px 0 0 10px; color:#D9531E; clear:both; float:left; }

ul.stafflist {list-style: none; width: 760px; float: left; margin: 0; padding: 0;}
ul.stafflist li {display: inline; float: left; padding: 5px; font-size: 12px; width: 170px; height: 250px; margin: 5px;}
ul.stafflist li img {border: 1px solid #ccc; padding: 5px; width: 150px;}     
p.stafflist img{border: 1px solid #ccc; padding: 5px; }
p.stafflist{font-size: 12px;}

div#footer{clear:both; font-size:12px; text-align:center; padding:20px 0 0 0; text-transform:uppercase;}
div#footer ul li{ list-style:none; display:inline; padding:0 20px;}
div#footer ul li a{ color:#333; text-decoration:none;}
/*------------------------------------------------------------------------------------------------------------------------------*/ 
/* BEGIN MENU STYLES */ 
/*------------------------------------------------------------------------------------------------------------------------------*/
#wrapNavTop {position: relative; display: block; float: left; height: 29px; z-index: 999; padding: 0; margin: 0; background: #333333; width: 980px; clear: both;}
#wrapNavTop a {text-decoration: none; text-transform: uppercase;}
#wrapNavTop ul li a {height: 29px; text-decoration: none; text-transform: uppercase;}
#wrapNavTop ul li ul li a {height: auto; text-decoration: none;} /* hack to correct IE5.5 faulty box model */ /* * html #wrapNavTop { width: 980px; w\idth: 980px; } */ /* remove all the bullets, borders and padding from the default list styling */
#wrapNavTop ul {padding: 0; margin: 0; list-style-type: none; z-index: 1000; float: right; width: auto;}
#wrapNavTop ul ul { /* width: 139px; */z-index: 1000;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#wrapNavTop li {float: left;/* width: 139px; */ position: relative; text-align: center; width: auto;} /* style the links for the top level */
#wrapNavTop a, #wrapNavTop a:visited {display: block; font-size: 12px; text-decoration: none; color: #FFF; width: 153px; height: 29px; padding: 0 2px; line-height: 29px; background: transparent; text-transform: uppercase;} /* a hack so that IE5.5 faulty box model is corrected */ /* * html #wrapNavTop a, * html #wrapNavTop a:visited { width: 139px; w\idth: 139px;} */


#wrapNavTop ul ul li {text-align: left; width: 153px; color: #FFF;} /* style the second level background */
#wrapNavTop ul ul a.drop, #wrapNavTop ul ul a.drop:visited {color: #fff; background: #a71930; font-weight: normal;} /* style the second level hover */
#wrapNavTop ul ul a.drop:hover {color: #5d5d5d; background: #f4f4f4;}
#wrapNavTop ul ul:hover > a.drop {color: #535353; background: #E8E8E9;} /* style the third level background */
#wrapNavTop ul ul ul a, #wrapNavTop ul ul ul a:visited {background: #fff;} /* style the third level hover */
#wrapNavTop ul ul ul a:hover {background: #E8E8E8;} /* hide the sub levels and give them a positon absolute so that they take up no room */
#wrapNavTop ul ul { /*visibility: hidden;*/position: absolute; display: none; height: auto; top: 29px; left: 0; width: 160px; background: #333; border: 1px solid #333; border-top: 0 none;} /* another hack for IE5.5 */ /* * html #wrapNavTop ul ul {top:40px; top:40px;} */ /* position the third level flyout menu */
#wrapNavTop ul ul ul {left: 153px; top: -1px; width: 153px;} /* position the third level flyout menu to the right */
#wrapNavTop ul ul ul {left: 153px; top: 0; width: 153px; border: 1px solid #d6d6d6;} /* position the third level flyout menu for a left flyout */
#wrapNavTop ul li.last ul ul {left: -153px;} /* style the table so that it takes no part in the layout - required for IE to work */
#wrapNavTop table {position: absolute; top: 0; left: 0; border-collapse: collapse;} 
/* style the second level links */
#wrapNavTop ul ul a, #wrapNavTop ul ul a:visited {background: transparent; color: #000; height: auto; line-height: 16px; width: 139px;}
#wrapNavTop ul ul li a, #wrapNavTop ul ul li a:link, #wrapNavTop ul ul li a:visited {background: transparent; font-weight: normal; color: #fff; width: 139px; min-height: 23px; height: auto; padding: 8px 6px 4px 6px; margin: 0 auto; width: 142px;}
#wrapNavTop ul li.selected ul li a, #wrapNavTop ul li.selected ul li a:link, #wrapNavTop ul li.selected ul li a:visited { font-weight: normal; color: #fff; background:#333;}
#wrapNavTop ul li.selected ul li a:active, #wrapNavTop ul li.selected ul li a:hover {color: #000; background: transparent; font-weight: normal;/* width: 126px; */ text-decoration: none;}
#wrapNavTop ul ul li a:active, #wrapNavTop ul ul li a:hover, #wrapNavTop ul li.selected ul li a:active, #wrapNavTop ul li.selected ul li a:hover {color: #fff;  background:#000; font-weight: normal;/* width: 150px; */ text-decoration: none;} /* style the second level hover if third level exists */
#wrapNavTop ul li ul li.hasLevel3 a:link, #wrapNavTop ul li ul li.hasLevel3 a:visited {background: #fff url(     '/styles/images/nav/nav.pixmap.gif' ) no-repeat 50% -70px; font-weight: normal; color: #535353;} /* style the second level hover if third level exists */
#wrapNavTop ul li ul li.hasLevel3 a:active, #wrapNavTop ul li ul li.hasLevel3 a:hover {color: #000; background: #fff url(     '/styles/images/nav/nav.pixmap.gif' ) no-repeat 50% -105px; font-weight: normal; text-decoration: none;} /* style the top level hover */
#wrapNavTop ul li.selected a, #wrapNavTop ul li.selected a:link, #wrapNavTop ul li.selected a:visited {color: #FFF; background: #D9531E; font-weight: normal;}
#wrapNavTop ul li.selected a:active, #wrapNavTop ul li.selected a:hover {color: #FFF; background: #D9531E; font-weight: normal;} /* style the second level hover if third level exists */
#wrapNavTop ul li ul li.hasLevel3 li a:link, #wrapNavTop ul li ul li.hasLevel3 li a:visited {background: #fff none; font-weight: normal; color: #535353;} /* style the second level hover if third level exists */
#wrapNavTop ul li ul li.hasLevel3 li a:active, #wrapNavTop ul li ul li.hasLevel3 li a:hover {color: #000; background: #fff url(     '/styles/images/nav/nav.pixmap.gif' ) no-repeat 50% -35px; font-weight: normal; text-decoration: none;}
#wrapNavTop a:hover, #wrapNavTop ul ul a:hover {color: #FFF; background: #D9531E;}
#wrapNavTop:hover > a, #wrapNavTop ul ul:hover > a {color: #FFF; background: #D9531E;}
#wrapNavTop a:hover {font-weight: normal;}
#wrapNavTop:hover > a {font-weight: normal;} 
/* make the second level visible when hover on first level list OR link */
#wrapNavTop ul li.selected a:hover ul, #wrapNavTop ul li:hover ul, #wrapNavTop ul a:hover ul {visibility: visible; display: block;} /* keep the third level hidden when you hover on first level list OR link */
#wrapNavTop ul:hover ul ul { /*visibility: hidden;*/display: none;} 



#Ads{width:161px; float:left; margin:0 0 0 4px; position:relative; }
#Ads img{border:none;}
#Ads p{width:161px; float:left; margin:0; padding:10px 0; position:relative;}
.nonflw { float:left;
background-color:#DEDEDE;
width:202px;  padding:0 0 30px 0;
}
div.up {
background-color:#C5E28D;
}
div.up, div.ww, div.up_a, div.pc, div.pc_a, div.pw, div.pw_a, div.pcm, div.pcs, span.ca { padding: 4px 9px 4px 9px; margin-bottom: 2px; color: #000; font-size: 14px;  }
div.up_a img, div.pc_a img, div.pw_a img { float: left; width: 50px; height:50px; border: 1px solid #ccc; margin: 0 10px 4px 0; }
.pd, .upd, .bd, .upd_a { font-size: 13px; color: #D9531E; }
.upd_a { display: block; }
.bd { color: #000; }
.updh{color:#000;}
div.pc {
background-color:#C5E28D;
clear:both;
}
div.pc div.rev, div.ww div.rev, div.up div.rev, div.pw div.rev {
display:none;
}
div.rr {
float:right;
margin:-25px 0 9px 8px;
width:45px;
}
div.pc_a {
background-color:#CCC;
padding-bottom:8px;
width:184px;
}
div.up_a {
background-color:#495C6D;
padding-bottom:8px;
}



.clear {
	clear:both
}

#gallery {
	position:relative;
	height:214px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:50px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px;
		font-size:13px;
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#FFF;
		font-size:18px;
		font-weight:normal;
	}
	
	
#subform .btnSubmit {
margin-left:30px;
}
 #subform .formlabel {
clear:left;
float:left;
margin-left:30px;
margin-top:5px;
text-align:left;
width:130px;
}
 #subform .formtxtbox {
clear:right;
float:left;
margin-bottom:5px;
width:150px;
}
 #subform .frmValidation,  div.moreinfo .frmValidation {
font-size:10px;
margin:5px 0 0 5px;
}
 #subform br {
clear:left;
}
 #subform p.frmValidation {
clear:both;
margin-left:160px;
width:130px;
}
 div#subform {
clear:both;
height:auto;
margin:auto;
padding:10px;
width:500px;
}