/*
original code by dug falby, adonkeyontheedge.com, referenced from alistapart.com
mods during 2004 and 2006 by tom lyczko for essexarc.org site
CSS Level 1 selectors for site content pages
home page does not use all these selectors, it is a hybrid div/table design
*/
body {
	margin: 25px;
	padding: 0px;
	background: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	/* font size is set to 76%; see owen briggs' website about web/css typography */
	/* ems are used because they work best with the style switcher code */
	font-size: 86%;
	color: black;
	}
/* MLS banner logo atop each page */
.logolong {
	margin-top: 15px;
	margin-left: 20px;
	margin-bottom: 15px;
	border: 0px;
	}
/* setting text */
/* first line in any div requires this class added if it is NOT an h1 tag */
.firstline {
	margin-top: 0px;
	}
p {
	font-size: 1.0em;	/* based on owen briggs' recommendations */
	/*margin: 1.2em 0em 1.2em 0em;*/
	}
img {
	border: none;
	}
.hidden { /* shows only on printed documents because it's not declared there */
	display: none;
	}
/* header tags used for page and paragraph topic text */	
h1 {
	font-size: 2em;
	color: #005500;
	/*margin: 1.2em 0em 1.2em 0em;*/
	margin-top: 0em;
	margin-bottom: 0em;
	font-variant: small-caps;
	font-family: arial, helvetica, sans-serif;
	/* from owen briggs' website: both margins set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyond summary in a simple comment */
	}
h2 {
	font-size: 1.7em;
	/*margin: 1.2em 0em 1.2em 0em;*/
	color: #005500;
	font-variant: small-caps;
	font-family: arial, helvetica, sans-serif;
	}
h3 {
	font-size: 1.4em;
	/*margin: 1.2em 0em 1.2em 0em;*/
	color: #005500;
	font-variant: small-caps;
	font-family: arial, helvetica, sans-serif;
	}
h4 {
	font-size: 1.2em;
	/*margin: 1.2em 0em 1.2em 0em;*/
	color: #005500;
	font-variant: small-caps;
	font-family: arial, helvetica, sans-serif;
	}
h5 {
	font-size: 1.0em;
	/*margin: 1.2em 0em 1.2em 0em;*/
	color: #005500;
	font-variant: small-caps;
	font-family: arial, helvetica, sans-serif;
	}
h6 {
	font-size: 0.8em;
	/*margin: 1.2em 0em 1.2em 0em;*/
	color: #005500;
	font-variant: small-caps;
	font-family: arial, helvetica, sans-serif;
	}
/* links */
/* #005500 is green, #b5c19f is light green, #9c9386 is light gray, all derived from original essex arc sun/mountains logo */
a:link { 
	color: #005500;
	text-decoration: none;
	background-color: white;
	}
a:hover {
	color: #b5c19f;
	text-decoration: underline;
	background-color: white;
	}
a:visited {
	color: #9c9386;
	text-decoration: none;
	background-color: white;
	}
/* hidden displays only on printed documents because it's not declared there */	
.hidden { 
	display: none;
}
.label {
	font-weight: bold;
	color: #005500;
	}
span.highlight {
	color: #005500;
	}
strong {
	color: #005500;
	}
.underlined {
	text-decoration: underline;
	}
.centered {
	text-align: center;
	}
.footer {
	text-align: center;
	font-size: .9em;
	}
/* horizontal footer divider line */	
hr {
	height: 1px;
	width: 50px;
	background: #b5c19f;
	color: #b5c19f;
	}
/* forms css, controls how forms look */
input, textarea { 
	border: 1px solid #b5c19f;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;	/* makes all form fields same type size */
	} 
input:focus, textarea:focus { 
	border: 1px solid #9c9386; 
	}
/* examples text in forms */
.example {
	font-size: .8em;
	}
/* ensure that people realize that forms submittal text links do something */
.buttontext {
	font-size: 1.2em;
	border: 1px solid #C0C0C0;
	padding: 4px;
	}
.buttontextsmall {
	border: 1px solid #C0C0C0;
	padding: 4px;
	}
/* settings for light green gridlines in content pages */	
.gridruletop {
	border-left: 1px solid #b5c19f; /* vertical line before long logo on top header */
	}
.gridrule {
	border-left: 1px solid #b5c19f; /* vertical line between menu/content */
	min-height: 450px;  /* pixy css underscore hack to make line proper height even if content col is short */
	height: auto;
	_height: 450px;
	}
.gridrule-right {
	border-right: 1px solid #b5c19f; /* vertical line between menu/content */
	min-height: 450px;  /* pixy css underscore hack to make line proper height even if content col is short */
	height: auto;
	_height: 450px;
	}
/* 2/24/05 not used any more for home page, instead a hybrid div/table design is used */
/* home page css in this file as well */	
.gridleftright {
	border-left: 1px solid #b5c19f; /* vertical line between menu/content */
	border-right: 1px solid #b5c19f; /* vertical line between menu/content */
	min-height: 550px;  /* pixy css underscore hack to make line proper height even if content col is short */
	height: auto;
	_height: 550px;
	}
/* side margins of menu and dynamic content boxes for 2-column layouts, etc.
margin per se does not work because it doesn't 'stretch' the left/right grid lines
menu and content on main content pages */
.contentmargins {
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	}
/* side margins of menu and dynamic content boxes for 3-column layout, etc.
margin per se does not work because it doesn't 'stretch' the left/right grid lines
font-variant is here for the menu on index page */
.leftcontentmargins {
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	font-variant: small-caps;
	}
/* images on index page */	
.middlecontentmargins {
	padding: 25px;
	}
/* content on index page */
.rightcontentmargins {
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-top: 25px;
}
/* 12/3/06 set images left or right should be replaced with absolute instead of float */
/* mission page images and quotations */	
.imgright {
	float: right;
    margin-left: 1em;
    padding-bottom: 1em;
    text-align: center;
	width: 300px;
	}
.imgright p {
	margin: 0px;
    font-style: italic;
    font-size: medium;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	color: #005500;
	}
.imgleft {
	float: left;
    margin-right: 1em;
    padding-bottom: 1em;
    text-align: center;
	width: 300px;
	}
.imgleft p {
	margin: 0px;
    font-style: italic;
    font-size: medium;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	color: #005500;
	}
/* 12/3/06 used for services page picture/quotation */	
.imgright2 {
	float: right;
    margin-left: 1em;
    padding-bottom: 1em;
    text-align: center;
	width: 325px;
	}
.imgright2 p {
	margin: 0px;
	font-variant: small-caps;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #005500;
	text-align: left;
	}
.quotation {
	font-variant: small-caps;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #005500;
	text-align: left;
	}
/* used for all image or quotation left/right so text flows correctly */
.clear {
	clear: both;
	}