/* CSS Document */

body{
font-size:0.8em;
background:url(../images/bgfade.gif) repeat-x top;
}

h1{
font-size:22px;
font-weight:normal;
text-align:left;
color:#00056C;
margin:0px;
padding:0px;
}

h2{
font-size:18px;
font-weight:normal;
text-align:left;
color:#00056C;
margin:0px;
padding:0px;
}

h3{
font-size:14px;
font-weight:normal;
text-align:left;
color:#00056C;
padding:0px
margin:0px;
}


form{
margin:0px;
padding:0px;
}


#wrapper{
width:98%;
}

#container{
font-family:Arial, Helvetica, sans-serif;
width:880px;
background-color:#ffffff;
margin-top:10px;
padding-left:10px;
padding-right:10px;
border:1px #00056C solid;
margin:0px auto 0px auto;
}

#topbar{
	width:880px;
	height:327px;
	margin-bottom:5px;
}

.home{
	background:url(../images/headers/jump-bg.jpg) top no-repeat;
}
.about{
	background:url(../images/headers/hand-tree-bg.jpg) top no-repeat;
}
.howto{
	background:url(../images/headers/beach-bg.jpg) top no-repeat;
}
.donor{
	background:url(../images/headers/beach-bg.jpg) top no-repeat;
}
.funds{
	background:url(../images/headers/hands-bg.jpg) top no-repeat;
}
.grants{
	background:url(../images/headers/workshop-bg.jpg) top no-repeat;
}
.advisors{
	background:url(../images/headers/sign-post-bg.jpg) top no-repeat;
}
.contact{
	background:url(../images/headers/contact-bg.jpg) top no-repeat;
}
.links{
	background:url(../images/headers/wheelchair-girl-bg.jpg) top no-repeat;
}



#uppersection{
width:880px;
height:125px;
}

#logo{
width:540px;
text-align:left;
}

#searchbar{
width:880px;
text-align:right;
font-size:12px;
color:#00056C;
padding-top:10px;
}

#header{
float:left;
width:880px;
padding-bottom:5px;
}

#breadcrumbs{
float:left;
width:880px;
height:20px;
text-align:left;
}

#latestnews{
float:left;
width:225px;
height:180px;
padding:5px;
padding-top:10px;
text-align:left;
overflow:auto;
}


#headerimage{
float:left;
width:645px;
height:195px;
}


#mainpagecontent{
width:100%;
}

#leftpanel{
float:left;
width:212px;
text-align:left;
}

#rightpanel{
float:left;
width:643px;
padding-left:10px;
padding-right:5px;
padding-top:10px;
text-align:left;
}

#strapline{
float:left;
width:880px;
border-bottom:solid 4px #00056C;
text-align:right;
vertical-align:baseline;
font-size:10px;
color:#00056C;
}

#copyright{
float:left;
width:480px;
height:60px;
text-align:right;
font-size:10px;
color:#00056C;
}

#affiliates{
float:left;
width:400px;
height:60px;
margin-top:7px;
}

#footer{
width:880px;
height:100px;
padding-top:7px;
}

#quotes{
float:left;
width:182px;
height:310px;
background:url(../images/quote-box.gif) no-repeat top;
padding:15px;
padding-top:25px;
}

.quotetext{
color:#222222;
font-size:14px;
}

.quoteauthor{
font-size:10px;
font-weight:bold;
}

.clr{
clear:both;
height:1px;
}

img{
border:0px;
text-align:left;
vertical-align:text-top;
}

.glossymenu{
margin: 0px 0;
padding: 0;
width: 210px; /*width of menu*/
border: 1px solid #ffffff;
border-bottom-width: 0;
margin-bottom:10px;
}

.glossymenu a.menuitem{
font: bold 14px Arial, Verdana, Helvetica, sans-serif;
color: #00056C;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 3px;
text-decoration: none;
}

.glossymenu a.menuitem .toggleopen{
background:#777777;
color:#ffffff;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #00056C;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/glossyback2.jpg);
color:#ffffff;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #767CB7;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px Arial, Verdana, Helvetica, sans-serif;
color: #00056C;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: #00056C;
}


#funding-info{
float:left;
width:438px;
}

#funding-section{
float:left;
width:205px;
}

#welcome{
padding-right:7px;
width:431px;
}

#features{
padding-right:7px;
width:431px;
}

#donate{
width:205px;
height:100px;
}

.funds-header{
float:left;
width:205px;
height:62px;
background:url(../images/available-funds-top.gif);
}

#funds-available{
float:left;
width:181px;
padding-left:17px;
padding-right:7px;
background:url(../images/available-funds-middle.gif);
}

.funds-footer{
float:left;
width:205px;
height:20px;
background:url(../images/available-funds-bottom.gif);
}

.style2 {
	font-size: 14px;
	font-weight: bold;
}
.style3 {font-size: 10px}

#fundertext{
float:left;
width:391px;
}

#fundernews{
float:left;
width:252px;
}

.fundertop{
background:url(../images/projects-header.gif) top no-repeat;
height:27px;
}

.fundercontent{
background:url(../images/projects-bg.gif) top repeat-y;
padding:7px;
}

.funderbottom{
background:url(../images/projects-footer.gif) top no-repeat;
height:27px;
}