body { 
  font-family:      Verdana, Helvetica,san-serif; 
  font-size:        small;
  color:			black;
  margin:           0px;
  background-color: #FAF0E6; /*Pearly Gates*/

  background-image:	url('images/background_bar.png');
  background-repeat:repeat-x;
}

#background {
  background-image:	url('images/background_bar.png');
  background-repeat:repeat-x;
  background-position: bottom;
}

#header {
  font-family:     	Georgia, "Times New Roman", Times, serif;
  font-size:        105%;
  background-color: #D3CAB4; /*linen*/
 
  height:           115px;
  margin: 			30px 10px 0px 0px;
  padding:          0px 0px 0px 10px;

}



#main {
  background-color: #FFFFFE; /*Plantation White*/
  font-size:        110%;
  padding:          15px;
  margin:           0px 310px 10px 10px;
  
  border: 			3px solid #D3CAB4; /*linen*/
}

#sidebar {
  background-color: #FFFFFE;  /*Plantation White*/
  font-size:        115%;
  padding:          15px;
  margin:           0px 10px 10px 10px;
  
  border: 3px solid #D3CAB4; /*linen*/
  
  width:			250px;
  float:			right;

}

/*This class centers image in paragraph*/
.subnav {
  text-align:		center;
}

/*This class removes border from linked image*/
 .subnav a img {
  border-style:     none; 
  
 }

#footer {
  background-color: #D3CAB4; /*linen*/

  color:			#4d4d4d; /*same gray text as logo*/
  font-size:        100%;
  text-align:       center;

  height:           50px;
  margin: 			50px 5px 0px 5px;
  padding:          15px 5px 15px 5px;
  clear:			right;
}

h1 {
  font-family:      Georgia, "Times New Roman", Times, serif;
  font-size:        130%;
  color:            #4d4d4d; /*same gray text as logo*/
}

h2 { 
   font-family:     Georgia, "Times New Roman", Times, serif;
   font-size: 		110%; 
}


.slogan { color: #954b4b; }



a:link {
  color:            #b76666;
  text-decoration:  none;
  border-bottom:    thin dotted #b76666;
}
a:visited {
  color:            #675c47;
  text-decoration:  none;
  border-bottom:    thin dotted #675c47;
}

#nav a:hover {
   background: #FAF0E6;
   color: black;
}

#allcontent {
  width:			800px;
  padding-top:		5px;
  padding-bottom:	5px;
  margin-left:		auto;
  margin-right:		auto;


}

#nav {

	float: right;
    margin: 25px 10px 0px 0px;

	font-size: 1.2em;

}



#nav li {

	display: inline;

	margin: 0 0 0 20px;

}



#nav li a {

	color: #4d4d4d; /*same gray text as logo*/

	text-decoration: none;

	background: none;

	   border-bottom: none;

}

#sidebar li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;

}
	
#header a img{
   border-style: none;
 
}

#subnav li{
  color: 			black;
  line-height:      1.8em;
  margin-left: 		-40px;
  padding-left: 	0px;

}

.noindent{
  color: 			black;
  line-height:      1.8em;
  margin-left: 		0px;
  padding-left: 	0px;
}

#sidebar h2 {
  margin-bottom: 	0px; 
  padding-bottom: 	0px;
}

#sidebar ul {
  margin-top: 	0px; 
  padding-top: 	0px;
}

/*This class removes bullets and indentation*/
.nobullets li{
  list-style-type: 	none;
  margin-left: 		-40px;
}

#visit, #write, #call, #directions   {
  padding:          20px 0px 0px 0px;
}

/*This class reduces size of copyright disclaimer*/
.copyright {
  font-size:        70%;
  padding:			20px 0px 0px 0px;
}

table {
	table-layout: fixed;
	width: 450px;

	margin-left: 0px;
	margin-right: 0px;
	border: thin solid black;
	caption-side: bottom;
	border-collapse: collapse;
}

td, th {
	border: thin dotted gray;
	padding: 5px;
}

caption {
	font-style: italic;
	padding-top: 8px;
}

/*Color is the same as background color of head*/
th {
	background-color: #D3CAB4;
}



/*Color is the same as background color of body*/
.cellcolor{
	background-color: #FAF0E6;
}

img {
	border: 1px solid #D3CAB4;
}

/*Class will color special announcements*/
h2.special {
    color: darkred;
}

/*Class will color special announcements*/
p.special {
    color: rgb(245, 5, 5);
    font-weight: bold;
}


/*Class will place jpg with absolute positioning*/
.flyer {
 position:absolute;
 right:0px;
 top:140px;
 border-style:none;
 }
 
 /* html code I used for home page */
 /*
 <p class="flyer">
		<a href="announcements/ladies_day_2012.pdf"><img src="images/ladies_day_2012_pic2.jpg" alt="Ladies Day" width="336" height="435" /></a>
      </p>
*/