/* Reset
***********************************************************/

html, body { margin: 0; padding: 0; border: 0; outline: 0; font-family: "Garamond"; }
a img { border: none; }

img, div { behavior: url(/iepngfix.htc) }
.bold{font-weight: bold;}


/* Site-wide Generics, Header & Footer
***********************************************************/

h1, h2, h3, h4, h5, h6 { color: #682440; font-weight: 100; margin-bottom: 5px; }
	h1 { font-size: 26px; }
	h2 { font-size: 21px; }
	h6 { color: #000; font-weight: bold; margin: 0; padding: 0; font-size: 15px; }

a, p, ul li { font-size: 15px; }

ul { margin-left: 15px; padding-left: 0; }

ul{ list-style-position: inside; }


.block { display: block; }

body { background: #EDEAE4 url(/i/bg_body.png) repeat-x;  }

dfn { padding: 5px; border: solid 3px #A57B87; display: block; font-style: normal; }

#apply { position: relative; top: -40px; left: -35px; }

#page { width: 900px; margin: 10px auto; }

#fontSizeForm { padding-bottom: 15px; }
	#fontSizeContainer { float: left; width: 300px; position: relative; z-index: 10; }
	#searchContainer   { float: right; width: 220px; }

#logo { width: 900px; height: 250px; background: url(/i/bg_header.png) no-repeat; }
	#logo .logo img   { position: relative; top: -70px; left: -80px; z-index: 1; }
	#logo .donate img { position: relative; top: -72px; left: 290px; }

#marginFixContainer { margin-top: -135px; margin-bottom: 15px; }

#nav         { border: solid 1px #c9c9c9; background: url(/i/bg_nav.png) repeat-x; height: 30px; width: 720px; position: relative; top: -20px; left: -1px; font-family: verdana; }
#nav ul      { list-style-type: none; text-align: right; padding-top: 5px; margin: 0; }
#nav ul li   { display: inline; }
#nav ul li a { color: #fff; text-decoration: none; padding-right: 40px; font-size: 14px; }

#subNav, .subNav         { border: solid 1px #ccc; background: #e9e9e9 url(/i/bg_subnav.png) repeat-x; height: 45px; width: 775px; position: relative; top: -20px; left: 110px; font-family: verdana; }
#subNav ul, .subNav ul      { list-style-type: none; text-align: center; padding-top: 3px; margin: 0; }
#subNav ul li, .subNav ul li   { display:block; float:left; text-align:center; width:140px; }
#subNav ul li a, .subNav ul li a { color: #000; text-decoration: none; font-size: 13px; }

/* Rotating Images for Header
***********************************************************/

div#rotator {position: absolute; height: 251px; top: 0; left: 0; }
div#rotator ul { padding: 0; margin: 0; }
div#rotator ul li { padding: 0; margin: 0; float:left; position: absolute; list-style: none; top: 0; left: 0; }
div#rotator ul li.show { z-index: 5 }


/* Index Page
***********************************************************/

#leftCol { border: solid 2px #a57b87; float: left; width: 185px; padding: 20px; background: #fff; }
	.index #leftCol h1 { text-align: right; }

#rightCol { width: 640px; float: right; border: solid 2px #cacaca; padding: 7px; background: #fff; margin-bottom: 15px; }

.box     { width: 175px; height: 313px; overflow: auto; margin-right: 11px; float: left; background: url(/i/bg_section.png) no-repeat; padding: 10px 15px; margin-bottom: 10px; }
.lastBox { margin-right: 0; }

#residentSpotlight-01 { background: url(/i/bg_section-wide_01.png) no-repeat; height: 5px; width: 637px; }
#residentSpotlight-02 { width: 605px; height: 265px; background: #e4e2dc url(/i/bg_section-wide_02.png) no-repeat; padding: 10px 15px; border-left: solid 1px #c9c9c9; border-right: solid 1px #c9c9c9; overflow: auto; }
#residentSpotlight-03 { background: url(/i/bg_section-wide_03.png) no-repeat; height: 5px; width: 637px; }
	.resident { float: left; margin: 0 10px 10px 0; }

	.index #footer { float: left; background: url(/i/bg_section-footer.png) no-repeat; padding: 10px 15px; min-height: 279px; width: 634px; }
		.index #footer .mission   { font-size: 18px; }
		#footer table      { width: 90%; margin-bottom: 15px; }
		
.copyright { display: block; background: url(/i/footer.png) no-repeat; width: 649px; font-family: arial; font-size: 11px; margin-left: -6px; padding-left: 15px; padding-top: 25px; text-align: center; }

#vermont { float: right; border: solid 2px #a57b87; background: #fff; width: 200px; padding: 10px 10px 5px 10px; }
	#vermont h2 { text-align: center; margin-bottom: 0; padding-bottom: 0; margin-top: 10px; }


/* Property Page
***********************************************************/

.samplePhoto { display: block; width: 192px; height: 132px; background: url(/i/sample_photo.png) no-repeat; }
.samplePhoto img { position: relative; top: 6px; left: 7px; }

.property #footerContainer { margin-right: 2px; }
	.property #footer-01 { float: right; width: 655px; height: 4px; background: url(/i/bg_footer-property_01.png) no-repeat; }
	.property #footer-02 { float: right; background: #d4d4d4 url(/i/bg_footer-property_02.png) no-repeat; padding: 10px 15px 0; min-height: 279px; width: 623px; border-left: solid 1px #c9c9c9; border-right: solid 1px #c9c9c9; }
		.property #footer-02 table { float: right; width: 90%; margin-bottom: 15px; }
	.property #footer-03 { float: right; width: 655px; height: 4px; background: url(/i/bg_footer-property_03.png) no-repeat; }


/* General Page
***********************************************************/

.general #footer { float: left; background: url(/i/bg_section-footer.png) no-repeat; padding: 10px 15px; min-height: 279px; width: 634px; }
#colContainer { margin-bottom: 15px; }



/* events */
div.homelft {
	float: left;
	width: 420px;
}

div.homelft h2 {
	font-family: georgia;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 4px;
	padding-bottom: 0;
}

div.date {
	float: left;
	width: 48px;
	height: 65px;
	text-align: center;
	color: #000;
	margin: 0 12px 0 0;
}

div.one {
	width: 100%;
	overflow: hidden;
	padding: 5px 0 0 4px;
	margin: 0 0 4px 0;
	font-size: 11px;
	background: transparent url("/i/homeCal.gif") top left no-repeat;
}

div.date .month {
	font-size: 15px;
	padding: 0 0 0 0;
}

div.date .year { font-size: 12px; }

div.date .day {
	font-size: 26px;
	font-weight: bold;
	margin: -6px 0 -6px 0;
}

div.text a {
	text-decoration: none;
	color: #000;
	font-size: 12px;
}

div.text a:hover { text-decoration: underline; }

div.homergt {
	float: right;
	width: 220px;
}

p img { float: right; margin: 5px; }

#print { display: none; }


/* Top Nav 
***********************************************************/

ul#topnav { margin: 0; padding: 0; border: solid 1px #c9c9c9; background: url(/i/bg_nav.png) repeat-x; height: 30px; width: 720px; position: relative; top: -20px; left: -1px; font-family: verdana; list-style: none; z-index: 500; }
ul#topnav li { float: right; margin: 0; padding: 0; }
ul#topnav li a {
	padding: 6px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover { background: #5c2a42; }

ul#topnav li span { display: none; border: solid 1px #ccc; background: #e9e9e9 url(/i/bg_subnav.png) repeat-x; height: 56px; width: 775px; position: absolute; top: 30px; left: 110px; font-family: verdana; font-size: 10px; }
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: block; color: #000; float: left; width: 12%; font-size: 12px; text-align: center; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}

ul#topnav li span#emptySubNav { display: block; }

#marginFixContainer { margin-top: -105px; }

#apply { left:-7px; position:relative; top:-26px; z-index:500; }
