﻿/* CSS layout */
/******************************* Main Layout *******************************/
/* Background */
body {
				background: #999966;
				margin: 0;
/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */				padding: 0;
				text-align: center;
				font-family: Sylfaen;
				font-size: 100%;
}
/* Top Margin */
#header {
				width: 810px;
				height: 10px;
				margin: 0;
}
/* Shadow Left and Right */
#page {
				background: url('../images/pageshadow2.gif');
				width: 810px;
				margin: 0 auto;
/* the auto margins (in conjunction with a width) center the page */				border: none;
}
/* Masthead and Logo */
#masthead {
				background: url('../images/masthead.jpg');
				width: 800px;
				height: 150px;
				margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
#container {
				background: #FFFFFF;
				position: relative;
				width: 800px;
				border: none;
				text-align: left; /* this overrides the text-align: center on the body element. */;
				padding: 0;
				margin: 0 auto;
/* the auto margins (in conjunction with a width) center the page */				min-height: 450px;
}
#page_content {
				min-height: 450px;
}
/******************************* Styles for Navigation *******************************/
#top_nav {
				background-color: #000000;
				color: #FFFFFF;
				width: 780px;
				position: relative;
				margin: 0 auto;
				font-family: Arial;
				font-size: 80%;
				text-align: left;
				padding-left: 20px;
				height: 30px;
}
#top_nav p {
				width: 760px;
				display: block;
				text-align: center;
				font-size: 100%;
				margin: 0 auto;
				color: #FFFFFF;
				vertical-align: middle;
}
#top_nav .top_navmenu {
				display: block;
				color: rgb(255, 255, 255);
				padding-top: 8px;
}
#top_nav .top_navmenu a {
				color: rgb(255, 255, 255);
				text-decoration: none;
				border: none;
}
#top_nav .top_navmenu a:hover {
				text-decoration: none;
				color: rgb(255, 255, 153);
				border-bottom: 1px rgb(255, 255, 153) solid;
}
/******************************* Styles for Footer *******************************/
#footer {
				width: 810px;
}
#footer p {
				background: #101394;
				width: 780px;
				display: block;
				text-align: center;
				font-size: 90%;
				margin: 0 auto;
				padding-left: 20px;
}
#footer .copyright {
				padding-left: 20px;
				margin-top: 0px;
				color: rgb(196,189,179);
}
#footer .footernav {
				display: block;
				color: rgb(196,189,179);
				padding-top: 0px;
}
#footer .footernav a {
				color: rgb(196,189,179);
				text-decoration: none;
				border: none;
}
#footer .footernav a:hover {
				text-decoration: none;
				color: rgb(196,189,179);
				border-bottom: 1px solid rgb(196,189,179);
}
#footer .footershadow {
				background: url('../images/footershadow.gif');
				width: 790px;
				height: 20px;
}
/******************************* Styles for Fonts *******************************/
.normal {
				font-family: Sylfaen;
				font-size: 100%;
				font: 100%/30px serif;
}
.scriptb {
				font-family: "Edwardian Script ITC";
				font-size: xx-large;
				color: #101394;
}
/***** Image Menu v 2.2 *****/
#imageMenu {
				height: 150px;
				overflow: hidden;
				padding: 5px 0 5px 0px;
				border-style: none;
				margin: 0 auto;
				width: 800px;
}
#imageMenu ul {
				list-style: none;
				margin: 20px;
				display: block;
				height: 200px;
				padding: 0;
}
#imageMenu ul li {
				float: left;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				padding-bottom: 5px;
				padding-top: 5px;
				border-top-style: solid;
				border-top-width: 1px;
}
#imageMenu ul li a {
				background: #FFFFFF none repeat scroll 0%;
				border-right: 2px solid #fff;
				cursor: pointer;
				display: block;
				overflow: hidden;
				width: 93px;
				height: 200px;
				margin: 0;
				padding: 0;
				font-weight: inherit;
				font-style: inherit;
				font-size: 100%;
				font-family: inherit;
				vertical-align: baseline;
}
#imageMenu ul li.bk1 a {
				background: url('../images/1.jpg') repeat scroll 0%;
}
#imageMenu ul li.bk2 a {
				background: url('../images/2.jpg') repeat scroll 0%;
}
#imageMenu ul li.bk3 a {
				background: url('../images/3.jpg') repeat scroll 0%;
}
#imageMenu ul li.bk4 a {
				background: url('../images/4.jpg') repeat scroll 0%;
}
#imageMenu ul li.bk5 a {
				background: url('../images/5.jpg') repeat scroll 0%;
}
#imageMenu ul li.bk6 a {
				background: url('../images/6.jpg') repeat scroll 0%;
}
#imageMenu ul li.bk7 a {
				background: url('../images/7.jpg') repeat scroll 0%;
}
#imageMenu ul li.bk8 a {
				background: url('../images/8.jpg') repeat scroll 0%;
				border-right-style: none;
}
.clear {
				clear: both;
}
