/* CSS Document */

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

a:hover {
	color : red;
	text-decoration: none;
}

body {
	margin: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
	background-image:url(Images/background-foliage.jpg);
}

.headerfont {
		font-weight: bold;
		font-size: 15px;
		color: brown;
}

ul {
	list-style-type:square;
	font-size: 11px;
}

.input1 {
	color: black;
	font-weight: bold;
	background-color:#999999;
	border-bottom-color: #000000;
	border-right-color: #000000;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
}

.input2 {
	color: black;
	background-color:#FFFFFF;
	border-bottom-color: black;
	border-right-color: black;
	border-left-color: black;
	border-top-color: black;
}

.style1 {font-size: 12px; 
		font-weight:bold; 
		color: white;
		text-decoration:underline;
}

.style2 {font-size: 12px; 
		color: white;
}

.style3 {font-size: 14px; 
		font-weight:bold; 
		color: green;
}

.style4 {font-size: 12px; 
		font-weight:bold; 
		color: white;
}

.style5 {font-size: 11px; 
		color: white;
}

.style6 {font-size: 11px; 
		color: white;
		font-weight:bold; 
}

.style7 {
	font-size: 11px;
	color: #F90;
	font-weight:bold;
}

.style10 {font-size: 16px; color: red; font-weight: bold; text-decoration:blink;}

.style8 {font-size: 14px; color:white; font-weight: bold;}

.style11 {
	font-size: 14px;
	font-weight:bold;
	color: #46FF46;
	font-style: italic;
}

.style12 {
	font-size: 18px;
	font-weight:bold;
	color: #999;
	font-style: italic;
}

.style13 {
	font-size: 16px;
	font-weight:bold;
	color: #F00;
}


/***********************************************/
/* Link Styles                                 */
/***********************************************/

#header a {color:white;
			text-decoration:none;
}


#footer a {color:white;
			text-decoration:none;
}
#footer a:visited { color: white; }
#footer a:hover {color: yellow; text-decoration:underline; font-weight:bold;}
	  
#right a {color:yellow; font-weight:bold; text-decoration:none;}
#right a:visited {color:yellow; font-weight:bold; text-decoration:none;}
#right a:hover {color:green; font-weight:bold; text-decoration:none;}

#middle a {color:yellow; font-weight:bold; text-decoration:none;}
#middle a:visited {color:yellow; font-weight:bold; text-decoration:none;}
#middle a:hover {color:green; font-weight:bold; text-decoration:none;}


#events a {color:yellow; font-weight:bold; text-decoration:none; font-size:10px;}
#events a:visited {color:yellow; font-weight:bold; text-decoration:none; font-size:10px;}
#events a:hover {color:green; font-weight:bold; text-decoration:none; font-size:10px;}

#membership a {color:white; font-weight:bold; text-decoration:none;}
#membership a:visited {color:white; font-weight:bold; text-decoration:none;}
#membership a:hover {color:green; font-weight:bold; text-decoration:none;}

#midbottom a {color:yellow; font-weight:bold; text-decoration:none;}
#midbottom a:visited {color:yellow; font-weight:bold; text-decoration:none;}
#midbottom a:hover {color:red; font-weight:bold; text-decoration:none;}

#artifact a {color:yellow; font-weight:bold; text-decoration:none;}
#artifact a:visited {color:yellow; font-weight:bold; text-decoration:none;}
#artifact a:hover {color:red; font-weight:bold; text-decoration:none;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container{
	position:relative;
	width:955px;
	margin:0 auto 0;
	background-color: white;
} 

#top1  {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 125px;
	border: 3px solid #2F3F0A;
	background-color: white;
}

#top2  {
	position: absolute;
	top: 0px;
	left: 186px;
	width: 578px;
	height: 128px;
	border-bottom: 3px solid #2F3F0A;
	background-color:white;
}

#top3  {
	position: absolute;
	top: 0px;
	left: 764px;
	width: 180px;
	height: 125px;
	border: 3px solid #2F3F0A;
	background-color: white;
}

#left  {
	position: absolute;
	left: 0px;
	top: 131px;
	width: 578px;
	height: 513px;
	border-left: 3px solid #2F3F0A;
	border-right: 3px solid #2F3F0A;
}

#leftmenu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 225px;
	height: 300px;
	background-color:#603913;
	border-bottom: 3px solid #2F3F0A;
	
}

#leftpic {
	position: absolute;
	left: 225px;
	top: 0px;
	width: 350px;
	height: 303px;
	border-left: 3px solid #2F3F0A;
	background-color: #2F3F0A;
	
}

#lefttext {
	position: absolute;
	left: 0px;
	top: 303px;
	width: 568px;
	color: white;
	background-color: #2F3F0A;
	padding: 5px;
	height: 200px;
}

#leftpic1 {
	position: absolute;
	left: 5px;
	top: 70px;
	width: 182px;
	height: 121px;
}

#leftpic2 {
	position: absolute;
	left: 198px;
	top: 70px;
	width: 182px;
	height: 121px;
}

#leftpic3 {
	position: absolute;
	left: 391px;
	top: 70px;
	width: 182px;
	height: 121px;
}

#middle {
	position: absolute;
	width: 170px;
	top: 131px;
	left: 584px;
	height: 503px;
	border-right: 3px solid #2F3F0A;
	background-color:#603913;
	padding: 5px;
} 

#right {
	position: absolute;
	width: 170px;
	top: 131px;
	left: 767px;
	height: 503px;
	border-right: 3px solid #2F3F0A;
	background-color:#603913;
	padding: 5px;
} 

#artifact {
	height: 230px;
	border-bottom: 3px solid #2F3F0A;
}

#membership {
	border-bottom: 3px solid #2F3F0A;
}

#midbottom {
	color: white;
	font-weight: bold;
}

#events {
	position: relative;
	width: 170px;
	background-color: #603913;
	height: 140px;
	border-top: 3px solid #2F3F0A;
}

#footer {
	left: 0px;
	width: 944px;
	position: absolute;
	top: 644px;
	background-color: #2F3F0A;
	height: 25px;
	clear: both;
	border-right: 3px solid #2F3F0A;
	border-bottom: 3px solid #2F3F0A;
	border-left: 3px solid #2F3F0A;
	padding-top: 5px;
}