/* STANDARD STYLES -------------------------------------------------------------*/

html, body{ background: #333333; margin-top: 0px; text-align: center;}

label {display: block;}

p{ line-height: .5cm; }

p.notice, p.confirmation{ margin-bottom: 10px; padding: 5px; font-weight: bold; }

p.confirmation{ border: 1px solid green; background-color: #ccffcc; }

table{ border: 1px solid #ccc; background-color: #f1f1f1; }

th td { background-color: #e1e1e1; color: white; font-style: bold; }

td { background-color: white; }

body, p, li, ol, div, pre, span, td, ul { font-family: MS Sans Serif, Geneva, Arial, sans-serif; font-size: 14px; color: #333333; }

pre { font-family: courier, verdana, arial; }

img { border: 0; }

div { background-color: transparent; }

ul{ margin: 0; padding-left: 17px; }

li { margin-bottom: 0px; font-size: 12px; list-style: square; }

a{ color: #0066ff; font-weight: bold; }

a:link, a:visited, a:active { text-decoration: none; }

a:hover, a.headlinelink:hover{ color: #0066ff; text-decoration: underline; }

.feedlink { padding: 4px; margin-top: 5px; display: block; border-bottom: 1px dashed #ccc; }

h1, h2, h3, a.headlinelink {font-family: Swiss721 Light, Helvetica, Arial, sans-serif; font-weight: bold; display: block; padding-top: 10px;}

h1{ color: #333; font-size: 28px; font-weight: normal; }

h2 { color: #990000; 	font-size: 18px; margin: 5px 0px 5px 0px; }

h3, a.headlinelink{ color: #000; 	font-size: 16px; margin: 10px 0px 5px 0px; }

.readonly{ border: 0px; color: #333333; background-color: #e1e1e1; }

.clearboth{ font-size: 1px; clear: both; margin: 0px; padding: 0px; }

hr { height: 1px; border: 0px; border-top: 1px dashed #999; }

/* START NAVIGATION STYLES ------------------------------------------------------*/

div#header, div#main{ margin: auto;  text-align: left; }

div.content{  padding: 10px;}

div#backdrop{ width: 1003px; padding: 5px 5px 5px 5px; margin: 20px auto 20px auto; background-color: #666666;}

div#header{
	width: 1000px;
	height: 65px;
	background-color: #fff;
	border-top: 8px solid #333;
	border-bottom: 1px solid #000;
	background-image: url('../images/tile-header.gif');
	background-repeat: repeat-x;
}

div#main{ width: 1000px; background-color: #fff; line-height: .5cm; }

div#mainnav{
	float: left;
}

div.mainnavbuttonon, div.mainnavbutton{
	float: left;
	text-align: center;
	margin-right: 3px;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
}

div#mainnav a:link, div#mainnav a:active, div#mainnav a:visited{
	text-decoration: none;
	padding-left: 5px;
	font-size: 11px;
	color: #990000;
}

div#mainnav a:hover{ text-decoration: underline; background-color: transparent; }

.mainnavbuttonon{
	font-weight: bold;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #59667e;
	border-left: 1px solid #59667e;
	background-image: url('../images/nav-btn-tile.gif');
	background-repeat: repeat-x;
}

div.mainnavbuttonon a:link, 
div.mainnavbuttonon a:active, 
div.mainnavbuttonon a:visited,
div.mainnavbuttonon a:hover{
	color: #999;
}

div#subnav{
	color: black;
	float: left;
	width: 200px;
	border-left: 1px solid #B6C2D0;
	border-right: 1px solid #B6C2D0;
	border-top: 1px solid #ccc;	
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	margin-bottom: 10px;
	margin-right: 10px;
}

div.subnavcontent{
	float: left; 
	width: 500px;
	padding-bottom: 20px;
}

div.subnavbuttonon, div.subnavbutton{
	display: block;
	border-top: 1px solid white;
	background-color: #f1f1f1;
}

div.subnavbuttonon{
	background-color: #dbe2f2;
	font-weight: bold;
}

div#subnav a:link, div#subnav a:active, div#subnav a:visited, div#subnav a:hover{
	padding: 3px;
	text-decoration: none;
	padding-left: 5px;
	font-size: 11px;
	color: #333;
	display: block;
}

div#subnav a:hover{
	background-color: #eaf0ff;
}

/* FORM STYLES -------------------------------------------------------------*/

form{
	margin: 0px;
}

input, textarea, select {
	color : #333333;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #9097A2;
	border-bottom: 1px solid #9097A2;
	border-top: 1px solid #283043;
	border-left: 1px solid #283043;
	margin-right: 5px;
}

input.button, input.submit {
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	color: #333333;
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin-top: 5px;
}

input.checkbox {
	border: 0px;
}

input.radiobutton {
	border: 0px;
	margin-top: -2px;
	margin-left: 0px;
	margin-bottom: -2px;
	margin-right: 0px;
}

.readonly{
	border: 0px; 
	color: #333333; 
	background-color: #e1e1e1;
}

div#headerlogo{
	float: left;
	padding: 15px 15px 15px 15px;
}

div#headercol2{
	margin-left: 10px;
	float: right;
	padding: 5px;
	font-size: 9px;
	text-align: right;
}

div#footer{ clear: both; padding-top: 20px; margin: 10px; margin-top: 50px; font-size: 9px; }


div.col1{ float: left; width: 200px; margin-right: 20px; margin-left: 10px; margin-top: 10px; }
div.col2{ float: left; width: 500px; padding: 10px; }
div.col2no1{ float: left; width: 740px;}
div.col3{ float: left; width: 250px; background-color: #f1f1f1; }

div.col3 h1 { color: #990000; font-size: 15px; margin-bottom: 5px; }
div.col3 h2 { color: #333; font-size: 15px; margin-bottom: 5px; }
div.col3  a:link, div.col3  a:active, div.col3  a:visited, div.col3  a:hover { font-size: 11px; font-weight: normal; color: #333; }

div#klinks { padding: 10px; }
div#klinks h1 {font-weight: bold;}
div#klinks a {display: block;}

div#searchbar{
	background-color: #7b6767; 
	height: 38px;
	background-image: url('../images/bg_search_bar.gif');
	background-repeat: no-repeat;
}
