/* --------------------  html ----------------------- */
html { 
	height: 100%; 
	}
	
body  {
	font: 100% Georgia, "Times New Roman", Times, serif;
	background: #e1e1ce;
	margin: 0; 
	padding: 0;
	text-align: center; /* centers container in IE 5.  text n set to the left aligned default in the #container */
	color: #000000;
	}	
a {
	color: #000; 
	text-decoration: underline;
	}
a:hover {
	color:#661111; 
	text-decoration: underline;
	}
p {
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	font: 83%/1.5em Georgia, "Times New Roman", Times, serif;
	}
ul {
	margin: 0 0 10px 20px;
	padding: 0 0 0 20px;
	}
li { 
	margin: 0 0 10px 20px;
	padding: 0;
	list-style-type: disc;
	}
p, ul, li { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 83%;
	line-height: 1.5em;
}
blockquote {
	padding: 0 10px 10px 20px;
	font: italic 84%/1.5em Georgia, "Times New Roman", Times, serif;
	color:#4C4B35;	
}
	 
img {
	margin: 0;
	padding: 6px;	
}
a img { 
border: none;
} /* fixes Firefox border on linked images */

/* -------------- TYPOGRAPHY ---------------*/
h1 {
	font: 190% Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #003399;
	}
h2 { /* by line */
	padding: 2px 0 10px 20px; 
	font: 108%  Arial, Helvetica, Verdana, sans-serif;
	color: #000; 
	}	
h3 { /* paragraph subheads */
	margin: 0 0 5px 0;
	padding: 10px 0 0 20px; 
	font: 104% Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #4C4B35; 
	}	
h4 { /* sidebar headers */
	margin: 10px 0 0 10px;
	font: 108%  Arial, Helvetica, Verdana, sans-serif;
	color: #d0d0ae;
	font-weight: bold;
	}
h5 { /* not assigned */
	font-size: 100%;
	color: #003366;
	font-weight: bold;
	}
h6 { /* captions */
	margin: 0;
	padding: 5px 0 10px 0; 
	font: bold 74%/1.25em Georgia, "Times New Roman", Times, serif;
	color: #6f6f60;
	}

/* -------------- NAVIGATION ---------------*/
.smallnav {
	float: right;
	margin: 2px 10px 0 0;
	padding: 6px 10px 0 0;
	font: normal 80% Arial, Sans-Serif; 
	}
.smallnav a {
	color: #393935; 
	text-decoration: underline;
	}
.smallnav a:hover {
	color: #661111;
	text-decoration: underline;
	}
.footernav {
	font: normal 80% Arial, Sans-Serif; 
	}
.footernav a {
	color: #393935; 
	text-decoration: underline;
	}
.footernav a:hover {
	color: #661111;
	text-decoration: underline;
	}


/* --------------------  LAYOUT ----------------------- */
	
.twocolumn #container { 
	width: 90%;  /*  window % of browser width */
	min-width: 680px;
	background: #f9f9ee;
	margin: 10px auto; /* auto margins with width center page */
	border: 1px solid #666;
	text-align: left; /* overrides the text-align: center on body */
} 
.twocolumn #header { 
	background: #C2C488; 
	padding: 0 10px;
	border-bottom: 0 solid #000;/*  padding matches the left alignment in divs beneath */
} 
.twocolumn #header h1 {
	margin: 0; /* zeroing margin of last element in #header div to avoid margin collapse - space between divs. not necessary if div has border */
	padding: 70px 0 8px 20px ; /* using padding instead of margin keeps element away from edges of div */
	color: #4C4B35;
}

/* sidebar1: percentage widths padding on sidebar will be added to width for standards compliant browsers creating an unknown actual width. for more predictable results use pixel sized columns. give left and right margin to every element placed in side columns */
.twocolumn #sidebar1 {
	float: right; /* since element is floated, width must be given */
	width: 220px; 
	color: #C2C488;
	background: #616159; /* background  displayed only for length of the content */
	padding-top: 10px;
	border-left: 30px solid #f9f9ee; /* keeps center content from running into sidebar, but allows it to fill main area below sidebar */
}
.twocolumn #sidebar1 p {
	margin: 0; 
	font: 88%  Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
}
.twocolumn #sidebar1 h4 { 
	margin: 10px 10px 10px 20px; 
	font: 88%  Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
}
.twocolumn #sidebar1 img {
	padding: 10px;
	margin: 0 10px; 
}

/* mainContent: to avoid float drop at supported minimum 800 x 600, elements in mainContent div should be 430px or smaller (includes images). in  IE Conditional Comment below, the zoom property"hasLayout" avoids several IE-specific bugs.
*/
.twocolumn #mainContent { 
	margin: 0 30px 0 10px; /* the left margin mirrors the margin on the header and footer  */
} 
.twocolumn ul {
	font-size: inherit;
	}
.twocolumn li { 
	list-style-type: disc;
	}	

.twocolumn #footer { 
	padding: 0 10px; /* match padding to left alignment in the divs that appear above */
	color: #000;
	background: #C2C488;
	border-bottom: 0 solid #616159;
} 
.twocolumn #footer p {
	margin: 0; /* zeroing the margins of first element in footer avoids margin collapse - a space between divs */
	padding: 10px 0; /* padding on element will create space, just as margin would have, without the margin collapse issue */
}

/* Misc classes for reuse */
.photobox {
	float: left;
	width: 254px;
	margin: 5px 20px 5px 20px;
	padding: 10px 8px 1px 10px;
	border: 2px solid #a2a29a;
	background: #e1e1ce;
	}
.photobox img {
	margin:0;
	padding: 0;
	border: 1px solid #666; 
	}	
.photoboxn {
	float: left;
	width: 195px;
	margin: 5px 20px;
	padding: 10px 8px 1px 10px;
	border: 2px solid #a2a29a;
	background: #e1e1ce;
	}
.photoboxn img {
	margin:0;
	padding: 0;
	border: 1px solid #666; 
	}	
.indentw {
	margin: 0 0 10px 340px;
	padding: 0 0 0 20px;
	}
.indent {
	margin: 0 0 10px 260px;
	padding: 0 0 0 20px;
	}
.indent ul {
	margin: 0 0 10px 20px;
	padding: 0 0 0 20px;
	}
.indent li { 
	padding: 0;
	list-style-type: disc;
	}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class placed on div or break as final element before close of container to fully contain float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.cleartext { 
	clear:left;
	width:auto;
}