/* CSS Document */

 html,body,p,div,img,li,ul,dl,dd,dt,form, form{
/*** Let's Set Everything to Zero ***/
  margin:0;
  padding:0;
  border:0;
  border-spacing:0;
}

input,select{
  margin:0;
  padding:0;}
  
 

/* Main DIV Layouts --------------------------------------------------*/

body{
 margin: 0px 15px 0px 15px;
 padding:0;
 color: #333333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 80%;
 background-color: #FFFFFF}
 
#container {margin: 0px;
			margin-left: auto;
			margin-right: auto;
			padding: 0px;}

#banner {margin: 0px;
		 padding: 0px;}
		
#content {padding: 0px 15px 10px 15px;
		  margin-left: 190px;
		  margin-right: 170px;
		  background-color: #FFFFFF;}
		  
#content2 {padding: 0px 15px 10px 15px;
		  margin-left: 190px;
		  margin-right: 0px;
		  background-color: #FFFFFF;}		  
		  		  
		
#sidebar-a {float: left;
			width: 185px;
			margin: 0px;
			background-color: #FFFFFF;}

#sidebar-b {float: right;
			width: 170px;
			margin: 0px;
			background-color: #FFFFFF;}

#footer {clear: both;
		padding: 5px 0px 5px 0px;
		margin: 5px 0px 0px 0px;
		background-color: #FFFFFF;
		text-align: center;
		border:solid #CCCCCC;
        border-width:1px 0px 0px 0px;}
		
		
			
/* Top Nav in Green Bar --------------------------------------------------*/
#bluebar {background-color: #43B0E8;
           height: 28px;
           margin: 0px;
		   border:solid #FFFFFF;
           border-width:0px 0px 1px 0px;}
		   
#topnav { width: 500px;
          float: left;
		  font-family: Verdana, Arial, Helvetica, sans-serif;
		  font-size: 1em;
		  clear: both;
		  color: #FFFFFF;
		  display: inline;
		  padding: 5px 0px 0px 10px
		  }		   
		   
#bluebar a:link { color: #FFFFFF; text-decoration: none; }
#bluebar a:visited { color: #FFFFFF; text-decoration: none; }
#bluebar a:hover {color: #FFFFFF; text-decoration: underline;}

/* Search Area --------------------------------------------------*/

#search {float: right;
            display: inline;
			padding: 2px 10px 0px 0px}
			
#noscript {padding: 0px;
		  background-color: #FFFFCC;
		  padding: 10px 10px 10px 10px;
		  text-align:left;
		  color:#FF0000;
		  font-family:Verdana, Arial, Helvetica, sans-serif}  

/* Banner Images - Seperate images for each sections --------------------------------------------------*/

#header {height:122px; background: url(../images/head2_bg.jpg)  no-repeat; margin: 0px;}

.invisible{position: absolute; left: -9000px}
		   
/* gradient  Bar --------------------------------------------------*/

#historybar     {
           padding:6px 0px 6px 10px;
           margin: 0px;
		   font-family: Verdana, Arial, Helvetica, sans-serif;
		   font-size: 0.9em;
		   clear: both;}
		   		   		   

/* Left Navigation --------------------------------------------------*/

#subnavcontainer { margin-left: 0px; margin-top: 0px; margin-bottom: 0px; }
		
#subnavcontainer ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-family: arial, Helvetica, sans-serif;}
		
#subnavcontainer li {margin: 0 0 1px 0; }
					
#subnavcontainer a
		    {display: block;
			padding: 5px 0px 5px 17px;
			width: 167px;
			color: #003366;
			background-color: #E6F5FA;
			background-image: url(../images/nav_bullet.gif);
            background-repeat: no-repeat;  
			background-position: 3px 5px; 
			text-decoration: none;
			font-weight:bold}
		
#subnavcontainer a:hover, a:link#scurrent, a:visited#scurrent
		    {color: #003366;
			background-color: #ABDBF2;
			text-decoration: underline;
			background-image: url(../images/nav_bullet2.gif);
            background-repeat: no-repeat;  
			background-position: 3px 5px; 
			font-weight:bold}
		
#subnavcontainer ul ul li { margin: 1px 0 1px 0; }
		
#subnavcontainer ul ul a
		    {display: block;
			padding: 3px 0px 3px 20px;
		    width: 164px;
			color: #003366;
			background-color: #C3ECF9;
			background-image: url(../images/no.gif);
            background-repeat: no-repeat;  
			background-position: right bottom;
			text-decoration: none;
			font-weight:normal}
		
#subnavcontainer ul ul a:hover, a:link#subcurrent, a:visited#subcurrent
		    {color: #003366;
			background-color: #C3ECF9;
			text-decoration: underline;
			font-weight:normal;
			background-image: url(../images/corner2.gif);
            background-repeat: no-repeat;}
			

/* Placeholders --------------------------------------------------*/


/* Contact Us --*/
#contact{
         margin: 15px 0px 0px 0px;}
		 
#contacth{background-color: #43B0E8;
          padding: 3px 0px 3px 5px;
		  margin: 0px 0px 0px 0px;}
		  
					 
#contactb {border:solid #CCCCCC;
           border-width:0px 1px 1px 1px;
		  font-size: 1em;
		  padding: 5px 5px 5px 3px;}
		  
