/* CSS Document 
lt gray (top border UI) : d3d3d6
dk grey (bttm box border ) : 728f96
lt green (bottom box) : 8cc63f
super lt green (background) : f3f9eb
dk green: 4f9616
blue: 243f98
yellow: eded01
*/

body {
background-color:#f3f9eb;
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
height:100%
}

#wrapper {
width:975px;
margin:5px auto 0 auto;
padding:0;
height:100%;

}

#header {
background:url(images/header-tile.jpg) top repeat-x;
width:975px;
padding:0px 0px 0 0;
margin:0;
border-bottom:#ffffff solid 2px
}

#secheader {
background:url(images/sec-top-tile.jpg) top repeat-x;
width:975px;
padding:0px 0px 0 0;
margin:0;
border-bottom:#ffffff solid 2px
}

#topUI {
width:960px;
background:url(images/ui-tile.jpg) top repeat-x;
height:49px;
border-bottom:#ffffff solid 2px;
border-top:#ffffff solid 1px;
padding:0 0 0 15px;
}

#topUI .buttons {
	display:block;
	float:left;
	padding:0;
	margin:0 1px 0 5px;
	height:33px;

	text-align:center;
	}

#topUI .buttons A:link, #topUI .buttons A:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	line-height:16pt;
	padding:13px 20px 5px 20px;
	margin:0;
	color:#1125a0;
	text-decoration:none;
	display:block;
	height:21px;
	font-weight:bold;
	
}

 #topUI .buttons A:hover, #topUI .buttons A:active, #topUI .buttons A:visited:hover,  #topUI .buttons  A:active:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	line-height:16pt;
	padding:13px 20px 5px 20px;
	margin:0;
	color:#4f9616;
	text-decoration:none;
	display:block;
	height:21px;
	font-weight:bold;
}
 



#homeContent {
width:975px;
background:url(images/home-bottom-tile.jpg) top repeat-x;
float:left;
padding:2px 0 0 0;
border-top:#ffffff solid 2px;
}

#homeContent h1 {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:25px;
font-weight:bold;
line-height:28px;
padding:30px 10px 10px 40px;
margin:0;
}

#homeContent h2 {
color:#25408f;
font-size:18px;
line-height:23px;;
padding:5px 40px 10px 40px;
margin:0;
}

#homeContent h3{
color:#25408f;
font-size:12px;
line-height:13px;
padding:5px 40px 0 40px;
margin:7px 0 0 0;
font-weight:normal;
}




#homeContent p{
color:#25408f;
font-size:14px;
line-height:18px;
padding:5px 40px 0 40px;
margin:0;
}

#homeContent a:link, #homeContent a:visited {
color:#25408f;
font-size:14px;
line-height:16px;
padding:0;
margin:0;
}

#homeContent a:hover,#homeContent a:active, #homeContent a:visited:hover, #homeContent a:active:hover {
color:#000000;
font-size:14px;
line-height:16px;
padding:0px ;
margin:0;
}

#buttonBar{
width:975px;
float:left;
padding:5px 0 0 0;
margin:0;
}

#homeSlide {
background:url(images/home-image.jpg) top no-repeat;
width:975px;
height:227px;
float:left;
padding:50px 0 0 0;
margin:0;
}

#homeSlide h1 {
font-family:Arial, Helvetica, sans-serif;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:40px;
line-height:45px;
color:#ffffff;
padding:50px 0 0 25px;
margin:0;
font-weight:bold;
}

#homeSlide p{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
line-height:25px;
color:#ffffff;
padding:0px 0 0 25px;
margin:0;
}

#homeSlide a:link, #homeSlide a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
line-height:25px;
color:#ffffff;
padding:0px 0 0 0px;
margin:0;
}

#homeSlide a:hover,#homeSlide a:active, #homeSlide a:visited:hover, #homeSlide a:active:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
line-height:25px;
color:#FFFF00;
padding:0px 0 0 0px;
margin:0;
}



.infoBoxLrg {
background:url(images/info-box-large.jpg) top no-repeat;
width:344px;
height:297px;
float:left;
margin:0 2px;
}
.infoBoxSm {
background:url(images/info-box-small.jpg) top no-repeat;
width:272px;
height:297px;
float:left;
}

#endorse {
width:526px;
background:url(images/endorse-noreen.jpg) top no-repeat;
height:275px;
margin:0 auto;
padding:60px 0 0 25px;
}

#info {
width:550px;
margin:0 auto;
padding:0px 0 0 0px;
}

#info p{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:13px;
line-height:20px;
padding:5px 20px 0 10px;
margin:0;
}

#contentWrapper {
width:975px;
border-top:#ffffff solid 3px;
border-bottom:#ffffff solid 3px;
background-color:#ffffff;
float:left;
background:url(images/rt-side-tile.jpg) repeat-x top #ffffff;
}

#secContent {
width:697px;
background:url(images/sec-body-tile.jpg) top repeat-x #ffffff;
float:left;
padding:10px 0 20px 0;
border-right: #ffffff solid 3px;
margin:0;
min-height:450px;
}

