@charset "UTF-8";
/* CSS Document */



/* text & links */

h1 { font-size: 30px; margin: 0 0 8px 0; font-weight: normal; font-family: Garamond, "Times New Roman", Times, serif; }

h2 { font-size: 24px; margin: 0 0 5px 0; font-weight: normal; font-family: Garamond, "Times New Roman", Times, serif; }

h3 { font-size: 18px; margin: 0 0 5px 0; font-weight: normal; font-family: Garamond, "Times New Roman", Times, serif; }

h4 { font-size: 15px; margin: 0; font-weight: normal; color: #333; font-family: Garamond, "Times New Roman", Times, serif; }

#content h2 { margin: 0 0 10px 0; color: #555; line-height: 130%; font-size: 18px; }

.nav {
	margin: -40px 8px 0px 760px;
	position: absolute;
	z-index: 20;
	
	
}
#nav a, #s7 strong { margin: 0 5px; padding: 3px 5px; border: 1px solid #ccc; background: #fc0; text-decoration: none }
#nav a.activeSlide { background: #ea0 }
#nav a:focus { outline: none; }
#nav { text-align: right }

.slideshow {
	height: 255px;
	width: 900px;
	margin: auto;
	overflow: hidden;
	z-index: 5;
}

.ten { font-size: 10px; }

.fourteen { font-size: 14px; }

.eighteen { font-size: 18px; }

.blue { color: #1971ab; }

.purple { color: #622d49; }

.bold { font-weight: bold; }

.italic { font-style: italic; }

.eightblack     { font-size: 8pt; color: #000000 }
.nineblack     { font-size: 9pt; color: #000000 }
.tenblack    { font-size: 10pt; color: #000000 }
.twelveblack     { font-size: 12pt; color: #000000 }
.thirteenblack     { font-size: 13pt; color: #000000 }

.fourteenblack     { font-size: 14pt; color: #000000 }
.twentyblack     { font-size: 20pt; color: #000000 }


a:link, a:visited { text-decoration: underline; color: #1971ab; }

a:hover, a:active { text-decoration: none; color: #1971ab; }

#header #topnav a, #header #topnav a:link, #header #topnav a:visited { float: right; display: block; margin: 0; padding: 10px; color: #005488; text-decoration: none; line-height: 100%; }

#header #topnav a:hover, #header #topnav a:active { color: #1374b1; } 

#mainnav a, #mainnav a:link, #mainnav a:visited { display: block; padding: 4px 0; color: #fff; text-align: center; text-decoration: none; font-size: 13px; letter-spacing: 1px; background: url(../images/line.png) 5px right no-repeat; }

#mainnav a:hover, #mainnav a:active { color: #ddd; text-decoration: none; }

#mainnav a#core-financial-suite { width: 190px; }

#mainnav a#housing-authority-suite { width: 210px; }

#mainnav a#human-services-suite { width: 200px; }

#mainnav a#support-services { width: 160px; }

#mainnav a#our-company { width: 140px; background: none; }



/* main attributes */

body, a, div, input, textarea, form { margin: 0; padding: 0; }

a img { border: 0; }

p { padding: 0; margin: 0 0 12px 0; }

ul { margin: 0 0 0 20px; padding: 0; }

.nav_left { float: left; }

.left { float: left; margin: 5px 15px 10px 0; }

.left_no_margin { float: left; margin: 0; }

.right_no_margin { float: right; margin: 0; }

.right { float: right; margin: 5px 0 10px 15px; }

.center { text-align: center; }

.border { border: 1px solid #000; }

.borderbottom { border-bottom: 1px solid #ddd; }

.bordertop { border-top: 1px solid #ddd; margin: 15px 0 0 0; padding: 15px 0 0 0; }

.wideborder { border-top: 2px solid #fff; margin: 0; }

.clear { clear: both; }

label { display: block; }

form p { margin: 0; }

.input { border: 1px solid #ccc; background: #fff; width: 250px; padding: 5px; font-size: 14px; color: #666; margin: 0 0 10px 0; }

.small { width: 80px; }

.medium { width: 230px; }

.select-large { width: 180px; height: 25px; background: #fff; border: 1px solid #ccc; margin: 0 0 10px; }

.select-small { width: 80px; height: 25px; background: #fff; border: 1px solid #ccc; }

.checkbox { margin: 0 5px 0 0; }

.textarea { border: 1px solid #ccc; background:#fff; width: 250px; height: 100px; margin: 2px 0 2px 0; padding: 5px; }

.signup { float: right; margin: 15px 0 0 0; }

body { text-align: center; font: 13px Helvetica, Trebuchet, Arial, sans-serif; color: #555; line-height: 190%; background: #e3f3ff url(../images/bg.jpg) top center repeat; }



/* structural attributes */

#page { width: 100%; height: 100%; background: url(../images/shadow.png) top center no-repeat; }

#wrapper { margin: 5px auto; width: 920px; text-align: left; }

#header { float: left; width: 920px; height: 148px; margin: 0; background:url(../images/header-bg.jpg) top left no-repeat; }

#header .left { margin: 0; }

#header .right { margin: 20px 20px 0 0; width: 400px; clear: right; line-height: 100%; color: #005488; font: 16px Garamond, "Times New Roman", Times, serif }

#header #topnav { float: right; margin: 20px 0; padding: 0 40px; }

#mainnav { clear: both; float: left; text-align: center; width: 920px; height: 30px; background: url(../images/content-top-bg.png) top left no-repeat; }

#mainnav ul { margin: 0 auto; width: 900px; }

#mainnav ul li { list-style: none; float: left; }

#content { float: left; width: 920px; padding: 0; background: url(../images/content-bg.png) top left repeat-y; text-align: center; font-size: 11px; color: #666; line-height: 190%; }

#content-bottom { float: left; width: 920px; margin: 0 0 0 0; height: 28px; background: url(../images/content-bottom-bg.png); }

#footer { margin: auto; width: 880px; padding: 10px 0; text-align: center; font-size: 10px; color: #2a4263; }



/* homepage attributes */

#content #mainpic { margin: 0 auto; width: 900px; height: 258px; }

#content .home-inner { margin: auto; width: 880px; padding: 30px 0 0 0; background: url(../images/content-wave.jpg) top center no-repeat; }

.home-inner #left-col { float: left; width: 266px; background: url(../images/home-column.png) top center no-repeat; margin: 0 35px 0 0; }

.home-inner #middle-col { float: left; width: 266px; background: url(../images/home-column.png) top center no-repeat; margin: 0 35px 0 0; }

.home-inner #right-col { float: left; width: 266px; background: url(../images/home-column.png) top center no-repeat; margin: 0; }

#left-col .inner, #middle-col .inner, #right-col .inner { margin: auto; width: 240px; text-align: left; line-height: 160%; }

#left-col h3, #middle-col h3, #right-col h3 { padding: 15px 0 10px 0; font-family: Garamond, "Times New Roman", Times, serif; color: #182639; }



/* subpage attributes */

#sub-mainpic { margin: 0 auto; width: 900px; height: 139px; text-align: center; }

#content .sub-inner { margin: 20px auto 0 auto; width: 880px; background: none; }

#content .sub-bottom { margin: 0 auto; width: 880px; height: 100px; background: url(../images/content-wave.jpg) top center no-repeat; }

.sub-inner #left-col { float: left; width: 580px; padding: 0 10px 0 0; border-right: 1px solid #ddd; text-align: left; }

.sub-inner #right-col { float: right; width: 280px; text-align: left; }