@charset "UTF-8";
/* CSS Document */

body {
	background-color:#336633;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFCC;
}

p {
	color: ffcc00;
}

div.hr {
  height: 3px;
  background: #FFFFCC;
}

div.hr hr {
  display: none;
}

#page {
	position:relative;
	width: 800px;
	margin-left:auto;
	margin-right:auto;
}


#header {
	position:relative;
	width: 800px;
	height: 133px;
	font-size:36px;
	color: black;
	background-image:url(images/header_bkgd.jpg);
	font-family: "Snell Roundhand Bold", Helvetica;
} 

#menu {
	position:relative;
	width: 800px;
	height: 15px;
} 

#main {
	position:relative;
	width: 800px;
	padding-top: 10px;
}

#main h1 {
	font-size:18px;
	}
	
#main h2 {
	font-size:14px;
	}
	
#main img {
	position: relative;
	border: none;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	background-image: url(Belle);
}

#main iframe {
	position:relative;
	border: thin solid #FFFFCC;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	background-image: url(Belle);
}


a:link { 
	color: #ffffff;
	text-decoration: none;
	}
a:visited { 
	color: #ffffff;
	text-decoration: none;
	}
a:hover { 
	color: #ffffcc;
	background-color: #336633;
	text-decoration: none;
	}
a:active { 
	color: #ffcc00;
	text-decoration: none;
	}



.sub_main1 {
	position: relative;
	width: 33%;
	float: left;
	display: block;
}

.sub_main2 {
	position:relative;
	width: 66%;
	float: left;
	display: block;
}

.sub_main3 {
	position:relative;
	width: 100%;
	float: left;
	display: block;
}

.sub_main4 {
	position:relative;
	width: 50%;
	float: left;
	display: block;
}

.sub_main5 {
	position:relative;
	width: 50%;
	float: left;
	display: block;
}

.sub_main5 a:link { 
	color: #ffffff;
	}
.sub_main5 a:visited { 
	color: #ffffff;
	}
.sub_main5 a:hover { 
	color: #ffffcc;
	background-color: #336633;
	text-decoration: none;
	}
.sub_main5 a:active { 
	color: #ffcc00;
	}



.sub_main6 {
	position:relative;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	display: block;
}


.sub_main7 {
	position:relative;
	width: 500px;
	margin-left: 150px;
	margin-right: 150px;
	display: block;
}



.spacer {
	position:relative;
	width: 380;
	height: 30px;
	clear: left;
}

#footer {
	position:relative;
	clear:both;
	width: 800px;
	height: auto;	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
} 

.button a {
	background-color: #FFFFCC;
	color: #336633;
	width: 160px;
	display:block;
	text-decoration: none;	
	float:left;
	}

.button a:hover {
	background-color: #FFCC00;
	color: #336633;
	width: 160px;
	display:block;
	text-decoration: none;
	float:left;
	}
	
.button {
	position: relative;
	float: left;
	width: 160px;
	text-align:center;
	background-color:#336633;
	color:#FFFFCC;
	font-weight:bold;
	}
	

.sub_main10 {
	position:relative;
	width: 33%;
	float: left;
	display: block;
}


.sub_main10 a:link { 
	color: #ffcc00;
	text-decoration: none;
	}
.sub_main10 a:visited { 
	color: #ffcc00;
	text-decoration: none;
	}
.sub_main10 a:hover { 
	color: #ffffff;
	background-color: #336633;
	text-decoration: none;
	}
.sub_main10 a:active { 
	color: #ffcc00;
	text-decoration: none;
	}