/* 
Title:     Chatham Swim Club Stylesheet
Author:    Chris Gillis - Saltline Studio Chatham, Ma
*/
	
body {
	margin:0;
	padding:0;
	font-family: georgia, times, serif;
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	background: #002240;
    }

#container {
	width: 770px;
	\width: 790px;
	w\idth: 770px;
	margin-left: auto;
	margin-right: auto;
	background: #F3F1F1;
	}
	
.red {
	color: red;
	}
	
.green {
	color: green;
	}

.purple {
	color: purple;
	}
	
.blue {
	color: blue;
	}

/* ----- logo block ----- */

#logo {
	margin: 1px 1px 11px;
	}
	
#logo img {
	border:0;
	margin-top: 1px;
	}


#photo {
	margin: 10px 0 0 20px;
    border: none;
	}
	
#photo img {
	padding: 5px;
	border: 1px solid #D5D5D5;
	background: #F3F1F1;
	}
	
	

/* ----- left content block ----- */



#leftside {
	position:relative;
	width:400px;
	text-align:left;
	float:left;
	margin: 10px 10px 12px 20px;
	}
	
	#calendar {
	margin: 10px 10px 12px 20px;
	}
	
	
	
h1 {
    font-family: georgia, times, serif;
    color: #167ED9;
    font-weight: normal;
    font-size: 180%;
    letter-spacing: -.5px;
    line-height: 1.1em;
 	}
 	
 h1.black {
    font-family: georgia, times, serif;
    color: #333;
    font-weight: normal;
    font-size: 180%;
    letter-spacing: -.5px;
    line-height: 1.1em;
 	}
	
h2 {
    font-family: georgia, times, serif;
    color: #167ED9;
    font-weight: normal;
    font-size: 150%;
    letter-spacing: -.5px;
    line-height: 1.5em;
    border-bottom: 1px dotted #999;
 	}
 	
h3 {
    font-family: georgia, times, serif;
    color: #809879;
    font-weight: normal;
 	}
 	
#leftside a  {
	color: #666;
	}
	
#leftinside {
	position:relative;
	width:380px;
	text-align:left;
	float:left;
	margin: 10px 10px 12px 20px;
	}
	
#leftinside ul.classes {
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
#leftinside li.italic {
	margin-top: 15px;
	font-family: georgia, times, serif;
    color: #333;
    font-weight: bold;
    font-style: italic;
	}
	
#leftinside img {
	padding: 1px;
	margin: 3px;
	border: 6px solid #CCC;
	background: #F4EFDC;
    }
   
#descriptions {
	background: #ccc;
	width: 318px;
	}
	
#descriptions p {
	padding: 15px;
	}
	
/* ----- facilities block ----- */

#facilities {
	position:relative;
	width:400px;
	text-align:left;
	float:left;
	margin: 10px 10px 12px 20px;
	}

	
/* ----- right content block ----- */
		
#rightside {
	position:relative;
	width: 240px;
	text-align:left;
	float:left;
	margin-left: 10px;
	}
	
#rightinside h4 {
  	font-family: georgia, times, serif;
    color: #167ED9;
    font-weight: normal;
    font-size: 150%;
    letter-spacing: -.5px;
    line-height: 1.5em;
    border-bottom: 1px dotted #999;
    margin-top: 55px;
	}
	
#rightside img {
	padding: 5px;
	border: 1px solid #D5D5D5;
	background: #F3F1F1;
	margin-top: 10px;
	}
	
#rightinside img {
	padding: 5px;
	border: 1px solid #D5D5D5;
	background: #F3F1F1;
	margin-top: 10px;
	}

	
#rightside a  {
	color: #809879;
	}
	
#rightside li  {
	list-style: none;
	padding: 0;
	margin: 0;
	}

#rightinside li  {
	list-style: none;
	padding: 0;
	margin: 0;
	}	
	
#rightinside ul  {
	list-style: none;
	padding: 0;
	margin: 0;
	}	
	
#rightinside {
	position:relative;
	width: 300px;
	text-align:left;
	float:left;
	margin: 9px 0 0 20px;
	}
	
#rightinside ul.classes {
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
#rightinside li.italic {
	margin-top: 15px;
	font-family: georgia, times, serif;
    color: #333;
    font-weight: bold;
    font-style: italic;
	}
	
#features li {
	margin-top: 1px;
	list-style: circle;
	margin-left: 20px;
	}
	
#rightbullets1 {
	padding: 5px;
	margin-top: 80px;
    background: #CCC;
	}
	
#rightbullets2 {
	padding: 5px;
	margin-top: 150px;
    background: #CCC;
	}

#rightbullets3 {
	padding: 5px;
	margin-top: 130px;
    background: #CCC;
	}

#rightbullets4 {
	padding: 5px;
	margin-top: 190px;
    background: #CCC;
	}
	
	
#rightbullets4 a  {
	color: #167ED9;
	}
    
	
/* ----- navigation ----- */	

		
#nav {
    margin: 0;
	padding-left: 5px;
    width: 760px;
    height: 20px;
    }

#nav ul {
    margin: 0;
	padding: 0;
	list-style: none; 
    height: 100%;
    display:inline;
	}	

#nav li {
	font-family: georgia, times, serif;
	display: inline;
	list-style-type: none;
	margin: 0 0 10px 12px;
	padding: 0;
	font-size: 100%;
	}
		
#nav li a {
    font-weight: normal;
    margin: 0px;
    font-size: 13px;
    color: #666;
    text-decoration: none;
	}
		
#nav li a:hover {
    border-bottom: 3px solid #167ED9;
    }
    
#nav li a.active {
    text-decoration: none;
     border-bottom: 3px solid #167ED9;
	}
	
	
/* ----- form ----- */

span.label,span.spacer,span.multiple span {
	width:120px;float:left;
	} 

span.multiple {
	float:left;
	} 

span.button {
	padding-left:0px;
	} 

div.clear {
	clear:both;padding-top:5px;
	} 
    
/* ----- footer ----- */

#footer {
	clear: both;
	padding: 40px 0 20px 0;
	margin: 0 0 0 20px;
	font-size: 13px;
	}
	
#footer a  {
	color: #167ED9;
	font-size: 13px;
	}