/* CSS Document */
h1 {	
	color: #000080; 
	font-weight: bold; 
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h2 {	
	color: #000080; 
	font-weight: bold; 
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.boldstart {
	color: #000080;
	font-weight: bold; 
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
p, li, td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: justify;
}
li, ul {
	margin-bottom: 0px;
	margin-top: 0px;
}
body {
	background-image:url(images/pageBg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	margin:0;
}
a, a:visited, a:link{
	font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #3366FF;
}
a:hover {
	text-decoration: none;
}
/* TAB MENU */
.tabMiddle {
	background-color:#3366FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font: #FFFFFF;
	height: 30px;
	text-align:center;
	vertical-align: middle;
}
a:link.tabMiddle, a:visited.tabMiddle {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: middle;
}
a:hover.tabMiddle {	
	text-decoration: underline; font-color: #3366FF;
}
.footer1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
}
.footer2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8px;
}
.subLinks {
	color:# FFFFFF;
}
a.subLinks, a:visited.subLinks, a:link.subLinks{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	color: #FFFFFF; 
	font-weight:bold;
}
a:hover.subLinks {
	text-decoration: underline;
}
/* #HIDDEN DESCRIPTIONS #*/
.HiddenDiv {
	/* visibility: hidden; */
	display: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background-color: #EBEDFE;
}
/* MAIN MENU */
.menulink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
}
a.menulink, a:link.menulink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}
a:hover.menulink {
	color: #000080;
}
.mainmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
}
a:link.mainmenu, a:visited.mainmenu {	
	border: 1px solid #00CC99; 
	display: block;
	color:#FFFFFF;
	text-align: center;
	padding-top: 0px;
	padding-left: 2px;
	width: 140px;
	text-decoration: none;
}
a:hover.mainmenu {
	background-color: #000080;
	color: #FFFFFF;
	border-right: #000000;
	border-bottom: #000000;
	border-left-color:#999999;
	border-top-color: #999999;
}
a:active.mainmenu {	
	background-color: #00CC99;
	color: #FFFFFF;
	border-right: #999999;
	border-bottom: #999999;
	border-left-color:#000000;
	border-top-color: #000000;
}
.rightmenu {
	border: 1px solid #000000;
	background-color: #00CC99;
}
.newstext {
	font-size: 10px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}
.newstext a {
	color:#FFFFFF;
	text-decoration:none;
}
/* Round edges */
/* here's the box... the image is the upper-left corner */
#csc {
  background : #669900 url(images/csc_tl.png) no-repeat;
  width : 20em;
  height : auto;
  position : relative;
  padding : 30px 40px;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 39px;
  height : 39px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  background : transparent url(images/csc_tr.png) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(images/csc_bl.png) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(images/csc_br.png) no-repeat;
  right : 0;
  bottom : 0;
}


/* End Styles */

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 67px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 133px;
}
.clear {
clear: both;
}
/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}

.hoverbox li
{
	position: static;
}