/*css document */

body {
background:  #3366FF url("../images/shadow.jpg");
background-position:center top; 
  background-repeat:repeat-y;
  font-size: 1em;
font-family: Helvetica, Arial, Verdana, sans-serif; 
color: black; 
margin: 0 0 0 0; }
/** PAGE LAYOUT**/

/*<![CDATA[*/
#wrapper {
	background: white;
	width: 914px;
clear: both;
margin: 25px auto 0 auto;
}
#container {
	width: 100%;
	/* this has opposties - a white background for the content but with the black background for nav */
	background: white url("../images/background.gif") repeat-y left;
	float: right;
	margin-left: -260px;
}

#content {
	background: #FFFFFF;
	margin-left: 260px;
font-size: 0.8em;
padding: 0 10px 20px 16px;

} /* 914-260-10-16 = 628px wide*/

#content ul {margin: 0; padding: 2px 10px 0 19px;}
#content ul li {padding: 3px 0 0;}

#sidebar {
padding: 0; 
background: #ffffff url("../images/background.gif") repeat-y left;
	width: 250px;
	float: left;
	font-size: 1em;
}



#nav {margin: 10px 0 10px 0; 
padding: 0; 
background: #ffffff; 
list-style-type: none; 
width: 250px;
float: left; /* contain floated list elements */ }

#nav li {margin: 0;
padding: 0;
float:left; /* corrects the */
width: 100%  /*ie whitespace bug*/}

#nav a {
font-size: 0.75em; 
display: block; 
color: #444444;
text-decoration: none;
padding: 0 20px;
line-height: 2.5; 
border-bottom: 1px dotted #dddddd;}

 /*  #nav #nav_chec a {border: none;} remove border from last item */
#nav a:hover {background: #efefef url("../images/background-hover.gif") no-repeat;} 
#nav a:focus {background: #efefef url("../images/background-hover.gif") no-repeat;} 

#body_hom #nav_hom a,#body_cont #nav_cont a, #body_committee #nav_committee a, #body_links #nav_links a,
#body_gallery #nav_gallery a, #body_about #nav_about a, #body_members #nav_members a, #body_downloads #nav_downloads a
{background: #efefef url("../images/background-on.gif") no-repeat; color:#222222; font-weight: bold;}

/*sidebar*/

#logo {margin: 0 0 8px 0;}
#other-logos {text-align: center;}
#other-logos img{ margin: 10px 0; }
#copyright { margin: 10px 0; font-size: 0.7em; text-align: center; }
/*content*/

#header-photos {margin: 0 0 20px 0; width: 628px;}


#content-photo {float: right; margin: 7px 0 10px 20px;
  padding:  4px 4px 9px 4px;
    border: 1px solid #ccc;
border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #ffffff;
}
#content-photo-l {float: left; margin: 7px 20px 5px 0;
  padding:  4px 4px 9px 4px;
    border: 1px solid #ccc;
border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #ffffff;
}


/*footer links*/
#footer {background: #ffffff; /*url("../images/footer-curve.gif") no-repeat bottom left; */
width: 894px; margin: 0 auto 20px auto; padding: 10px 10px 5px; line-height: 1.5em;  color: white; font-size: 0.7em;
border-top:1px dotted #000000; }



#footer ul { margin: 0 auto 0 auto; padding: 0 0 5px 0; list-style-type: none;}

#footer ul li {font-size: 1em; color: #444; padding: 0 0 0 10px;  display: inline;}
#footer ul li a:link{color: #000000;  text-decoration:none;}
#footer ul li a:visited {color: #444444; text-decoration:none; }
#footer ul li a:hover {color: #B0A442;  text-decoration:underline;}
#footer ul li a:focus {color: #B0A442;  text-decoration:underline;}
#footer ul li a:active {color: #847d46;  text-decoration:underline; }






#footer img {float: left;}


.last {
	margin-bottom: 0;
}
.clearing {
	height: 0;
	clear: both;
}

/*]]>*/


/* common styling*/

img {border: 0; margin: 0;}
a:link{color: #000000;  text-decoration:underline;}
a:visited {color: #444444; text-decoration:underline; }
a:hover {color: #B0A442;  text-decoration:none;}
a:focus {color: #B0A442;  text-decoration:none;}
a:active {color: #847d46;  text-decoration:none; }





td {vertical-align: top; padding: 3px;}
p.strong {font-weight: bold;}
div.clearing {clear: both; height: 0;}




hr {margin: 20px 0;}


h1 { margin: 0 0;
	width: 609px;
		color: #222222;
	font-size: 1.7em;
	font-family: Georgia, "Times New Roman", Times, serif;
}


h2 {margin: 8px 0 5px;
	font-size: 1.3em;
	color: #B7A600;
 } 
 
 
	
	h3 {margin: 0;
	font-size: 1.2em;
	color: #222222; margin: 4px 0;
	}
	
div.hide  {display: none;}


#printonly {display: none;}



  
  /*home*/
#home li {color: #000066; font-size: 1.2em; font-weight: bold;}
 

div.duo-holder {width: 628px; margin: 5px 0 0 0; clear:both; }
div.duo-left {float: left; width: 270px; margin: 10px 0 20px 0;}

div.duo-right {float: right; width: 304px; margin: 10px 5px 20px 0; padding: 0; }

div.duo-left p, div.duo-right p {padding-left: 5px; padding-right: 5px;} 

#feature {float: left; width: 270px; margin: 10px 0 20px 0;
	  background: #efefef url(../images/feature-footer.gif) no-repeat bottom left; 
	  padding: 0 0 20px;
	  color: black;
	}
	#feature h2 {font-size: 1.3em;
	  background: url(../images/feature-top.gif) no-repeat;
	  padding: 12px 20px 0 35px; 
	  color: #222222; 
	  margin: 0;
	font-size: 1.2em; font-weight: bold; 
	}
	
	#feature ul {
	  padding: 10px 15px 0 30px; 
	  color: #1B220F; 
	  margin: 0;
	}

	#feature ul li{
	 padding: 4px 0 4px;}

/*info on home page*/


#info-top {background: #101e87 url(../images/info-top.jpg) no-repeat top left; height: 35px;  padding: 0 7px 0 0;}
#info-top h2 {color: #fff; float: left; font-size: 1.2em; font-weight: bold; padding: 5px 0 0 40px;}

#info {
width: 288px; margin: 0;
border-left: 1px solid #ccc;  border-right: 1px solid #ccc;
line-height: 1.5em;
padding: 7px 7px 0 7px;}
/*induvidual testimonials*/


div.info-footer {background: white url(../images/info-bottom.jpg) no-repeat bottom left; height: 11px; display: block; margin: 0 0 14px 0;}


/* contact */
.required {color: red;}

/* gallery */
#gallery {width: 100%;}
#gallery td {width: 33%; text-align: center; }

#gallery td img {
  padding:  4px 4px 9px 4px;
    border: 1px solid #ccc;
border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #ffffff;
  margin: 25px 0 5px 0;
  }

/*the committee and links pages*/
#committee li {margin: 10px 50px 0 0;}


div.news {border: 1px dotted #dddddd; margin: 20px 0 30px; background-color: #efefef; padding: 10px;}
/*admin*/
th {text-align: left;}