/* Navigation Style */

/* Bar style */
ul#navlist
{
padding: 0;
margin: 0;
float: left;
width: 800px;
height: 22px;
color: #fff;

border-bottom-width: thin;
border-top-width: thin;
border-color: #fff;
background-color: #fff;
}

ul#navlist li { display: inline; }

/* Cell style */

ul#navlist li a
{
float: center;
width: 110px;
height: 22px;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8.5pt;
font-weight: bold;
background-color: #000;
padding: .25em 3.95em;
text-decoration: none;

}
/* Nav Hover style */
ul#navlist li a:hover
{
background-color: #8ec63f;
height: 22px;
color: #000000;
}


/* End Navigation Style */



/* Flaoting Table Layout  */

#container
{
width: 800px;
height: 600px;
margin: 10px auto;
background: #fff;
border-left : 1px solid #000;
border-right : 1px solid #000;
color: #333;
border: #ffffff;
}

#top
{
width: 800px;
height: 214px;
background: #fff;
}

#top h1
{
padding: 0;
margin: 0;
}


#leftnav
{
float: left;
width: 170px;
height: 1415px;
margin: 0;
background-color: #fff;

}

#rightnav
{
float: right;
width: 150px;
height: 1392px;
margin: 0;
padding: .75em;
background-color: #fff;
}

#content
{
position:relative;
float: left;
margin-left: 0;
margin-right: 0;
width: 438px;
height: 1400px;
border-left: 1px solid #8ec63f;
border-right: 1px solid #8ec63f;
padding: .5em;
background-color: #fff;
}
/* long content*/

#leftnav2
{
float: left;
width: 150px;
height: 716px;
margin: 0;
background-color: #999;
}

#rightnav2
{
float: right;
width: 150px;
height: 1392px;
margin: 0;
padding: .75em;
background-color: #e1f7b6;
}

#content2
{
position:relative;
float: left;
margin-left: 0px;
margin-right: 0px;
width:468px;
height: 692px;
border-left: 1px solid gray;
border-right: 1px solid gray;
padding: .75em;

background-color: #fff;
}
#content3
{
position:relative;
float: left;
margin-left: 0px;
margin-right: 0px;
background: url(images/bkgd.jpg);
background-repeat: no-repeat;
width:468px;
height: 692px;
border-left: 1px solid gray;
border-right: 1px solid gray;
padding: .75em;
background-color: #ffffff;
}

#footer
{

width: 791px;
height: 15px;
clear: both;
margin: 0;
padding: .5em;
font-family:Arial, Helvetica, sans-serif;
font-size: 9px;
color: #fff;
background-color: #333;

}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }


.text1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: medium;
	line-height: 12pt;
	font-variant: normal;
	text-transform: none;
	color: #000;
	margin-left: 10px;
}

.h2 {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: medium;
	line-height: 16pt;
	font-variant: normal;
	text-transform: none;
	color: #000;
	margin-left: 10px;
}
.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
}
.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: 25px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #8ec63f;
	margin-top: 20px;
	margin-left: 10px;
}
.navtext{font-family: Verdana; font-size: 9pt; font-weight: bold;}

#move {margin-left: 10px;}
#move2 {margin-left: 15px;}

a.on:link{color: #000; text-decoration: none; } 
a.on:hover{color: #8ec63f; text-decoration: none;}
a.on:vlink{color: #8ec63f; text-decoration: none;}

a.on2:link{color: #000; text-decoration: none; font-family: Verdana; font-size: 10pt; font-weight: bold; } 
a.on2:hover{color: #fff; background-color: #33cc33; text-decoration: none; font-family: Verdana; font-size: 10pt; font-weight: bold; padding: 1px;}
a.on2:vlink{color: #5e9f07; text-decoration: none; font-family: Verdana; font-size: 10pt;font-weight: bold;}

a.on3:link{color: #fff; text-decoration: none;} 
a.on3:hover{color: #8ec63f; text-decoration: none;}
a.on3:vlink{color: #fff; text-decoration: none;}

.thumbnail2
{
float: left;
width: 60px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}
.clearboth { clear: both; }

.floatright  {
float: right;
margin: 20px 5px 10px 10px;
border: 1px solid #666;
padding: 2px;
clear: right;
}

.floatleft  {
float: left;
margin: 20px 5px 10px 5px;
border: 1px solid #666;
padding: 4px;
clear: right;
}
.move {margin-left:30px;}


/* ============
 ojw owilcock 2010May5 table alternating rows used for search
*/
div.Table1 {
	color: black;
	line-height: normal;
}
table.Table1 {
	width: 100%;
}
table.Table1 tr {
	text-align: center;
	vertical-align: middle;
	width: 100%;
	color: black;

	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: white;
}
table.Table1 td
, table.Table1 th {
	color: black;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	vertical-align: middle;
	padding: 15px;
	text-align: left;
	font-weight: normal;
}

/* first column / date column */
table.Table1 tr td.dateColumn {
	white-space: nowrap;
	height: 3em;
	width: 11em;
}

table.Table1 a {
	height: 100%;
	width: 100%;
	display: block;
	color: black;
/* inherit !important; */
	text-decoration: none;
}
/*
table.Table1 a:visited
, table.Table1 a:link {
	color: inherit !important;
}
*/
tr.Table1Even {
        background-color: #C7DFFB;
}
tr.Table1Odd {
        background-color: #E7E7E7;
}
table.Table1 tr:hover {
	color: white;
}
tr.Table1Even:hover
, tr.Table1Even td:hover
, tr.Table1Even a:hover 
, tr.Table1Even span:hover
{
	background-color: #0C3D91;
	color: white !important;
	cursor: pointer;
	cursor: hand;
}
tr.Table1Odd:hover
, tr.Table1Odd td:hover 
, tr.Table1Odd a:hover 
, tr.Table1Odd span:hover {
	background-color: #0C3D91;
	color: white;
	cursor: pointer;
	cursor: hand;
}

tr.Table1Category
, tr.Table1Category:hover
, tr.Table1Category td 
{
	text-align: left;
	background-color: transparent;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}