/**begin global reset and styles***/

*html, body{
	margin:0;
	padding:0;
	border:0;
	}
body{
	margin:0;
	font-size:100%;
	}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,li,address,fieldset,input,div,table,th,tr,td{
	margin:5;
	padding:5;
	border:5;
	}
a img{
	border:none;
	}
/*****end global styles******/

/* Christiana - here is where the normal site colors, fonts etc. are declared for every page. convenient as changing any of the values on this page will change every page in the site */

	body 

	{
	background-color: #666;
	}	

/*below are div id - Each div id can only appear once on a page*/

#page_container
	
	{
	background-color: #FEEECD;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 5%; 			/*this is to keep the main page centered*/
	margin-right: 5%;
	height:100%;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #000000;	/*color of the text*/
	background-image: url(../images/tile_back-lite.jpg);
	padding: 10px;
	}
#top_image_bar {
	height: auto;
	width: 100%;
	overflow: hidden;
}
#top_image_bar table tr td a img {
	border: thin solid #000;
}
#top_image_bar table tr td img {
	border: thin solid #000;
}



/* below are the general link colors - must be stated in this order to work properly */

#page_container a:link {color: #063; font-weight:bold;}
#page_container a:visited {color: #063; font-weight:bold;}
#page_container a:hover {color: #063; font-weight: bold;}
#page_container a:active {color: #666; font-weight: bold;}

#greeting {
	color: #060;
	text-align: center;
	background-color: #D8BE9C;
	height: auto;
	border: thin ridge #099;
	padding: 4px;
	clear: both;
}
#greeting img{
	float:left;
	margin:4px;
	clip: rect(auto,auto,auto,auto);
}
#greeting p{
	font-size: 12px;
	font-style:normal;
	color: #900;
	font-weight: bold;
}

/* below are some options for larger text */

	h1 {
	font-size: 24px;
	font-style:normal;

	font-weight:bold
	color:#063;
	color: #063;
}
	h2 {
	font-size: 14px;
	font-weight:bold;
	color: #063;
}
    
	h3 {
	font-weight:normal;
	text-align: left;
	font-size: 12px;
}
h4 {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #063;
}

#left_main_content {
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
	overflow: auto;

}
#left_main_content img {
	border: thin solid #000;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 8px;
}
#left_main_content a:link{color:#063; text-decoration: none; font-style:italic; font-weight:bold;}
#left_main_content a:visited{color:#063; text-decoration: none; font-style:italic; font-weight:bold;}
#left_main_content a:hover{color:#999; text-decoration: none; font-style:italic; font-weight: bold;}
#left_main_content a:active{color:#063; text-decoration: none; font-style:italic; font-weight: bold;}

h5 {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #063;
}


	p  {
	font-size: 12px;
	margin: 1em 0;

	text-align: left
	color:#063;
	color: #063;
} 
	
	
/* here is an option for using a horizontal ruler from time to time */

	hr{
	color:#099   ;
} /*note that the hr in the footer has a specified length*/
	
#slideshow
	
	{
	width:100%; /***equal to the width of the photo plus padding***/
	height:auto;
	color: #063;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 4px;
	font-weight: normal;
	}
#slideshow table {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	clear: both;
	float: left;
}


#nav-header {
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
} 
#nav-header a:link{color:#063; text-decoration: none; font-weight:bold;}
#nav-header a:visited{color:#063; text-decoration: none; font-weight:bold;}
#nav-header a:hover{color:#FFF; text-decoration: none; font-weight: bold;}
#nav-header a:active{color:#063; text-decoration: none; font-weight: bold;}

#nav-footer {
	background-color:#D8BE9C;
	height:auto;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin-top: auto;
	position: relative;
	padding-top: 5px;
	width: 100%;
	}
#nav-footer a:link{color:#060;}
#nav-footer a:visited{color:#060;}
#nav-footer a:hover{color:#FFF;}
#nav-footer a:active{color:#060;}
	 
.nav-table{
	color: #060;
	background-color: #D8BE9C;
	padding-top: 4px;
	}


/* here are two standard table layouts whenever you use table tags just state class="table-dark" or class="table-light" */

	.table-dark {
	background-color: #D8BE9C;
	font-weight: bold;
	color: #336600;
	padding: 20px;
	}
	
	.table-light {
	background-color: #ECE7E0;
	font-weight: bold;
	color: #990000;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	}
	
	.clear_float{
	clear:both;
	}
#center_main_content {
	text-align: center;
	height: auto;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 5px;
}
#center_main_content img {
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 8px;
}