/* CSS Document */



/* 

orange=#F69C29 darkorange=#EC7415



light green=#edfffd green=#29a536 



dark grey #63654E

light grey #9B9F7A



dark blue #023C6A

light blue #0162AF



*/



/*Structure*/

#wrap

{width: 610px;

margin: 0 auto;

padding:0;

text-align: center;}	



#maincontent{

overflow:auto;

text-align:left;

padding: 12px 12px 0 12px;

margin-top:17px;

background-repeat:no-repeat;

background-position:top left;}



.maincontentbot{

clear:both;

background-repeat:no-repeat;

background-position:0 100%;}



#left{

width:355px;

float:left;

display:inline;}



#left p, #right p{

padding: 10px;

margin:12px 0 12px 0;}



html > #right p{width:218px}



#right {

padding:0;

margin-left:367px;}



/*Images*/



#left p img{float:right; margin-left:5px}



#right img{float:right;}



img{border: 0;}



/*Footer*/



 #footerb{padding:12px; _padding:0;

border-top: 2px solid #efdddf;}

}



#footer{

clear:both;

height: 42px;

}



#footer div.last{}

#footer div{padding-top:12px;}

#footer div.me a{color:#63654E; text-decoration:none; font-weight:bold;}

#footer div.me a:hover{text-decoration:underline; font-weight:bold;}



/*Typography*/



body {

font-size: 70%; /* Resets 1em to 10px */

font-family: "Arial", "Helvetica", sans-serif;

background-color: #edfffd;

color: black;}



#left, #right{

font: normal 1.15em/1.65em sans-serif;}



h2{

letter-spacing:1px;

font: normal 2em sans-serif;

padding:0;

margin: 0 0 12px 0;}



h3{

font:bold 1.8em sans-serif;

padding:0;

text-align:center;

margin-top:10px;}



span.top {

display:block;

text-align:right}



span.top a{

color:#fff}



#left strong{

font: bold 1.3em sans-serif;

color:#9B9F7A;}



span.quote{

font: bold 1em/1.8em sans-serif;

color: #666;}



#right strong{

font: bold 1.2em sans-serif;

color:#fff;}



#footer, #footerb{

text-align: center;

font: italic 1.1em/1.5em Georgia, serif;}



#footerb{

color:#edfffd;}



#footer{

color:#63654E;}



/*Nav*/



#navcontainer

{margin: 0;

padding: 0;

height: 65px;

}



#navcontainer ul

{border: 0;

margin: 0;

padding: 0;

list-style-type: none;

}



#navcontainer ul li

{display: block;

padding: 0;

margin: 0; 

float: left;

}



#navcontainer ul li a

{background: #fff;

width: 104px;

height: 65px;

border:0;

padding: 0;

display: block;

margin-right:22px;

text-indent:-9999px;

outline:none;}



#navlist li a#about

{

background: transparent url('../im/about.gif') no-repeat top left;

}

#navlist li a#projects

{

background: transparent url('../im/projects.gif') no-repeat top left;

}

#navlist li a#involved

{

background: transparent url('../im/involved.gif') no-repeat top left;

}

#navlist li a#contact

{

background: transparent url('../im/contact.gif') no-repeat top left;

}

#navlist li a#donate

{

background: transparent url('../im/donate.gif') no-repeat top left;

margin-right:0;

}



#navlist li a#about:hover, #navlist li a#projects:hover, #navlist li a#involved:hover, 

#navlist li a#contact:hover, #navlist li a#donate:hover

{

background-position: bottom left;

}

/*Sub Nav*/



#right ul{

font: bold 1.2em/1.65em sans-serif;

margin:0;

padding:6px;

list-style-type:none;

border: 2px dotted #edfffd;

}



#right ul li {display:inline;margin:0;padding:0;}



#right ul li.indent{text-indent:5px; font-size: 0.9em; font-weight:bold;}



#right ul li a{

margin:0;

display:block;

color: #63654e;

padding:0 15px;

background-color:#edfffd;

text-decoration:none;}



#right ul li a.noborder{

border-bottom: 0;}