/*  CSS  html body style for centre    */

body {
padding:0px; 
margin:0px; 
font-size: 12px;
font-family: tahoma,arial,verdana,sans-serif;
color:#666666;
height:100%; 
background-color:#7fabcf; 
background-image:url(../images/backround_repeat.gif);
background-repeat:repeat-x;   
}

/*  CSS  container for centre content  */


#wrapper{

width: 890px;
position: relative;
margin-left: auto;
margin-right: auto;
background-image:url(../images/wrapper_repeat.gif);
background-repeat:repeat-y; 
 
}

a:link {
color:#666666;
font-size:12px;  
text-decoration:none; 

}

a:visited{
color:#666666; 
font-size:12px;  
text-decoration:none; 

}

a:hover{ 
color:#000000; 
font-size:12px; 
text-decoration:underline;

}

img{border:none}



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

h1{ 

font-size:30px;
line-height:38px;
color:#333333;
margin:15px 0 30px 0;
padding:0 17px 0 0;
}

h3{ 

font-size:26px;
color:#6699cc;
padding:0 17px 0 0;
}

h4{ 

font-size:18px;
color:#333333;
padding:0 17px 0 0;
}

h5{ 
font-size:12px;
color:#666666; 
padding:5px 0 5px 0;
margin:0 17px 0 0;
border-top:1px dotted #666666;
border-bottom:1px dotted #666666;

}

h5 span{ 

color:#66cc33; 
font-style:italic;

}

h5 a, h5 a:visited{ 

color:#6699cc!important; 
font-style:italic!important;
text-decoration:none!important;
font-size:11px!important;
}

h5 a:hover{ 
font-size:11px!important;
color:#666666!important; 
font-style:italic!important;
text-decoration:underline!important;
}

p {
line-height:22px;
margin: 8px 0 20px 0;
padding:0 17px 0 0;
}

hr{

width:100%;
display:block;
color:#ffffff;
border-left:1px solid #ffffff;
border-bottom:1px solid #ffffff;
border-right:1px solid #ffffff;
border-top:1px dotted #333333;
margin:0px;
padding:0 17px 0 0;
}

img{ 
outline:none;
border:none;
}




/*  CSS  Header styles */

#header{
position:relative;
background-image:url(../images/header_background.jpg);
background-repeat:no-repeat;
height:254px;
float:left; 
width:890px;
top:1px;
padding:0px;
margin:0 0 7px 0; 
display:block;
clear:both; 
}



#header ul{
margin:3px 0 0 37px;
padding:0px;
list-style-type:none;
float:left
}


#header ul li{
margin:0px;
padding:0 10px 0 8px;
border-right:1px solid #ffffff;
color:#ffffff;
display:inline
}

#header ul li a, #header ul li a:visited{
color:#FFFFFF!important; 
text-decoration:none;
font-weight:bold;
}

#header ul li a:hover{
color:#FFFFFF!important; 
text-decoration:underline;
font-weight:bold;
}

.last{
border:none!important;
margin:0px!important;
padding:0 10px 0 8px;
}


#logo{
position:relative;
clear:both;
top:11px;
left:40px;
margin:0px;
padding:0px;
float:left;
}



#donate{
clear:both;
position:relative;
top:12px;
left:0px;
margin:0px;
padding:0px;
float:left;

}

/*  CSS  division and styles for left side */


#left {
position:relative;
float: left;
left:12px; 
width: 182px; 
margin:0px; 
padding:0px; 

}



/*  CSS  division and styles for middle    */


#middle {
position:relative;
float:left;
width:567px; 
margin:0px; 
padding:0 0 0 19px; 
left:47px;
top:-7px; 
background-color:#ffffff;

}
 #rainbow_left{
 position:relative;

 float:right;
 width:251px;
 height:233px;
 display:block;
 
 }
 
 
 #ul_nav_middle{ 
 position:absolute;
 width:42px;
 left:-42px;
 margin:0px;
 padding:0px;
 list-style-type:none
 }
 
 
  #ul_nav_middle li.home a, #ul_nav_middle li.home a:visited{ 
  background-image:url(../images/home.gif); 
  background-repeat:no-repeat;
  width:42px; 
  height:91px;
  margin:0px;
  padding:0px;
  display:block 
}
 
 #ul_nav_middle li.home a:hover{ 
  background-image:url(../images/home2.gif); 
  background-repeat:no-repeat;
  width:42px; 
  height:91px;
  margin:0px;
  padding:0px;
  display:block
 }
 
 
  #ul_nav_middle li.team a, #ul_nav_middle li.team a:visited{ 
  background-image:url(../images/team.gif); 
  background-repeat:no-repeat;
  width:42px; 
  height:91px;
  margin:0px;
  padding:0px;
  display:block 
}
 
 #ul_nav_middle li.team a:hover{ 
  background-image:url(../images/team2.gif); 
  background-repeat:no-repeat;
  width:42px; 
  height:91px;
  margin:0px;
  padding:0px;
  display:block
 }
 
 
  #ul_nav_middle li.gallerytop a, #ul_nav_middle li.gallerytop a:visited{ 
  background-image:url(../images/gallery.gif); 
  background-repeat:no-repeat;
  width:42px; 
  height:91px;
  margin:0px;
  padding:0px;
  display:block 
}
 
 #ul_nav_middle li.gallerytop a:hover{ 
  background-image:url(../images/gallery2.gif); 
  background-repeat:no-repeat;
  width:42px; 
  height:91px;
  margin:0px;
  padding:0px;
  display:block
 }
 
 
  #ul_nav_middle li.charities a, #ul_nav_middle li.charities a:visited{ 
  background-image:url(../images/charities.gif); 
  background-repeat:no-repeat;
  width:42px; 
  height:91px;
  margin:0px;
  padding:0px;
  display:block 
}
 
 #ul_nav_middle li.charities a:hover{ 
  background-image:url(../images/charities2.gif); 
  background-repeat:no-repeat;
  width:42px; 
  height:91px;
  margin:0px;
  padding:0px;
  display:block
 }
 