#secContent h1 {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:25px;
font-weight:bold;
line-height:28px;
padding:30px 10px 20px 40px;
margin:0;
}

#secContent h2 {
color:#4f9616;
font-size:18px;
line-height:23px;;
padding:15px 40px 10px 40px;
margin:0;
}

#secContent h3{
color:#25408f;
font-size:11px;
line-height:13px;
padding:5px 40px 0 40px;
margin:0;
font-weight:normal;
}


#secContent h4{
color:#3f3f3f;
font-size:14px;
line-height:25px;
padding:6px 60px 0 40px;
margin:5px 0 0 0;
font-weight:normal;
}

 

#secContent p{
color:#3f3f3f;
font-size:14px;
line-height:20px;
padding:5px 60px 0 40px;
margin:5px 0 0 0;
}



#secContent ul li{
color:#3f3f3f;
font-size:14px;
line-height:18px;
padding:7px 50px 0 0px;
margin:0px 0px 0 30px;
}



#secContent a:link, #secContent a:visited {
color:#25408f;
font-size:14px;
line-height:18px;
padding:0px 00px 0 00px;
margin:0;
}

#secContent a:hover,#secContent a:active, #secContent a:visited:hover, #secContent a:active:hover {
color:#000000;
font-size:14px;
line-height:18px;
padding:0px 00px 0 00px;
margin:0;
}


#subHead {
width:975px;
height:70px;
background:url(images/sub-head-tile.jpg) top repeat-x;
padding:0;
margin:0;
}

#subHead h1 {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:25px;
font-weight:bold;
line-height:28px;
padding:30px 0px 0px 40px;
margin:0;
}

#subHead h2 {
color:#ffffff;
font-size:15px;
line-height:16px;
letter-spacing:.05em;
padding:40px 40px 0px 0px;
margin:0;
float:right;
font-weight:normal;
}



#rightSide {
width:275px;
float:left;
padding:0;
margin:0;
background:url(images/rt-side-back.jpg) no-repeat top;
}

#rightSide h1{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:23px;
line-height:20px;
padding:35px 20px 0 40px;
margin:0 0 10px 0;
}

#rightSide p{
font-family:Arial, Helvetica, sans-serif;
color:#142661;
font-size:16px;
line-height:20px;
padding:10px 20px 0 40px;
margin:0;
}

#rightSide a:link, #rightSide a:visited {
font-family:Arial, Helvetica, sans-serif;
color:#142661;
font-size:16px;
line-height:20px;
padding:3px 0px 0 0px;
margin:0;
text-decoration:none;
font-weight:bold;
}

#rightSide a:hover, #rightSide a:active, #rightSide a:visited:hover, #rightSide a:active:hover {
font-family:Arial, Helvetica, sans-serif;
color:#4f9616;
font-size:16px;
line-height:20px;
padding:3px 0px 0 0px;
margin:0;
text-decoration:none;
font-weight:bold;
}

.pictFrameRT, .pictFrameLT {
border:#ffffff 3px solid;
margin:0 0 5px 10px;
}

#volunteer {
width:600px;
margin:0 0 0 40px;
padding:0 0 0 15px;
}

#volunteer p {
font-size:13px;
padding:0 0px 0 0px;
margin:0 0 0 0px;
}

#volunteer h2, #contribute h2 {
font-size:14px;
padding:0 0px 0 0px;
margin:0 0 0 0px;
}

#volunteer p strong,, #contribute p strong {
color:#4f9616;
}

#contribute {
width:600px;
margin:15px 0 0 40px;
padding:0 0 0 0px;
}

#contribute p {
font-size:15px;
line-height:16px;
padding:0 0px 0 0px;
margin:0 0 0 0px;
color:#4f9616;
}

.pictFrameLT {
margin:0 10px 5px 0px;
}

#bottom {
width:950px;
height:102px;
background:url(images/bottom-box-tile.jpg) top repeat-x #8cc63f;
border:#8cc63f solid 2px;
margin:5px 0 5px 0;
padding:6px 10px 0 10px;
float:left;
}

#bottom p {
font-size:11px;
padding:0 3px 0 5px;
margin:0;
}

#bottom h2 {
color:#ffffff;
font-size:12px;
padding:5px 0 0 0;
margin:0;
font-weight:normal;
}


#bottom A:link, #bottom A:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12pt;
	padding:0px 00px 0px 00px;
	margin:0;
	color:#ffffff;
	text-decoration:none;

	font-weight:normal;
}

#bottom A:hover, #bottom A:active, #bottom A:visited:hover, #bottom A:active:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12pt;
	padding:0px 00px 0px 00px;
	margin:0;
	color:#1125a0;
	text-decoration:none;
	font-weight:normal;
}
 
.pictFrame {
border:#ffffff solid 1px;
margin:2px;
}

.pictFrameBorderlessLt {
margin:0px 15px 0 0;

}

#footer {
width:975px;

height:35px;
float:left;
padding:3px 0 5px 0;

}

#footer p {
color:#8cc63f;
font-size:10px;
padding:5px 10px 0 0;
margin:0;
}




