html, body
{
	height: 100%;
}

a
{
	color: #245564;
}

img 
{
	border: none;
}

input, select, button	{ font-family: Tahoma; font-size: 8pt }

body
{
	padding: 0;
	margin: 0;
	background: #C8D5C1 url(/i/columnbgNOTUSED.gif) repeat-y left top; /* this controls the background of the RIGHT AND LEFT COLUMN - if you want them to be different colors use have to use a background image on one side or the other*/
	/*if you want them to be the same, just omit the image*/
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 150%;
}

#outer
{
	height: 100%;
	min-height: 100%;
	margin-top: 0;
	margin-right: 140px;
	margin-bottom: -120px;
	margin-left: 170px;
	background: #ddd; /* this controls the background color of the CENTER COLUMN*/
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	color: #265766;
	padding: 0 10px 0 10px;
}

#outer p.intro
{
	font-size: 1.2em;
	font-weight: bold;
}

#centercontent
{
	float: left;
}

#centercontent p
{
	color: #000;
}
#centercontent a
{
	color: Blue;
}

html>body #outer
{
	height: auto; /*so mozilla doesn't think the max-height of the page is 100%. The max-height should grow with the content*/
}


#header
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 75px;
	background: #E5E4DF url(../i/bg_header.gif) repeat-x right top;
	border-bottom: 1px solid #bfbfbf;
	overflow: hidden;
	color: #000000;
}

#searchbar
{
	position: absolute;
	top: 28px;
	right: 5px;
	font-size: 90%;
}

#toolbar
{
	position: absolute;
	top: 5px;
	right: 20px;
	font-size: 90%;
}

#toolbar img
{
	margin: 0 5px 0 0;
}

#toolbar a
{
	text-decoration: none;	
}
#leftcolumn
{
	position: relative; /*ie needs this to show float. Position relative but no-co-ordinates which still keeps it in the flow */
	width: 170px;
	float: left;
	margin-left: -171px; /*must be 1px less than its width otherwise won't push footer down */
	padding-top: 85px; /*clears our header and then some*/
	line-height: 17px;
}

#leftcolumn div
{
	font-weight: bold;
	border-top: #bfbfbf 1px solid;
	border-right: #bfbfbf 0px solid;
	border-bottom: #bfbfbf 1px solid;
	border-left: #bfbfbf 0px solid;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 2px;
	color: #5f5f5f;
	margin-top: 20px;
	line-height: 100%;
}

#leftcolumn a
{
	display: block;
	text-decoration: none;
	padding: 7px 0 2px 10px;
	font-size: 85%;
	font-weight:bold;
}

#leftcolumn a:hover
{
	color: #fff;
}

.big
{
	font-weight: bold;
	color: #ff0000;
}


#rightcolumn .menuheader
{
	border: solid 1px #636363;
	margin-bottom: 10px;
	padding-left: 0px
}


#leftcolumn p {padding-left:3px; padding-right:2px} /*set padding on the paragraphs in the float and avoids the broken box model of IE5 and 5.5 */
#rightcolumn p {padding-left:3px; padding-right:2px}

#rightcolumn
{
	position: relative; /*ie needs this to show float */
	width: 140px;
	float: right;
	margin-right: -141px; /*must be 1px less than width otherwise won't push footer down */
	padding-top: 85px; /*clears our header and then some*/
}

#rightcolumn a
{
	display: block;
	text-decoration: none;
	padding-left: 5px;
	font-size: 90%;
}

#rightcolumn a:hover
{
	text-decoration: underline;	
}

#rightcolumn div
{
	font-weight: bold;
	border-top: #bfbfbf 1px solid;
	border-right: #bfbfbf 0px solid;
	border-bottom: #bfbfbf 1px solid;
	border-left: #bfbfbf 0px solid;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 2px;
	color: #5f5f5f;
}


#footer
{
	width: 100%;
	clear: both; /* clear:both will clear the footer from the floated content above */
	border-top: 1px solid #bfbfbf;
	background-color: #E8EDD7;
	color: #000;
	text-align: left;
	position: relative;
	font-size: 85%;
	line-height: 100%;
}

#footer p
{
	padding: 10px;	
}

* html #footer
{
	/*only ie gets this style - backslash selector hack*/
	\height: 42px; /* for ie5 */
	he\ight: 40px; /* for ie6 */
}


#clearheader
{
	height: 85px; /*moves the CENTER content down*/
}


#clearfooter
{
	clear: both;
	height: 130px; /*needed to make room for footer*/
}


h1
{
	font-weight: bold;
	font-size: 150%; /*13 point, 1.6em */
	line-height: normal;
	border-bottom: 1px #ccc solid;
	margin-bottom: 10px;
}


div,p
{
	margin-top: 0; /*clear top margin for mozilla*/
}

* html #centercontent
{
	height: 1%;
	margin-bottom: 12px; /* combat IE's 3 pixel jog - star selector hack */
}

ul
{
	list-style: disc url(/images/listmark.gif) inside;
}

#mainnav
{
	background: #fff;
}

#mainnav a
{
	display: block;
	text-decoration: none;
	padding: 0 0 10px 0;
}