#ul_nav_middle li.sponsors a, #ul_nav_middle li.sponsors a:visited{ 
  background-image:url(../images/sponsors.gif); 
  background-repeat:no-repeat;
  width:42px; 
  height:91px;
  margin:0px;
  padding:0px;
  display:block 
}
 
 #ul_nav_middle li.sponsors a:hover{ 
  background-image:url(../images/sponsors2.gif); 
  background-repeat:no-repeat;
  width:42px; 
  height:91px;
  margin:0px;
  padding:0px;
  display:block
 }
 
 #ul_nav_middle li.contact a, #ul_nav_middle li.contact a:visited{ 
  background-image:url(../images/contact.gif); 
  background-repeat:no-repeat;
  width:42px; 
  height:91px;
  margin:0px;
  padding:0px;
  display:block 
}
 
 #ul_nav_middle li.contact a:hover{ 
  background-image:url(../images/contact2.gif); 
  background-repeat:no-repeat;
  width:42px; 
  height:91px;
  margin:0px;
  padding:0px;
  display:block
 }
 
 
 .img_border{
 
 margin:5px 0 10px 0;
 padding:5px;
 border:1px dotted #666666;
 
 }
 
 
  .img_border_float{
 
 margin:5px 5px 5px 0;
 padding:5px;
 float:left;
 border:1px dotted #666666;
 
 }
 


.gallery{
margin:15px 0 20px 0;
padding:0px;
list-style-type:none;

}

.gallery li{
margin:0 21px 9px 0;
padding:0px ;
width:163px;
float:left;

}

.gallery li.last{
margin:0 0 9px 0;
padding:0px;
width:163px;
float:left;


}

.gallery a, .gallery a:visited{
font-size:11px!important;

}

.gallery a:hover{
font-size:11px!important;

}


.gallery img{

border: 1px dotted #999999!important
} 
 
 #middle_bottom {
position:relative;
left:46px;
float:left;
top:-7px;
margin:0px;
padding:0px;


}


fieldset {
position:relative;
color:#6699cc;
padding:10px;
margin-right:17px;
font-weight:bold;
font-size:18px; 
border-color:#cccccc

}

 label{ 
width:150px;
float:left;
padding-left:8px;
margin-right:17px;
font-size:12px !important;
font-weight:normal !important;
color:#666666!important
}

input{width:250px;}
textarea{width:250px;}

.margin{
margin-bottom:8px;
}



.margin-top{
margin-bottom:8px; 
margin-top:8px;
}

.submit{ 
background-color:#339933;
width:150px!important;
color:#ffffff; 
cursor:pointer;


}

/*  CSS  division and styles for right    */

#right {
position:relative;
top:-7px;
float: right; 

width:257px;
margin:0px; 
padding:0px; 
}

#rainbow_right{
position:absolute;
top:0px;
width:257px;
height:190px;
display:block;
left:0px; background-image:url(../images/rainbow_right.jpg); 
background-repeat:no-repeat;
z-index:1;
}

#links_right {
position:relative;
margin:90px 0 0 0;
padding:0px;
z-index:2;
width:223px;
float:right;



}

/*  CSS floating styles                    */



.clear{
clear:both; 
margin:0px;
padding:0px; 
font-size:1px
}


/*  CSS footer content and styles          */



#footer {

width: 830px;
margin:0 0 30px 0;
padding:0 0 0 40px;   
clear:both;   
}


#footer ul{
margin:0 0 18px 0;
padding:0px;
list-style-type:none;
float:left
}


#footer ul li{
margin:0px;
padding:0 10px 0 8px;
border-right:1px solid #ffffff;
color:#ffffff;
display:inline
}

#footer ul li a, #footer ul li a:visited{
color:#FFFFFF!important; 
text-decoration:none;
font-weight:bold;
}

#footer ul li a:hover{
color:#FFFFFF!important; 
text-decoration:underline;
font-weight:bold;
}

.last{
border:none!important;
margin:0px!important;
padding:0 10px 0 8px;
}

#w3c{
position:relative;
width:200px;
left:8px;
padding:0px;
clear:both;
}