body {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: #353795 url(images/bg.gif) top left repeat-x;
	font: 0px Arial, Tahoma, sans-serif;
	line-height: 200%;
	color: #353795;
	z-index: 9999;
}

#container {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 850px;
	background: url(images/container_bg.gif);
}

#containerTop {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 850px;
	height: 10px;
	background: url(images/container_top.gif) top left no-repeat;
}

#containerBottom {
	padding: 0px;
	width: 850px;
	height: 10px;
	background: url(images/container_bottom.gif) top left no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
}

#header {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 830px;
	height: 90px;
	background: url(images/header.gif) top left no-repeat;
}

/*
	#mainMenu
	Here you can change the font size and face of the text for the menu items.
	If you change the color tag, it will change the color of the seperator characters which is a pipe | by default.
*/
#mainMenu {
	margin: 10px auto 10px auto;
	padding: 0px;
	width: 830px;
	height: 30px;
	background: url(images/menu_bg.gif) top left no-repeat;
	font: 17px Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	}

#mainMenu ul {
	margin: 0px;
	padding:0px;
	display: inline;
	list-style-type: none;
}

#mainMenu li {
	margin: 5px 0px 0px 5px;
	padding: 0px;
	float: left;
}

/*
	#mainMenu a
	If you change the color here, it will change the color of your menu links.
*/
#mainMenu a {
	margin: 18px;
	padding: 0px;
	color: #353795;
	font-weight: bold;
	text-decoration: none;
}

/*
	#mainMenu a:hover
	This is the color of the menu links when you hover the mouse over them. Change it to whatever you need.
*/
#mainMenu a:hover {
	color: #9f9f9f;
}

/*
	#bodyContainer
	You can change the font here. This will change the font for the left panel and the body panel.
This is the white and grey container*/
#bodyContainer {
	position: relative;
	float: left;
	left: 10px;
	padding: 0px;
	width: 830px;
	background: url(images/body_bg.gif);
	font: 12px Arial, Tahoma, sans-serif;
	margin: 0px 0px 0px 0px;
}

#bodyTop {
	position: relative;
	float: left;
	left: 10px;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 830px;
	height: 10px;
	background: url(images/body_top.gif) top left no-repeat;
}

#bodyBottom {
	position: relative;
	float: left;
	left: 10px;
	margin: 0px auto 3px auto;
	padding: 0px;
	width: 830px;
	height: 20px;
	background: url(images/body_bottom.gif) top left no-repeat;
}
/*This is the the all white container*/

#bodyContainer2 {
	position: relative;
	float: left;
	left: 10px;
	padding: 0px;
	width: 830px;
	background: url(images/body_bg2.gif);
	font: 12px Arial, Tahoma, sans-serif;
	margin: 0px;
}

#bodyTop2 {
	position: relative;
	float: left;
	left: 10px;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 830px;
	height: 10px;
	background: url(images/body_top2.gif) top left no-repeat;
}

#bodyBottom2 {
	position: relative;
	float: left;
	left: 10px;
	margin: 0px auto 3px auto;
	padding: 0px;
	width: 830px;
	height: 20px;
	background: url(images/body_bottom2.gif) top left no-repeat;
}


/*
	#leftPanel
	The font for this left panel is inherited from the #body id. However if you want to have a different color or font
	text here, you may add the color or font tags.
*/
#leftPanel {
	float: left;
	margin: 0px auto 0px 0px;
	width: 235px;
}
#mini_logo {
	position:absolute;
	left:1px;
	width:247px;
	height:45px;
	margin:0px;
	padding:0px;
}
#left_text {
	position:absolute;
	left:15px;
	top:55px;
	width:235px;
	}
#left_text a {
	color: #353795;
	}
#left_text a:hover {
	color: #6a88dc;
	}

#browse_text {
	position:absolute;
	left:35px;
	top:280px;
	width:180px;
	}
	
/*
	#bodyPanel
	The font for this body panel is inherited from the #body id. However if you want to have a different color or font
	text here, you may add the color or font tags.
*/
#bodyPanel {
	float: right;
	position:relative;
	margin: 0px 0px 0px auto;
	padding: 2px;
	width: 562px;
}
#footer {
	clear: both;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 830px;
	height: 50px;
	background: url(images/Footer.jpg) top left no-repeat;
	text-align: right;
}
#webmaster {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #cccccc;
}
/*right panel pictures for interim site*/
#plot2 {
	margin: 0px;
	width:551px;
	height:256px;
	background:url(images/mews/mews_index.jpg);
}
#pennanthouse {
	margin: 10px 0px 0px 0px;
	width:551px;
	height:256px;
	background:url(images/Pennant_House/pennant.jpg);
}
#text_box {
	position:absolute;
	left:288px;
	top: 30px;
  	width:264px;
	height:198px;
}
#text_box2 {
	position:relative;
	left:288px;
	top: 30px;
  	width:264px;
	height:198px;
}
.textbox {
 	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	margin:0px 2px 0px 2px;
	padding:0px;
	color:#353795;
	}
.image1 {
		display:inline;
		vertical-align:middle;
		margin:3px 0px 3px 0px;
		}
.penlink {
		float:right;
		padding-right:20px;
		padding-top:30px;
		text-decoration:none;
}
.link {
		position:absolute;
		left:305px;
		top:231px;
		text-decoration:none;
}

/* Font Styles*/
p {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

h1 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 20px;
	color: #3656b0;
	width: 100%;
}

h2 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 18pt;
	color: #353795;
}

h3 {
	margin: 0px 0px 0px 10px;
	padding:5px;
	font-size:24px;
	color: #353795;
	width: 100%;
}

h4 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 14pt;
	color: #353795;
}

h5, h6 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 16px;
	color: #3656b0;
}

img {
	display: block;
	margin: 7px;
	padding: 0px;
}

a {
	color: #cccccc;
	text-decoration: underline;
}

a:hover {
	color: #6a88dc;
}
a.lightbox:hover {
	color: #6a88dc;
}

a.lightbox {
	color: #353795;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	}
.thumbnail{
	padding: 2px 2px 6px 2px;
	border: 1px solid #353795;
	float: left;
	margin: 10px;
	background-color:#948ec5;
	text-align:center;
	
	}
	
.image {
		display:inline;
		vertical-align:middle;
		margin:0px 5px 0px 0px;
		}
.wrapper {
		margin: 2px auto;
		width:540px;
		}
.wrapper4 {
		margin: 2px auto;
		width: 710px;
		}
.grey  {
		width:684px;
		background-color:#e7e6e6;
		margin:0px;
		}
.blue	{
		width:684px;
		background-color:#9fc9eb;
		margin:0px;
		}