*{
  margin:0;
  padding:0;
}

body{
  background:#7499f1 url(images/bodyBG.gif) repeat-x;
  min-width:1015px;
  font: 12px/18px Helvetica, Arial, sans-serif;
  color:#323F4A;
}

a{color:#0A74AE; text-decoration:underline;}
a:active, a:visited{color:#0A74AE; text-decoration:underline;}
a:hover{color:#323F4A;}

p{padding-bottom:15px;}

#wrapper{
  width:100%;
  float:left;
  background:none;
}

#header{
  width:1015px;
  height:264px;
}

#headerTop{
  width:838px;
  height:50px;
  position:absolute;
  text-align:right;
  left:177px;
}

#headerNav{
  height:168px;
  width:838px;
  position:absolute;
  left:177px;
  top:50px;
  text-align:left;
}

#headerSlogan{
  width:1015px;
  height:46px;
  position:absolute;
  top:218px;
  text-align:center;
  background:url(images/slogan-right.jpg) no-repeat right;
}

a img#logo{
  left:0;
  top:0;
  position:absolute;
  z-index:50;
}

#contentHome{clear:both; height:423px;}
#contentWrapper{
  clear:both;
  background-color:#fff;
  overflow:hidden;
  margin-top:8px;
  padding-left:0px;
  min-height:426px;
  position:relative;
  width:100%;
}

#leftNav{
  background-color:#bfe1ec;
  list-style:none;
  height:100%;
  left:0;
  min-height:100px;
  position:absolute;
  width:208px;
  padding:5px 0;
}

#leftNav a{padding:4px 0 4px 6px; display:block; color:#323F4A;}
#leftNav a:hover{background-color:#FFFF99;}
#leftNav li ul{background-color:#a5d0de;}
#leftNav li ul li a{padding:4px 0 4px 12px;}
#leftNav li ul li.selected{background-color:#FFFF99;}

#content{
  width:787px;
  position:relative;
  margin-left:228px;
  padding-bottom:15px;
}

#content ul{margin-left:20px;}
#content li{padding-left:0px;}
#content ul li a{color:#323F4A;}
#content ul li a:hover{color:#0A74AE;}

#footerWrapper{
  clear:both;
  background-color:#7499f1;
  border-top:#ef792f solid 17px;
  min-height:130px;
  width:100%;
}

#footer{
  color:#fff;
  padding-top:15px;
  text-align:center;
  font-size:12px;
  letter-spacing:1px;
  line-height:12px;
  min-height:115px;
  width:1015px;
  float:left;
}

#footer a, #footer a:active, #footer a:visited{color:#fff; text-decoration:underline;}
#footer a:hover{color:#05354f; text-decoration:underline;}

#unitedWayFooter{
  float:right;
  padding-right:10px;
}







/*** Top Navigation ***/
.who, .news, .events, .resources, .donate, .media{
  width:129px;
  height:168px;
  position:absolute;
}
.who{background:url(images/who.jpg) no-repeat scroll transparent; left:39px;}
.news{background:url(images/news.jpg) no-repeat scroll transparent; left:168px;}
.events{background:url(images/events.jpg) no-repeat scroll transparent; left:297px;}
.resources{background:url(images/resources.jpg) no-repeat scroll transparent; left:426px;}
.donate{background:url(images/donate.jpg) no-repeat scroll transparent; left:555px;}
.media{background:url(images/media.jpg) no-repeat scroll transparent; left:684px;}

.who:hover{background:url(images/who-over.jpg) no-repeat scroll transparent; left:39px;}
.news:hover{background:url(images/news-over.jpg) no-repeat scroll transparent; left:168px;}
.events:hover{background:url(images/events-over.jpg) no-repeat scroll transparent; left:297px;}
.resources:hover{background:url(images/resources-over.jpg) no-repeat scroll transparent; left:426px;}
.donate:hover{background:url(images/donate-over.jpg) no-repeat scroll transparent; left:555px;}
.media:hover{background:url(images/media-over.jpg) no-repeat scroll transparent; left:684px;}



