body { color: #000000; background: #FFFFdd; margin-left: 2%; margin-right: 2%; font-family:  Arial, Helvetica, Sans-Serif; font-size: 100%;}
h1, h2, h3 {font-family: Georgia, Arial, sans-serif; }
h1, h2 {margin-left: 200px; text-align: center; font-style: italic;}

h1	{ font-size: 175%; }
h2	{ font-size: 145%; }
h3	{ font-size: 125%; margin: 0; padding: 0; text-align: left; }

#wrapper {width: 100%; }
#header{
	background-image:url(images/stonybrookspring.jpg);
	background-repeat:no-repeat;
	padding: 0;
	margin: 0 0 3px 0;
	height:133px;
	width:200px;
	float: left;
	border: 2px solid #00008B;
	clear: both;
	}

.navcontainer {float: left; }

.navcontainer ul
	{
	margin: .5em 0;
	padding: 0 .1em .5em;
	list-style-type: none;
	background-color: #FFFFdd;
	color: #000000;
	width: 10em;
	float: left;
	}

.navcontainer li 
	{ 
	display: block; 
	padding-bottom: .1em;
	text-align: center;
	}
.navcontainer li a
	{
	text-decoration: none;
	background-color: #99CCCC;
	color: #000;
	padding: .5em;
	border: 2px solid #000;
	display: block;
	}

.navcontainer li a:visited 
	{ 
	background-color: #D4ECFB; color: #000;
	}

.navcontainer li a:hover
	{
	background-color: #369; 
	color: #FFFF00; 
	}

a#current {background-color: #FFFF80; 
	color: #000; 
	border-width: 2px;
	border-style: solid;
	}

.hidden
	{
	position:absolute;
 	left:0px;
 	top:-200px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
 	}

table.list {border: 0; }
table.list td {padding: 0 1em .2em 0;}
/* these two for contact page only */

a { font-family: "Comic Sans MS", "Trebuchet MS", Arial, sans-serif; 
	font-weight: normal;
	text-decoration: underline; 
	background-color: transparent; 
	color: #00008B; 
	}

a:visited
{ color: #555; }

a:hover
{ color: #BC001D; } 

a#footer {
	text-decoration: none; 
	color: #000; 
	}

div.main {
		width: 100%;
		padding: .5em 0 0;
		margin: 0;
		border-top: 1px solid; border-color: #00008B;
		clear: both;
		}
	
div.content { 
	margin-left: 12em; 
		}
	
img 		{ border: 1px solid #00008B; font-size: 80%; 
		text-align: center;}

img.left 	{ margin: .5em 1em .5em 0; float: left; }
img.right	{ margin: .5em 0 .5em 1em; float: right; }

img.shade {	border: 2px solid #000000; 
		float: left; margin: .5em 1em .5em 0;
		}

div.foot { 
	margin: 5em 0 0 0; 
	font-style: normal; font-size: 80%; 
	text-align: center;
	border-top: 1px solid; border-color: #00008B;
	padding: 5px 0;
		 }

.foot li 
	{
	display: inline;
	text-align: center;
	background-image: url("images/bluedot.gif");
	background-repeat: no-repeat;
	padding: 0 0 0 17px;
	margin: 0 0 0 17px;
	}

p.center	{ text-align: center;
		}
/* centred para is on lampshades and prices */
/* also on all pond and house images but sep stylesheet */

div.clear { clear: both; }
#crumb {font-style: normal; font-size: 80%; padding: 0 0 1em 0; 
 } 
#crumb p {text-align: center; }

div.stat img {border-width: 0;}