﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	RURAL MENU SECTION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#ruralmenus {
	margin-left:auto;
	margin-right:auto;
	margin-top: 3px;
	color:#333;
	font-size:.85em;
	width:760px;
	border-top: solid 1px #ccc;
	overflow: hidden;
}
#ruralmenus ul
{
	list-style-type: none;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
 	
}
#ruralmenus ul li
{
	display: inline;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	border-left: solid 1px #FF9900;
}
#ruralmenus ul li.first
{
	border-left: 0;
}
#ruralmenus ul li#activepage
{
	text-decoration: underline;
}
#ruralmenus ul li#activepage, #ruralmenus ul li#activepage a:link, #ruralmenus ul li#activepage a:visited
{
	font-weight: bold;	
}
#ruralmenus ul li#activepage a:hover{
	border-bottom: 1px dotted maroon;
	font-weight: bold;
}

#ruralmenus ul li#activefirst, #ruralmenus ul li#activefirst a:link, #ruralmenus ul li#activefirst a:visited
{
	border-left: 0;
	font-weight: bold;
}
#ruralmenus ul li#activefirst a:hover{
	border-bottom: 1px dotted maroon;
	border-left: 0;
	font-weight: bold;
}

#ruralmenus ul li a:link, #ruralmenus ul li a:visited
{
	border-bottom: 0;
}
#ruralmenus ul li a:hover
{
	text-decoration: none; 
	border-bottom: 1px dotted maroon;
}

.backtotop a { 
	background: url('images/backtotop.gif') left center no-repeat;
	padding-left: 15px; 
	text-align: left; 
	text-decoration: none;}
.backtotop a:hover {
	background: url('images/backtotopOver.gif') left center no-repeat;
	padding-left: 15px; 
	text-align: left; 
	text-decoration: underline;
	color: maroon;
	}

div.bluebackground,
div.bluebackground a, div.bluebackground a:visited, div.bluebackground a:active, div.bluebackground a:hover {
	background-color: #233A5A;
	color: #FFF;
	width: 100%;
	text-align: center;
	text-decoration: underline;
	padding: 10px 0 10px 0;
}

/*
  project: CSS - table design
  type: stylesheet
  description: plain style
*/
table.plain {
  border-collapse: collapse;
  font: normal 90%/140% verdana, arial, helvetica, sans-serif;
  color: #465268;
  background: #fffff0;
  width:100%;
  }
table.plain table {
  border-collapse: collapse;
  font: normal 100%/140% verdana, arial, helvetica, sans-serif;
  color: #465268;
  background: #fffff0;
  width: 90%;
  margin-bottom: 10px;
  margin-top: 5px;
}
.plain caption {
  padding: 0 .4em .4em;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #465268;
  background: transparent;
  }
.plain th { padding: .2em; border-collapse: collapse; vertical-align: top;}
.plain td { padding: .2em; border-collapse: collapse; vertical-align: top;}
.plain tfoot th, .plain tfoot th table tfoot th {
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  color: #465268;
  background: #FFF;
  }
.plain thead th{
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  color: #465268;
  background: #FFF;
  }
.plain tbody td ul {
	list-style: none;
	margin-left: 5px;
}
.plain tbody td ul li {
	list-style: none;
}
.plain tbody td ul li a {
	list-style: none;
	color: #003399;
}
.plain tbody td ul li a:hover,
.plain tbody td ul li a:visited
{
	color: red;
    border-bottom: 1px dotted #465268;
}
.plain tbody td a {
  background: transparent;
  color: #465268;
  text-decoration: none;
  border-bottom: 1px dotted #465268;
  }
.plain tbody td a:hover {background: transparent;color: #465268;text-decoration: none;}
.plain tbody th a {
  background: transparent;
  color: #465268;
  text-decoration: none;
  font-weight:bold;
  border-bottom: 1px dotted #465268;
  }
.plain tbody th a:hover {
  background: transparent;
  color: #465268;
  }
.plain tbody tr td {border-collapse: collapse;padding: 6px 6px;}
.plain tbody tr th {border-collapse: collapse;padding: 6px 6px;}
.plain tfoot tr td {padding: 6px 6px;}
.plain .odd {color: #465268;background: #EFEFEF;}
.plain tbody tr:hover {color: #465268;background: #fff;}
.plain tbody tr.odd:hover th {color: #465268;background: #D4D4D4;}
.plain tbody tr:hover th {color: #465268;background: #D4D4D4;}

.leftcolumn {
	text-align: right;
	width: 25px;
	padding-left: 10px;
}

/*
  project: CSS - table design
  type: stylesheet
  description: nested style
*/
table.nested {
  border-collapse: collapse;
  font: normal 100%/140% verdana, arial, helvetica, sans-serif;
  color: #465268;
  background: #fffff0;
  width:100%;
  margin: 0;
  }
.nested caption {
  padding: 0 .2em .2em;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #465268;
  background: transparent;
  }
.nested th { padding: .1em; border-collapse: collapse; vertical-align: top;}
.nested td { padding: .1em; border-collapse: collapse; vertical-align: top;}
.nested tfoot th {
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  color: #465268;
  background: #FFF;
  }
.nested thead th{
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  color: #465268;
  background: #FFF;
  }
.nested tbody td ul {
	list-style: none;
	margin-left: 5px;
	margin-bottom: 0;
}
.nested tbody td ul li a {
	list-style: none;
}
.nested tbody td ul li {
	list-style: none;
}
.nested tbody td a {
  background: transparent;
  color: #465268;
  text-decoration: none;
  border-bottom: 1px dotted #465268;
  }
.nested tbody td a:hover {background: transparent;color: #465268;border-bottom: 1px dotted #465268; text-decoration: none;}
.nested tbody th a {
  background: transparent;
  color: #465268;
  text-decoration: none;
  font-weight:bold;
  border-bottom: 1px dotted #465268;
  }
.nested tbody th a:hover {
  background: transparent;
  color: #465268;
  border-bottom: 1px dotted #465268;
  }
.nested tbody tr td {border-collapse: collapse;padding: 3px 3px;}
.nested tbody tr th {border-collapse: collapse;padding: 3px 3px;}
.nested tfoot tr td {padding: 3px 3px;}
.nested .odd {color: #465268;background: #EFEFEF;}
.nested tbody tr:hover {color: #465268;background: #fff;}
.nested tbody tr.odd:hover th {color: #465268;background: #D4D4D4;}
.nested tbody tr:hover th {color: #465268;background: #D4D4D4;}



