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

body {
	background-image:url(images/gr.jpg);
	background-repeat:repeat-x;
	background-color:#663300;
}

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

#banner {
	width:800px;
	margin-bottom:3px;
}

#background {
	border-top:2px solid #000000;
	width:800px;
	background-color:#CCCC66;
	
}

/*Start Top Navigation*/

#nav {
  width: 800px;
  height: 40px;
  position: relative;
  background: url(images/top_nav2.png);
  margin: 0;    
  padding: 0;
  list-style-type:none;
  z-index:1;
}

#nav li {
  float: left;
}
#nav li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 40px;
  background: url(images/top_nav2.png) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}

li#nav_hom a {
  left: 0;
  width: 134px;
  background-position: 0 0;
}
li#nav_abo a {
  left: 134px;
  width: 133px;
  background-position: -134px 0;
}
li#nav_eve a {
  left: 267px;
  width: 131px;
  background-position: -267px 0;
}
li#nav_gal a {
  left: 398px;
  width: 134px;
  background-position: -398px 0;
}

li#nav_res a {
	left: 532px;
	width:135px;
	background-position: -532px 0;
}

li#nav_con a {
  left: 667px;
  width: 133px;
  background-position: -667px 0;
}

li#nav_hom a:hover {
  background-position: 0 -40px;
}
li#nav_abo a:hover {
  background-position: -134px -40px;
}
li#nav_eve a:hover {
  background-position: -267px -40px;
}
li#nav_gal a:hover {
  background-position: -398px -40px;
}
li#nav_res a:hover {
	background-position: -532px -40px;
}
li#nav_con a:hover {
  background-position: -667px -40px;
}

#body_hom li#nav_hom  a {
  background-position: 0 -80px;
}
#body_abo li#nav_abo a {
  background-position: -134px -80px;
}
#body_eve li#nav_eve a {
  background-position: -267px -80px;
}
#body_gal li#nav_gal a {
  background-position: -398px -80px;
}
#body_res li#nav_res a {
	background-position: -532px -80px;
}
#body_con li#nav_con a {
  background-position: -667px -80px;
}


/*End of Top Navigation*/

/*Start Middle Navigation*/

#mid_nav {
	position:absolute;
	top:219px;
	left:7px;
}

#mid_nav h1 {
	padding:0px;
	margin:0px;
	font-size:32px;
}

#mid_nav p {
	width:420px;
	text-align:justify;
	font-size:16px;
}

#mid_nav h2 {
	font-size:30px;
	padding-top:10px;
	margin:0px;
}

#mid_nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	line-height:normal;
	width:390px;
}

#mid_nav li {
	display: block;
	border-bottom:2px dotted #000000;
}

#mid_nav a {
	display: block;
	padding: 4px 8px 6px 20px;
	text-transform: uppercase;
	text-decoration:none;
	font-size:24px;
	font-weight: bold;
	font-family:"Times New Roman", Times, serif;
	color:#0000CC;
}

#mid_nav a:hover {
	color:#FFFFFF;
	background-color:#0A0A0A;
	text-decoration:none;
}

#mid_nav a.link {
	margin:0px;
	padding:0px;
	font-size:16px;
	text-transform:none;
	text-decoration:none;
	font-weight:normal;
	width:200px;
}

/*End Middle Navigation*/

#about {
	position:absolute;
	top:207px;
	left:13px;
	width:540px;
	height:700px;
	z-index:1;
}

#about h1 {
	margin:0px;
	border-bottom:3px solid #CC6600;
	width:510px;
	font-size:22px;
	font-family:"Times New Roman", Times, serif;
	color:#003300;
}

#about h2 {
	border-bottom:3px solid #CC6600;
	width:510px;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	color:#003300;
}

#about h3 {
	font-size:14px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#330000;
	text-decoration:underline;
}

#about p {
	margin-top:0px;
	font-size:16px;
	font-family:"Times New Roman", Times, serif;
	text-align:justify;
}

#about img {
	float:left;
	display:block;
	padding-right:8px;
	padding-top:4px;
}

#about a:hover {
	color:#FFFFFF;
	background-color:#000066;
}

#gallery {
	position:absolute;
	top:217px;
	left:15px;
	z-index:2;
}

#gallery h1 {
	margin:0px;
	border-bottom:3px solid #CC6600;
	width:550px;
	font-size:24px;
	font-family:"Times New Roman", Times, serif;
	color:#003300;
}	

#resources {
	position:absolute;
	top:209px;
	left:15px;
	width:600px;
	z-index:1;
	font-size:15px;
}

#resources h1 {
	margin:0px;
	border-bottom:3px solid #CC6600;
	width:450px;
	font-size:24px;
	font-family:"Times New Roman", Times, serif;
	color:#003300;
}

#resources h2 {
	margin:0px;
	border-bottom:3px solid #CC6600;
	width:600px;
	font-size:22px;
	font-family:"Times New Roman", Times, serif;
	color:#003300;
}

#resources a:hover {
	color:#FFFFFF;
	background-color:#000066;
}

#resources table {
	width:640px;
}

#resources table td {
	vertical-align:top;
	margin:0px;
	width:320px;
}

#resources ul {
	list-style-type:none;
	padding-left:0px;
}

.link2 {
	margin:0;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
}
	
#dictionary {
	border-top:2px solid #000000;
	padding-top:5px;
	font-size:24px;
	font-weight:bold;
	color:#003300;
	background-color:#CCCC66;
	width:800px;
}

#contact {
	position:absolute;
	top:212px;
	left:10px;
	width:400px;
	z-index:1;
}

#contact h1 {
	margin:0px;
	border-bottom:3px solid #CC6600;
	width:350px;
	font-size:26px;
	font-family:"Times New Roman", Times, serif;
	color:#003300;
}

#returnlink a {
	width:400px;
	height:20px;
	text-align:center;
	font-size:18px;
}

#footer {
	position:absolute;
	color:#000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	width:400px;
	left: 227px;
	top: 751px;
}

#footer2 {
	position:absolute;
	color:#000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	width:400px;
	left: 220px;
	top: 954px;
}


#footer3 {
	position:absolute;
	color:#000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	width:400px;
	left: 208px;
	top: 1428px;
}

#footer4 {
	position:absolute;
	color:#000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	width:400px;
	left: 209px;
	top: 806px;
}

#footer5 {
	position:absolute;
	color:#000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	width:400px;
	left: 209px;
	top: 999px;
}