p.address {margin: 0px 0px 0px 0px; padding: 0px 0px 5px 20px; background-image: url(../images/address.gif); background-repeat: no-repeat; background-position: 0px 0px}		  
p.phone {margin: 0px 0px 0px 0px; padding: 0px 0px 5px 20px; background-image: url(../images/phone.gif); background-repeat: no-repeat; background-position: 0px 0px}
p.fax {margin: 0px 0px 0px 0px; padding: 0px 0px 5px 20px; background-image: url(../images/fax.gif); background-repeat: no-repeat; background-position: 0px 0px}		   
p.email {margin: 0px 0px 0px 0px; padding: 0px 0px 5px 20px; background-image: url(../images/email.gif); background-repeat: no-repeat; background-position: 0px 0px}		   

/* Middle placeholders --------------------------------------------------*/

.place{margin: 15px 0px 0px 0px;}
		 
.placetop{background-color: #43B0E8;
          padding: 3px 0px 3px 5px;
		  margin: 0px 0px 0px 0px;}
		  
.placebot {border:solid #CCCCCC;
           border-width:0px 1px 1px 1px;
		  font-size: 1em;
		  padding: 7px 7px 7px 3px;
		   }
		  
#placemore {border:solid #CCCCCC;
           border-width:1px 1px 1px 1px;
		   background:  url(../images/place_bg.gif) #EBF5F8; background-repeat: repeat-y; background-position: top left;
		   padding: 7px;
		   margin: 15px 0px 0px 0px;}		  

/* Left Column Placeholders --------------------------------------------------*/
.curvetop {width: 160px;
		   background:  url(../images/curve.gif); background-repeat: no-repeat; background-position: top left;
		   padding: 3px 0px 3px 5px}
		   
.curvesanta {margin-right: 10px;
           border:solid #CCCCCC;
           border-width:0px 1px 1px 1px;
		   padding: 5px 70px 5px 5px;
		   background:  url(../images/santabear.gif); background-repeat: no-repeat; background-position: top right;
		   margin-bottom: 15px;
		   }
		   
.curvenew {margin-right: 10px;
           border:solid #CCCCCC;
           border-width:0px 1px 1px 1px;
		   padding: 5px 70px 5px 5px;
		   background:  url(../images/new.jpg); background-repeat: no-repeat; background-position: top right;
		   margin-bottom: 15px;
		   }
		   
		   
.curveswim {margin-right: 10px;
           border:solid #CCCCCC;
           border-width:0px 1px 1px 1px;
		   padding: 5px 70px 5px 5px;
		   background:  url(../images/swim.jpg); background-repeat: no-repeat; background-position: top right;
		   margin-bottom: 15px;
		   }
		   
.curveforum {margin-right: 10px;
           border:solid #CCCCCC;
           border-width:0px 1px 1px 1px;
		   padding: 5px 70px 5px 5px;
		   background:  url(../images/forum.jpg); background-repeat: no-repeat; background-position: top right;
		   margin-bottom: 15px;
		   }		   		   

/* Headings Text and Lists --------------------------------------------------*/
h1 { font-size: 1.4em;
     color: #003366;
	 padding: 0px;
	 margin: 10px 0px 15px 0px;}

p   {margin: 0px 0px 7px 0px; padding: 0px 0px 0px 0px;}

#content ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
#content ul li {background: url(../images/bullet.gif) no-repeat 0em 0.3em; display: block; padding: 0.2em 0 0.1em 15px;}

#content2 ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
#content2 ul li {background: url(../images/bullet.gif) no-repeat 0em 0.3em; display: block; padding: 0.2em 0 0.1em 15px;}



#home #content h2, #sidebar-a h2 {color: #FFFFFF;
		font-size: 1em;
		padding: 0px;
		margin:0px}
		
		
#sidebar-b  h2 {color: #003366;
		font-size: 1em;
		padding: 0px;
		margin:0px}		
		
h2 {color: #43B0E8;
		font-size: 1.3em;
		padding: 0px;
		margin: 20px 0px 0px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;}
		
h3 {color: #333333;
		font-size: 0.9em;
		padding: 0px;
		margin: 10px 0px 5px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;}				
		
		

/* Forms --------------------------------------------------*/
form {margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;}

input.donate {color:#003366;
   font-family: Arial, Helvetica, sans-serif;
   font-size:90%;
   font-weight:bold;
   background-color:#c3ecf9;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;}
  
	  
/* Fix 3px Bug --------------------------------------------------*/ 
 
/* Hide from IE5-mac. Only IE-win sees this. \*/

 * html #sidebar-a {}
 
* html #content {
  height: 1%;
  margin-left: 0;}	  
	  
/* Tables --------------------------------------------------*/

table { background-color:#cccccc}
th {background-color:#43B0E8; text-align:center; padding: 5px;}
td,tr  {background-color:#ffffff; text-align:left; padding: 5px;}

.pic{float:right; margin:10px 10px 10px 10px}
.pic1{float:left; margin:10px 10px 10px 10px}
.caption  {font-size:0.8em}

/* Rule --------------------------------------------------*/
hr {width:99%; height:1px; color:#cccccc; border:0; margin: 5px 0px 10px 0px; }
br.clear {clear:both}

/* side images --------------------------------------------------*/

.sidebarimg {float: right;
			width: 170px;
			margin: 0px;
			background-color: #FFFFFF;}

