* {
	margin: 0;
	padding: 0;
}

body {
margin: 18px 0 0 18px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
background: #fff;
}

img {
border:0;
padding:0;
}

a img { border: none; }

a:link { text-decoration: none; color: #000; border-bottom: #000 1px solid; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #000; border-bottom: #000 1px solid; }
a:hover { text-decoration: none; color: #84918F; border-bottom: #84918F 1px solid; }

#logo {
position:absolute;
top:18px;
left:18px;
border:0;
margin:0;
padding: 0;

}

#logo img {
	margin: 0;
	padding: 0;
}




#wrap {
display:inline;
float:left;
border:0;
margin:0 ;
padding: 0;
}


#menu {
position:fixed;
left:18px;
top:120px;
width:180px;	
margin:0;
padding:0;
}

#menu ul {
list-style:none;
line-height:18px;
}

#menu a:link, a:visited, a:active {
border:0;
text-decoration:none;
color:#000;
}


#menu a:hover {
text-decoration:none;
border-bottom: #000 1px solid;
color:#000;
}


#content {
position:absolute;
left:180px;
top:120px;
float:left;
border:0;
margin:0;

}

#spacer {
width:36px;
float:left;
}

#h-spacer {
height:16px;
float:left;
}

#col{
width:410px;
float:left;
margin: 0 0 0 0;
}

#col-2{
width:240px;
float:left;
margin: 0 0 0 0;
}

/*Mouseover style 2. Pop up of images upon mouse-over of text on Resident page.  Base code courtesy of: http://www.cssplay.co.uk */

a.p2 {float:left; font-weight:bold}  /*controls the original text to be moused-over */
a.p2 img {display:block; border:0;}
a.p2:hover {text-decoration:none; background-color:000000; color:#000; position:relative; z-index:500;}  /*controls the text when it is hovered over (upon mouseover) */ 
a.p2 b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;

 -webkit-transition: opacity 0.6s ease-in-out;
}

a.p2:hover b {top:-75px; left:145px; padding:2px; background:#fff; opacity:1.0; font-size:0.8em; font-weight:lighter; line-height:90%; /*controls the pop-up image upon mouseover */ 
}

#info {z-index:100; height:22em;}

/*End of Mouseover style 2*/

#footer{
width:auto;
display:block;
float:left;
margin:0;
border:0;
position:fixed;
left:18px;
bottom:18px;
}


p {
margin: 0 0 0 0;
}


.captions {
font-size:10px;
line-height:12px;
margin-top:6px;

}



h1 {
	display: block;
	font-family: "Times New Roman", Georgia, serif;
	font-size: 17px;
	line-height: 20px;
	font-weight: bold;
	margin: 0 0 9px 0;
	padding: 0;
}



h2 {
	display: inline;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	width: auto;
	border-bottom: 1px #000 solid;
	margin: 0 0 9px 0;
	padding: 0;
}

h3 {
	display: inline;
	font-family: "Times New Roman", Georgia, serif;
	font-size: 32px;
	line-height: 36px;
	font-weight: bold;
	width: auto;
	border-bottom: 1px #000 solid;
	margin: 0 0 0 0;
	padding: 0;
}

h4 {
	display:inline-block;
	font-family: "Times New Roman", Georgia, serif;
	font-size: 17px;
	line-height: 20px;
	font-weight: bold;
	width: auto;
	border-bottom: 1px #000 solid;
	margin: 0 0 5px 0;
	padding: 0;
}