/* .test indicates a 'class' called "test"  use <div class="test"> */
/* #test indicates an id called "test" use <div id="test"> */

/* for css comments */


* { margin: 0; padding: 0; }

html { height:100%; }

body {
	text-align: left;
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	background: #ffffff;
	margin: 0;
	border: 0;
	padding: 0;
	}

h1, .h1 {font-size: 2.4em; }	/* 24pt */
h2, .h2 {font-size: 2em; }	/* 20pt */
h3, .h3 {font-size: 1.8em; }	/* 18pt */
h4, .h4 {font-size: 1.6em; }	/* 16pt */
h5, .h5 {font-size: 1.4em; }	/* 14pt */
h6, .h1 {font-size: 1.1em; }	/* 11pt */

img, a img {border-style: none; }

.header {
	text-align: left;	
	background: #eeaf30;
	color: #782327;
	width: 980px;
	margin: 0 0 0 0;
	border: 0;
	padding: 10px;
	overflow: hidden;
	}

.left_col a {color: #eeaf30;
		text-decoration: none;
		outline: none;
		}
.left_col a:hover {
		color: #eeaf30;
		text-decoration: underline;
		outline: none;
		}
.left_col a:visited {
		color: #eeaf30;
		}
.left_col a:active {
		color: #eeaf30;
		}

.left_col {
	text-align: left;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 16px;
	float: left;
	background: #024731;
	color: #eeaf30;
	width: 160px;
	height: 600px;
	margin: 0 0 0 0;
	border: 0;
	padding: 10px;
	overflow: hidden;
	}

.main_col {
	text-align: left;
	font-size: 12px;
	float: right;
	background: #ffffff;
	color: #782327;
	width: 800px;
	height: 600px;
	margin: 0 0 0 0;
	border: 0;
	padding: 10px;
	overflow: hidden;
	}

.footer {
	text-align: left;
	background: #eeaf30;
	color: #782327;
	width: 980px;
	margin: 0 0 0 0;
	border: 0;
	padding: 10px;
	overflow: hidden;
	}

.wrapper {
	text-align: center;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	}

.small {
	font-size: .9em;
	}

.clearer {
	clear: both;
	}
	
div.imagecaption {
	float: right;
	width: 383px;
	margin: 0 1em 1em 1em;
	display: inline;
	}