/* zero off the defaults to get a clean starting point*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, formfield {  
margin: 0; 
padding: 0; 
border: 0; 
}

body {
	margin: 0 auto;
	font-size: 100.01%; /*fix for IE scaling error at small font sizes*/
	text-align: center;/* centers the wrapper in IE 5.x*/
	font-family: Verdana, Arial, Helvetica,Verdana, sans-serif;
	color: #000;
	background: #FFF url(images/body_pg.jpg) repeat-x;
}

/***** Begin laying out the wrappers *****/


#wrapper {
	position: relative;
	margin: 0 auto;/*centers the wrapper in compliant browsers*/
	width: 800px;
}

#agencyLogo {
float: left;
	width: 145px;
	height: 108px;
}

#nav {
	margin: 0 auto;/*centers the wrapper in compliant browsers*/
	width: 800px;
	background-color: transparent;
}

#header {
	margin: 0 auto;
	width:800px;
}

#TopHead {
	width: 800px;
	margin: 0 auto;
	height: 46px;
	background: url(images/head_bg.jpg) repeat-x;
}

#contentwrapper {
	margin: 0 auto;
	 width: 800px;
	 height: 565px;
	 background: url(images/content_bg.jpg) repeat-x;
	 text-align: center;
}

/* all the insdie pages */
#contentwrapper2 {
	margin: 0 auto;
	 width: 800px;
	 background-color: #FFF;
	 text-align:left;
}

#contentCol1 {
	margin: 0;
	padding: 5px;
	width: 253px;
	float: left;
	background-color: #fff;
}

#contentCol2 {
	width: 253px;
	padding: 5px;
	float: left;
	background-color: #fff;
}

#contentCol3 {
	width: 253px;
	padding: 5px;
	float: left;
	background-color: #fff;
}

#SideBar {
	width: 220px;
	min-height: 565px;
	padding: 5px;
	float: right;
	background: url(images/caulk-board.jpg) repeat-y;
}

#Programs {
	width: 220px;
	height: 279px;
	padding: 5px;
	background: url(images/program-note.jpg) no-repeat;
}


#contentCol1 p, #contentCol2 p, #contentCol3 p, #SideBar p {
	Color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
	margin: 5px;
}

#SideBar p.HolidayList {
	font-weight: bold;
	text-align: center;
}

#contentCol1 .SectionHead, #contentCol2 .SectionHead, #contentCol3 .SectionHead {
margin-top: 15px;
	color: #148AA1;
	font-weight: bold;
}
#contentCol1 ul, #contentCol2 ul {
	Color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
	margin: 5px;
	padding-left: 20px;
}

#contentCol1 li, #contentCol2 li{
margin-left: 10px;
}


.BdrRte {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.BdrLft {
	border-left: 1px solid #000;
}

h1 {
	color: #5A3113;
	font-family: Verdana, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.3em;
	text-align: center;
}

h1.PgHead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	padding: 5px 10px;
	color: #fff;
	text-align:center;
}

h2 {
	color: #666;
	font-family: Verdana, Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	padding: 20px;
}

h3  {
	color: #148AA1;
	font-family: Verdana, Arial, Verdana, Helvetica, sans-serif;
	font-size:0.9em;
	text-align: left;
}

h3.ProgramHead {
	color: #fe9a04;
	font-family: Verdana, Arial, Verdana, Helvetica, sans-serif;
	font-size:0.9em;
	text-align: left;
	background-color: #cef0f2;
	border-bottom: 1px solid #148AA1;
}

 p, td {
	Color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: left;
}

th  {
	color: #148AA1;
	font-family: Verdana, Arial, Verdana, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #148AA1;
}


th .txtsmall { font-size: 0.7em; font-weight: normal; }
.post-it {
	margin: 0;
	padding: 25px 8px 8px 8px;
	width: 240px;
	height: 176px;
	background: url(images/school_note.jpg) no-repeat center;
}

 .post-it ul, #Programs ul {
	font-size: 0.8em;
	text-align: left;
	margin-left: 15px;
	padding: 2px 5px;
	color: #771517;
}

.post-it li {
	margin-left: 15px;
}


#Programs ul {
	margin-top: 50px;
	color: #5A3113;
	font-size: 0.8em;
}

#Programs li {
	font-weight: bold;
	padding-top: 0.3em;
	margin-left: 8px;
}


#support-services {
	margin: 0 20px;
	padding: 45px 10px 20px 10px;
	width: 477px;
	height: 171px;
	background: url(images/support_note.jpg) no-repeat center;
}

#support-services p.header {
	Color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
}

#support-services p.supportlisting {
	padding-left: 25px;
	color: #000;
	font-weight: bold;
	line-height: 1.5em;
	font-size: 0.8em;
}


#support-services p.hotline {
	margin: 5px 30px;
	text-align: center;
	color: #000;
	font-weight: bold;
	background-color: #F8DD2E;
}

#project-note {
	margin: 5px;
	padding: 45px 5px 5px 5px;
	width: 228px;
	height: 150px;
	background: url(images/project_note.jpg) no-repeat center;
	text-align: center;
}

#projects {
	width: 210px;
	height: 214px;
	padding: 55px 8px 3px 5px;
	background: url(images/project_note-sm.jpg) no-repeat;
}

#project-note ul, #projects ul {
	text-align: center;
}

#project-note li, #projects li {
	list-style: none;
}

#project-note li a, #projects li a {
	color: #5A3113;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
	
}

 p.italictxt {
	Color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	font-style: italic;
	text-align: left;
}

.border {
	border: 1px solid #000;
	width: 90%;
	margin: 10px;
}



.ImgPad {
	display: inline;
	padding: 0;
	margin-top: 20px;
}

#footer {
	margin: 0 auto;
	height: 185px;
	background: #000 url(images/bg-footer.gif) no-repeat center;
}

#footerCol1, #footerCol2, #footerCol3 { float: left; width: 230px; margin-right: 10px; padding: 10px; color: #fff; text-align: left; font-size: 0.8em;}

#pgLinks {
margin-top: 8px;
padding: 10px;
color: #FFF; 
background-color: #808080;
line-height: 1.5em;
font-size: 0.7em;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}

#pgLinks a:link {
color: #F8DD2E; 
text-decoration: none;
padding: 5px;
}

#pgLinks a:visited {
color: #ccc; 
text-decoration: none;
}

#pgLinks a:hover {
color: #FE9A04; 
text-decoration: underline;
}

#pgLinks a:active {
color: #771517; 
}


.clearFloat {
	clear:both;
	height: 1px;
}
