@charset "iso-8859-1";
code
{
	font-family: "Courier New", Courier, monospace;
	font-size: 110%;
}
h3
{
	font-size: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
h4
{
	font-size: 90%;
	margin-top: 10px;
	margin-bottom: 2px;
	font-style: italic;
}
p
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0;
	padding-bottom: 0;
}
.contentTable TH, .contentTable TD
{
	border: solid 1px #000;
	text-align: left;
	font-size: 80%;
	width: 50%;
}

.clear
{
	clear: both;

}
body,
html 
{
    	margin:0;
    	padding:0;
    	background:#eee;
    	color:#000;
}
body 
{
	margin: 0 12%; 						/* center content with 7% margin on each side */
	font-family: verdana, arial, helvetica, sans-serif;
	min-width: 60em; 					/* IE does not understand this. Why?? */	
}
#pageWrapper
{
	border: solid #fff;
	border-width: 0px 5px 0 5px;				/* left and right border */
	width: auto;
	background-color: #ddd;
}
#outerContainer
{
	border-left: solid 260px #917949;			/* reserves space for the left column. */
}
#innerContainer
{
	width: 100%;						/* this container serves as placeholder for the mainColumn and the leftColumn.	*/ 										/* For some mysterious reason, IE renders the leftcolumn offset very 		*/										/* strange if the mainColumn and leftColumn are placed in the 			*/										/* outerContainer directly...*/
	background-color: #F7E8C6;
}
#mainColumn
{
	float: right;
	width: 100%;
}
#header
{
	background: url("header.gif");
	height: 120px;
	margin: -1px 0 0 0;					/* push header up to get rid of ugly top line */
}
#contentContainer
{
	width: 80%;
	border-right: 1px solid #000;
	margin: 20px 0 15px 0;
}
#content
{	
	float: left;
	width: 100%	
}
#contentLeft
{
	float: left;
	width: 65%;
}
#contentRight
{
	float: right;
	margin-top: 25px;
	width: 34%;
}
#rightColumn
{
	float: right;						/* push right column into rest right space of 25% in parent contentContainer */
								/* the total amount available on the right side is calculated as follows: */
								/* (100 - contentContainer.width) / contentContainer.width */
								/* which is 33.3 % */
	margin: 0 -25% 0 0; 
	width: 25%;
}
.rightBlock
{
	margin: 5px 10px 15px 10px;
}

#contentItem
{
	margin: 10px 10px 25px 10px;
	line-height: 150%;
}
#contentHeader
{
	margin: 25px 10px 25px 10px;
}
#photoPlaceHolder
{
	float: left;
	margin: 0 5px 0 2px;	
}
#explanation
{
	float: right;
	width: 80%;
	border: solid 1px #000;
	padding: 5px 5px;	
	margin: 0 5px 10px 2px;
	background-color: #fff;
	font-size: 80%;
}
#leftColumn
{
	float: left;
	margin: 0px 0px 0 -255px; /* push leftcolumn into border aera of parent */
	width: 250px;
}
#navigationHeader
{
	width: 100%;
	font-size: 80%;
}
.leftBlock
{
	margin: 15px 0 25px 0;
}
.leftBlock p
{
	padding: 2px 5px 5px 5px;				/* left and right padding for text in left blocks */
}
.leftBlock .vnav
{
	margin: 10px 0px 25px 20px;
}

.leftBlock .vnav ul
{
	border: none;
}

.leftBlock .vnav li
{
	margin: 5px 0px 5px 0px;
	padding: 2px 0 6px 0px;
}
.leftBlock h3
{
	border-top: solid 1px #000;
	color: #000;
	padding: 10px 5px 5px 5px;
}
.leftTextBlock
{	
	border: solid 1px #000;
	margin: 35px 0 0 0;
}
.rightTextBlock
{	
	border-top: solid 1px #000;

}
.rightTextBlock ul, .rightTextBlock ul li
{
	margin: 0;
	padding: 0;
	list-style-type: square;
}
.rightTextBlock ul li
{
	margin: 5px 0px 5px 15px;
}
	
#footer
{
	clear: right;
	background-color: #eee;
	padding: 0 5px;
	text-align: left;
	font-size: 75%;
}
#footer p
{
	padding: 5px 0 5px 0;
	margin: 0;
}

.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.vnav ul li
{
	border-bottom: solid 1px #000;
}
.vnav ul li a, .hnav ul li a
{
	color: #000;
}
.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover
{
	text-decoration: none;
	cursor: pointer;
}
.hnav
{
	margin: 0;
	padding: 3px 0 4px 0;
	font-weight: bold;
}

.hnav ul
{
	text-align: right;
	line-height: normal;
	margin: 0;
	padding: 0;
}
.hnav ul li
{
	list-style-type: none;	
	display: inline;
	margin: 0;
	border-left: solid 1px #000;
}
.hnav ul li a, .hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	padding: 3px 10px 4px 10px;
	cursor: pointer;
	text-decoration: none;
}
/* IE layout hack. Otherwise rightColumn and leftColumn disappear under the outerbounds of its parent */
* html #rightColumn,
* html #leftColumn
{
	position: relative;
}

* html div
{
	overflow: visible;
}
* html body
{
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking when making browser very narrow */
}