@charset "utf-8";
/* CSS Document */

body{ background: url(images/bg.jpg) bottom repeat-x; padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:16px }
body img{ border:0}
h1{ font-size:14px}
a{ color:#aba3c4; text-decoration:none}
a:hover{ color:#ef7a47; text-decoration:underline}
#headerbg{ background:url(images/header.jpg) top repeat-x}
#rainbow{
	position:absolute;
	left: -48px;
	top: 145px;
	left: -54px;
}
#main{ width:738px; height:1%; margin:0 auto; background-image:url(images/sitebg.png); padding-left:1px; padding-right:1px; position:relative; padding-bottom:50px}
#header{ padding-bottom:100px}
#left{ width:236px; float:left}
.nav{ width:113px; margin:0 auto; z-index:100;position:relative;}
.nav li, .nav ul{ margin:0 ; padding:0; text-indent:0; list-style-type:none}
.nav li { padding-bottom:18px; height:23px}
.nav a { display:block; width:113px; height:23px;color:#555555;font-size:15px; font-style:italic;font-weight:bold; }
.nav a:hover {color:#F08252;}

.home a:hover, #selected a{background-position:left -186px}
.about-us a{ background-position:left -30px}
.about-us a:hover{ background-position:left -216px}
.what-is-it a{ background-position:left -60px}
.what-is-it a:hover{background-position:left -246px}
.get-involved a{ background-position:left -93px}
.get-involved a:hover{ background-position:left -279px}
.sponsers a{ background-position:left -125px}
.sponsers a:hover{ background-position:left -311px}
.donate a{ background-position:left -155px}
.donate a:hover{ background-position:left -341px}



#right{ width:502px; float:left}

#footer, #copyright{ position:relative; width:740px; margin:0 auto; padding-bottom:20px}
#multicolorsfooter{ left:0; bottom:20px; position:absolute; z-index:11}


#copyleft{ float:left; padding-left:40px}
#copyrightright{ float:right; padding-right:40px}


.clear{clear:both}