html {
	background-color:white;
}

body {
	margin:8px;
	padding:0;
	border:0;
}

#wrap {
	font-family: arial, verdana, helvetica, sans-serif;
	margin:0 auto;
	width:800px;
	position:relative;
	text-align:left;
}

#logo {
	height:122px;
	width:800px;
	margin:0;
}

#logo img {
	z-index:1;
}

h1 {
	position:absolute;
	margin:0;
	border:0;
	padding:0;
	color:white;
	z-index:2;
}

#main {
	float:left;
	width:632px;
	margin:0;
}

#main li {
	text-align:justify;
	margin:.75em 25px 0 0;
}

#main_text {
	width:612px;
	border:2px solid;
	padding:0 8px;
	text-align:justify;
}

#sidebar {
	background:#c9c;
	float:right;
	width:160px;
	height:600px;
	margin:0 0 0 8px;
}

#footer {
	clear:both;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:smaller;
	margin:8px auto 0 auto;
	max-width:800px;
	text-align:right;
}

p {
	margin-top:.75em;
	margin-bottom:0;
	border:0;
	padding:0;
}

h2 {
	text-align:center;
	margin:.5em 0;
}

h3 {
	text-align:center;
	margin-top:1em;
	margin-bottom:0;
}

h4 {
	text-align:justify;
	margin:1em;
}

textarea {
	margin:0;
}

th {text-align:center}

.red_text {
	color:#F66;
	text-align:center;
}

.gray_text {
	color:#808080;
	text-align:center;
}

.black_text {
	color:black;
	text-align:left;
}

.nav_bar {
	background:white;
	clear:both;
	padding:0; 
	margin:0;
	list-style-type:none;
}

.nav_bar li {
	float:left;
	margin:8px 0 8px 4px;
	width:130px; 
	text-align:center;
}

.nav_bar a {
	display:block;
	width:130px;
	margin:0;
	padding:.25em 0;
}

.nav_bar a:link {text-decoration:none}
.nav_bar a:visited {text-decoration:none}
.nav_bar a:hover {text-decoration:underline}
.nav_bar a:active {text-decoration:underline}

.red {
	background:#FEEEEE;
	color:#D30000;
	border-top:1px dotted #D30000;
	border-bottom:1px dotted #D30000;
}

.red_inverted, a.red:hover {
	background:#D30000;
	color:#FEEEEE;
	border-top:1px solid #D30000;
	border-bottom:1px solid #D30000;
}

.orange {
	background:#FFF2E8;
	color:orange;
	border-top:1px dotted orange;
	border-bottom:1px dotted orange;
}

.orange_inverted, a.orange:hover {
	background:orange;
	color:#FFF2E8;
	border-top:1px solid orange;
	border-bottom:1px solid orange;
}

.yellow {
	background:#FFFDF2;
	color:#CCC633;
	border-top:1px dotted #CCC633;
	border-bottom:1px dotted #CCC633;
}

.yellow_inverted, a.yellow:hover {
	background:#CCC633;
	color:#FFFDF2;
	border-top:1px solid #CCC633;
	border-bottom:1px solid #CCC633;
}

.green {
	background:#F0FFF6;
	color:green;
	border-top:1px dotted green;
	border-bottom:1px dotted green;
}

.green_inverted, a.green:hover {
	background:green;
	color:#F0FFF6;
	border-top:1px solid green;
	border-bottom:1px solid green;
}

.blue {
	background:#E8F0F8;
	color:#3333CC;
	border-top:1px dotted #3333CC;
	border-bottom:1px dotted #3333CC;
}

.blue_inverted, a.blue:hover {
	background:#3333CC;
	color:#E8F0F8;
	border-top:1px solid #3333CC;
	border-bottom:1px solid #3333CC;
}

.purple {
	background:#FFF2FC;
	color:purple;
	border-top:1px dotted purple;
	border-bottom:1px dotted purple;
}

.purple_inverted, a.purple:hover {
	background:purple;
	color:#FFF2FC;
	border-top:1px solid purple;
	border-bottom:1px solid purple;
}