﻿/* */
/* */

html, body, div, form, input, textarea, option, select, button, h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, tr, td, th  { 
	color: black;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0
	}

html {
	background-color: #FFFFFF;
	width: 100%
	}

body	{
	background-color: #FFFFFF;
	width: 100%;
	height: 100%
	}

ul, ol	{
	margin-left: 16px;
	margin-bottom: 1em;
	}

form {
	display: inline;
	}

table, tr, td, th    {
	vertical-align: top;
	border-style: none
	}

p { 
	color: black;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
}

#content a:link {
	color: #009900;
	text-decoration: underline;
}

#content a:visited {
	color: #006600;
	text-decoration: underline;
}

#content a:hover {
	color: #FF0000;
	background-color: #FFFF00;
	text-decoration: underline;
}

#content a:active {
	color: #FF0000;
	background-color: #FFCC00;
	text-decoration: underline;
}

#footer, #footer p  {
	color: #AAA;
	font-size: 10px;
	text-align: center
	}


#header   {
	background-image: url("/css/images/header_stretch.gif");
	background-repeat: repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100px;
	clear: both
	}

.title   {
	color: #c00;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0.67em
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #006600;
	margin: 0.67em 0
	}

h1 {
	font-size: 16px;
	}

h2 {
	font-size: 14px;
	}

h3 {
	font-size: 12px;
	}

h4 {
	font-size: 11px;
	}

h5 {
	font-size: 10px;
	}

h6 {
	font-size: 9px;
	}

#main1 {
	margin:0; padding:0;
	background: url("/css/images/nav_background.gif") top left repeat-y;
	}

#main2 {
	margin:0; padding:0;
	background:url("/css/images/promo_background.gif") top right repeat-y;
	}

#nav_left_col	  {
		float:left;
		margin:0; padding:0;
	background-image: url("/css/images/nav_background.gif");
	background-repeat: repeat-y;
	width: 160px;
	height: auto
	}

#navbar  {
	padding: 10px;
	}

#navbar ul  {
	list-style-image: url("/css/images/nav_arrow.gif");
	list-style-position: outside;
	margin-left: 8px;
	padding-top: 10px
	}

#navbar li  {
	font-size: 12px;
	padding-bottom: 10px
	}

#navbar a:link, #navbar a:visited   {
	color: #990000;
	text-decoration: none;
	padding-right: 0;
	padding-left: 0
	}

#navbar a:hover, #navbar a:active, #navbar a.current    {
	color: #006600;
	text-decoration: underline;
	padding-right: 0;
	padding-left: 0
	}

#promo_right  {
		float:right;
		margin:0; padding:0;
	background-image: url("/css/images/promo_background.gif");
	background-repeat: repeat-y;
	width: 180px;
	height: auto
	}

#content   {
	margin: 0 180px 0 160px;
	padding: 20px
	}

#table_results   {
	padding: 3px
	}

#promo  {
	padding: 10px;
	}

#promo ul   {
	list-style-image: url("/css/images/nav_arrow.gif");
	list-style-position: outside;
	margin-left: 10px
	}


#promo li  {
	font-size: 12px;
	padding-bottom: 10px
	}

#promo a:link, #promo a:visited   {
	color: #006600;
	text-decoration: none;
	padding-right: 0;
	padding-left: 0
	}

#promo a:hover, #promo a:active, #promo a.current  {
	color: #990000;
	text-decoration: underline;
	padding-right: 0;
	padding-left: 0
	}

.cleaner {
	clear:both;
	height:20px;
	border:none;
	margin:0; padding:0;
	background-image: url("/css/images/header_stretch.gif");
	background-repeat: repeat-x;
	}

/* For adding photo captions and reducing font size */

.caption {
	font-size:10px;
	}

/* For making my classic pretty tables with grey 1-pixel cellspacing, dark grey header, and white table body */

table#collapsed {margin: 0px; border-collapse: collapse;  border: 2px solid #ccc;}
table#collapsed thead {background: #eee; font-weight:bold;}
table#collapsed thead td {padding: 3px; border: 1px solid #ccc;}
table#collapsed tbody tr {}
table#collapsed tbody td {padding: 3px; border: 1px solid #ccc;}
table#collapsed colgroup {}
table#collapsed col {}
table#collapsed td {}
table#collapsed th {}
.align_center {text-align:center;}

/* Floating several IMGs to the right side of the content area */
.float_right {
	float: right;
	margin: 10px 0 10px 10px;
	clear: both;
	border: 1px solid #000;
}

/* Floating a single IMG to the right side of the content area */

.align_right
{
	float: right;
	margin: 10px 0 10px 10px;
	border: 1px solid #000;
}

/* Floating an IMG to the left side of the content area */
.float_left {
	float: left;
	margin: 10px 10px 10px 0;
	border: 1px solid #000;
}

table#history   {
	width: 98%;
	}


table#history tr td {
	text-align: center;
	padding: 5px;
	vertical-align: middle
	}

.bold {
	font-weight: bold;
}

.field_label {
	font-weight: bold;
	text-align: right;
}

.video_list {
	list-style-image: url("/css/images/nav_arrow.gif");
	list-style-position: outside;
	margin-left: 8px;
	padding-top: 0px
	font-size: 12px;
	padding-bottom: 0px
	}

.clear_fix {
	clear:both;
}