﻿/* CSS Document */

/* ========================= */
/* Begin Basic Tag Rules */
h1, h2, h3, h4, h5, h6, p, ul, ol, dir, menu, div, dt, dd, address, blockquote, pre, br, hr {
	display: block;
	}
b, strong, i, em, cite, var, tt, code, kbd, samp, img, span {
	display: inline;
	}
li {
	display: list-item;
	}
b, strong {
	font-weight: bolder;
	}
i, cite, em, var {
	font-style: italic;
	}
pre, tt, code, kbd, samp {
	font-family: monospace;
	}
pre {
	white-space: pre;
	}
ul, dir {
	list-style: disc;
	}
ol {
	list-style: decimal;
	}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
h1 {
	font-size: 130%;
	}
h2 {
	font-size: 120%;
	}
h3 {
	font-size: 110%;
	}
h4 {
	font-size: 100%;
	}
h5 {
	font-size: 95%;
	}
h6 {
	font-size: 90%;
	}
a, a:link, a:visited {
	text-decoration: underline;
	}
a:hover, a:active {
	text-decoration: underline;
	}
/* End Basic Tag Rules */
/* ========================= */
/* Begin Major Layout Blocks */
html, body, #header, #content, #footer, #leftcol {
	/* some definitions that help reduce bugs */
	border: 0;
	margin: 0;
	padding: 5px;
	width: auto;
	}
body {
	background-color: #000066;
	background-repeat: repeat-y;
	font-family: "Times New Roman", Georgia, Times, serif;
	font-size: 100%;
	}
/* End Major Layout Blocks */
/* ========================= */
/* Begin Header Details */
#header {
	background-color: #3C3921;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 1px solid #996666;
	height: 93px;
	} 
/* End Header Details */
/* ========================= */
/* Begin Left Column Details */
#leftcol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	font-weight: normal;
	position: relative;
	top: 0px;
	left: 0px;
	width: 170px;
	height: auto;
	margin: 0px;
	padding: 0px;
	}
#navcontainer {
	margin: 0;
	padding: 0;
	vertical-align: top;
	}
#navcontainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#navcontainer li {
	border-bottom: 1px solid #80804D;
	margin: 0;
	padding: 0;
	position: relative; /* needed for IE */
	}
#navcontainer li a {
	background-color: #666699;
	border-left: 10px solid #000099;
	color: #CCCCCC;
	display: block;
	margin: 0;
	padding: 5px;
	text-decoration: none;
	width: 170px;
	}
html>body #navcontainer li a { 
	/* needed to override IE width to correct box model */
	width: auto; 
	}
#navcontainer li a:hover {
	background-color: #FFCC66;
	border-left: 10px solid #003399;
	color: #000000;
	}
#nav1 a.nav1, #nav2 a.nav2, #nav3 a.nav3, #nav4 a.nav4, #nav5 a.nav5, #nav6 a.nav6, #nav7 a.nav7, #nav8 a.nav8, #nav9 a.nav9, 
	{
	/* Shows current page based on BODY ID */	
	background-color: #FFCC66;
	border-left: 10px solid #000099;
	color: #000;
	}
#address {
	background-color: #CDCD99;
	border-bottom: 1px solid #80804D;
	color: #80804D;
	padding: 15px;
	}
/* End Left Column Details */
/* ========================= */
/* Begin Main Column Details */
#content { 
	font-family: verdana, Helvetica, sans-serif;
	font-size: 0.85em;
	padding: 1.5em;
	}
/* End Main Column Details */
/* ========================= */
/* Begin Footer Details */
#footer {
	color: #CCCCCC;
	font-size: smaller;
	padding: 0.5em 1.5em;
	text-align: center;
	letter-spacing: 0.1em;
	height: 30px;
	vertical-align: baseline;
	margin-top: 10px;
	} 
#footer a { 
	color: #00CCFF;
	}

#title {
	font-weight: bold;
	color: #CC3300;
	font-size: larger;
}
#quotes {
	color: #666666;
	padding-left: 5px;
	padding-right: 10px;
	font-size: large;
}
#author {
	color: #666666;
	padding-left: 5px;
	padding-right: 10px;
	font-style: italic;
	}
/* End Footer Details */
/* ========================= */
/* Begin utility styles */
.clr {
	/* used to clear floats */
	clear: both;
	}
.hide {
	/* Add this class to any element you want to hide */
	display: none;
	}
	.left{
	background-color: #666666;
	vertical-align: top;
	width: 175px;
	}
/* End utility styles */
/* ========================= */

