/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/
body { background:#6F7F89 url(../images/bg_body.jpg) repeat-x top right; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:13px}

a:link, a:visited {color:#fff; text-decoration: none}
a:hover {color:#fff; text-decoration:underline}

p { line-height:1.4em}

/*
---------------------------------------------
02. top bar - search and give button
---------------------------------------------
*/

#topbar { width:100%; height:42px; float:left; padding-bottom:31px}

.search { width:245px; height:42px; margin-left:10px; float:left; background:#3A3B3B url(../images/bg_search.gif) no-repeat}

.search fieldset {width:230px; height:42px; float:left; padding-left:15px}
.search fieldset .input {width:171px; height:16px; margin-top:7px; float:left; padding:3px; padding-right:5px; color:#999999; text-align:right}
.search fieldset .button_go { width:34px; height:41px; float: left; padding-left:3px}

.button_give { width:94px; height:37px; float:right; margin-right:10px}

/*
---------------------------------------------
03. wrapper
---------------------------------------------
*/
#wrapper { width:998px; margin:0 auto}

/*
---------------------------------------------
04. top nav
---------------------------------------------
*/

#nav { width:901px; float:left; height:41px; background: url(../images/bg_nav.png) no-repeat top left; padding-left:53px; padding-right:44px;}

#nav ul { width:900px; float:left; position:relative; padding-left:1px; padding-top:3px; list-style:none;}
#nav ul li { float:left;  font-size:15px; font-weight:normal; color:#fff; text-transform:uppercase; position:relative;}

#nav ul li a { float:left; color:#fff; text-decoration:none; padding:7px 34px;}
#nav ul li a:hover { background:#2C91D7 url(../images/nav_arrow.gif) no-repeat top center; color:#fff; text-decoration:none}
#nav ul li a.selected { background:#2C91D7 url(../images/nav_arrow.gif) no-repeat top center; color:#fff; text-decoration:none; }
/*
---------------------------------------------
05. content
---------------------------------------------
*/

#content { width:932px; float:left; background:url(../images/bg_content.png) no-repeat bottom center; padding-left:36px; padding-right:30px}

/*
---------------------------------------------
06. homepage header
---------------------------------------------
*/

#header { width:932px; height:424px; float:left}

#header .mainphoto { float:left;}
#header .logo { float:left; padding-left:24px; margin-top:-400px}
#header .caption { float: right; padding-right:14px; margin-top:-180px}
#header .button { padding-top:10px}

/*
---------------------------------------------
07. quick links
---------------------------------------------
*/

#quicklinks { width:917px; height:219px; float:left; background:url(../images/bg_quicklinks.png) no-repeat top left; padding-top:25px; padding-left:36px; padding-right:45px}

/*
---------------------------------------------
07.1 quick links - latest news
---------------------------------------------
*/

#latestnews { width:278px; float:left; padding-left:15px; padding-top:10px}

#latestnews h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#D8BA45; font-weight:bold; padding-top:6px}
#latestnews h2 a {color:#D8BA45;}

#latestnews p { font-size:10px; color:#CAC7BF; font-style:italic; padding-bottom:4px}

/*
---------------------------------------------
07.2 quick links - donate link
---------------------------------------------
*/

#donate { width:303px; height:198px; float:left; background:#0B0E10; margin-top:9px; padding-top:4px; padding-left:5px}

#donate .photo { width:299px; height:194px; float:left}
#donate .button_donatenow { width:299px; height:10px; float:left; margin-top:-30px}

/*
---------------------------------------------
07.3 quick links - water image
---------------------------------------------
*/

#water { width:303px; height:198px; float: right; background:#0B0E10; margin-top:9px; padding-top:4px; padding-left:5px}

#water .photo { width:299px; height:194px; float:left}

/*
---------------------------------------------
08. footer styles
---------------------------------------------
*/


#footer { width:917px; height:80px; float:left; background:url(../images/bg_footer.png) no-repeat top left; padding-top:5px; padding-left:36px; padding-right:45px}

#footer p { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:right; position:relative}
#footer .copyright { padding-right:6px}
#footer .developer { padding-left:16px}