/*** Font sizes ***/
#font_sizer{width:150px; float:right;}
.resizer{color:#fff; padding-top:15px; list-style:none;}
.resizer li{float:left; margin-right:5px; line-height:16px;}
.resizer a{color:#fff; text-decoration:none;}
.resizer a:hover{color:#05354f; text-decoration:underline;}
.resizer .fs1 a, .fs2 .resizer .fs2 a, .fs3 .resizer .fs3 a, .fs4 .resizer .fs4 a{text-decoration:underline; color:#323F4A;}
.fs2 .resizer .fs1 a, .fs3 .resizer .fs1 a, .fs4 .resizer .fs1 a{color:#fff; text-decoration:none;}
.fs1{font-size:12px; line-height:18px;}
.fs2{font-size:14px; line-height:20px;}
.fs3{font-size:16px; line-height:22px;}
.fs4{font-size:18px; line-height:24px;}

h1, h2, h3 {color:#0a74ae;}
h1{margin-bottom:12px;}
h2, h3 {margin-top:20px;}
h2{text-decoration:underline; font-size:16px; margin-bottom:7px;}
h3{font-size:14px; margin-bottom:3px;}
h1{border-bottom:1px dotted #0a74ae; padding-top:10px; font-size:18px;}
.fs2 h1{font-size:22px;}
.fs3 h1{font-size:26px;}
.fs4 h1{font-size:30px;}

.fs2 h2{font-size:20px;}
.fs3 h2{font-size:24px;}
.fs4 h2{font-size:28px;}

.fs2 h3{font-size:18px;}
.fs3 h3{font-size:22px;}
.fs4 h3{font-size:26px;}




/*** Other styles ***/
.resource{padding-left:20px;}
.resourceRight{float:right; width:125px; padding:0 0 5px 5px;}
.officers{clear:both;}
.officers img{float:left; width:113px; height:150px; padding:4px; border:solid #afa899 1px; border-bottom-width:3px; margin:0 12px 20px 0; background:#fff;}
.officers p{width:700px;}
.arrow a{background: url("images/arrow.gif") no-repeat scroll left; padding-left:10px;}
.numList {list-style:decimal;}
.numList li{padding-bottom:15px;}
.numList li ul li{padding-bottom:3px;}
table.borderTable {border-color: #bbb; border-style:solid; border-width:0 0 1px 1px;}
table.borderTable td {border-color: #bbb; border-style:solid; border-width:1px 1px 0 0; padding:4px; background-color:#eee;}
tr.colName td {font-weight:bold; text-decoration:underline;}
tr.odd td {background-color:#ddd;}
.caption {background-color:#fff; width:180px; font-size:11px; margin-bottom:12px; padding:5px 10px;}








/*** Form styles ***/
#content fieldset{margin:0em 0; padding:0; border:none; background-color:#ffffff;}
#content legend{font-weight:bold;color:#4e2200;}
#content label{float:left; width:10em; text-align:right; padding-right:5px; font-weight:bold;}
#content input{width:250px;}
#content input:focus, textarea:focus {background: #dff7ff;}
#content form p{margin:0px; padding:5px 0;}
#content textarea{width:250px; height:150px;}

#content #buttonSubmit{
	background-color:#0a74ae;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
	font:bold 8pt Verdana,Arial,Helvetica,sans-serif;
	color:#fff;
	cursor:pointer;
	width: auto;
	height: auto;
	padding: 3px;
	margin: 5px 0px;
}

.required{color:#ff0000;}

label.captcha{
	display:block;	
	background:url(images/bg_captcha.gif) no-repeat 30px 35px;
	height:55px;
	padding-left: 0px;
	margin-bottom: 0em;
}

#content .checkbox, #content .radio {width:15px;}






/* ######### Default class for drop down menus ######### */
.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 0px solid #d6d6d6;
border-bottom-width: 0;
font: normal 11px Arial;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #f5f3f1;
width: 219px; /* default width for menu */
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #d6d6d6;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background: #7499f1;
color: white;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #DEFFCA;
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}