﻿body
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #fff;
}

/* green: #14830d
   blue:  #175eb8
   red:   #cc0000 */

.blue
{
	color: #175eb8; 
}

.green
{
	color: #14830d;
}

.darkgrey
{
	color: #666;
}

.grey
{
	color: #ccc;
}

.black
{
	color: Black;
}

p, div, th, td, input, select, textarea
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
	color: #666;
}

a, a:link, a:visited, a:hover, a:active
{
	color: #175eb8; 
}

div.topbar, div.logo, div.page, div.footer
{
	min-width: 730px;
	width: 80%;
	width: expression(document.body.clientWidth < 912 ? "730px" : (document.body.clientWidth > 1187 ? "950px" : "80%")); 
	max-width: 950px;
	text-align: left;
	margin: 0px auto;
}

div.topbar
{
	padding: 4px 20px 4px 20px;
}

div.topstatus
{
	text-align: right;
}

div.logo
{
	padding: 10px 20px 10px 20px;
	border-bottom: solid 3px #ccc;
}

img.logoimage
{
	border: none;
}

div.page
{
	
}

div.footer
{
	font-size: 8.25pt;
	padding: 4px 6px 4px 6px;
	text-align: center;
	border-top: solid 1px #ccc;
	clear: both;
}

div.minwidth
{
	width: 730px;
}

h1
{
	color: Black;
	font-size: 150%;
	margin: 8px 0px 8px 0px;
}

h2
{
	color: #14830d;
	border-bottom: solid 1px #ccc;
	font-size: 120%;
	margin: 8px 0px 3px 0px;
	padding-bottom: 4px;
}

p
{
	text-align: justify;
}

div.extralink, div.extralink a
{
	font-size: 8.25pt;
	color: #cc0000;
}

/* fluid two-column layout */

div.leftcolumn
{
	float: left;
	width: 160px;
	padding-top: 10px;
}

div.content
{
	margin-left: 180px;
	border-left: solid 1px #ccc;
	padding: 10px 20px 10px 20px;
	min-height: 280px;
	height: auto !important;
	height: 280px;
}

/* navigation menu */

ul.navigator
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

ul.navigator li
{
	margin: 0;
}

ul.navigator li a
{
	display: block;
	padding: 3px 3px 3px 9px;
	/* border-left: solid 6px #fff; */
	text-decoration: none;
}

ul.navigator li a:hover
{
	/* border-left: solid 6px #14830d; */
	background-color: #175eb8;
	color: #fff;
}

ul.navigator li.selected a
{
	background-color: #175eb8;
	color: #fff;
}

ul
{
	list-style-type: square;
}

.textbox
{
	font-size: small;
	width: 100px;
	font-family: Verdana;
	text-align: left;
	height: 15px;
	border-width: 0px;
}

.textfield
{
	width: 200px;
	background-color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	color: black;
	border: solid 1px #175eb8;
}