@charset "utf-8";
/* CSS Document */

body {
	font-family: arial, verdana, helvetica, sans-serif;
	text-align: center;
	font-size: 13px; /* Sets the font size for the entire page */
	*font-size: small; /* x-small is for IE6/7 quirks mode */
	*font: x-small; /* x-small is for IE6/7 quirks mode */
	line-height: 1.231;
}

p.news{color: #3b3b3b; font-size: 125%; text-align: center}
p.newssub{color: #3b3b3b; font-size: 110%;  text-align: center;}
p.newsdate{color: #8f9e8b; font-size: 100%;  text-align: center;}
p.title{color: #3b3b3b; font-size: 150%; font-weight: bold; text-align: left;}




div#MainContent div.QuickLinks ul {
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 92.3%;
	line-height: 1.5;
}

div#MainContent div.QuickLinks ol {
	margin-left: 40px;
	margin-bottom: 10px;
	font-size: 92.3%;
	line-height: 1.5;
	list-style-type:decimal;
}

div#MainContent div.Blurb ul {
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 92.3%;
	line-height: 1.5;
}

div#MainContent div.Blurb ol {
	margin-left: 40px;
	margin-bottom: 10px;
	font-size: 92.3%;
	line-height: 1.5;
	list-style-type:decimal;
}

div#MainContent div.Blurb p {
	padding: 10px;
}
<!--Class Div Billboard Information-->
div#MainContent div.Billboard ul {
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 92.3%;
	line-height: 1.5;
}

div#MainContent div.Billboard ol {
	margin-left: 50px;
	margin-bottom: 10px;
	list-style-type: decimal;
	
}

<!--ID Div Billboard Information-->
div#MainContent div#Billboard ul {
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 92.3%;
	line-height: 1.5;
}

div#MainContent div#Billboard ol {
	margin-left: 50px;
	margin-bottom: 10px;
	list-style-type: decimal;
	
}

div#MainContent div#Billboard p {
	padding: 8px;
}

div#MainContent div.QuickLinks p {
	padding: 8px;
}

div#MainContent div.Billboard p {
	padding: 8px;
}


.collapsewide {
background-color:#f3e8bc;
width: 600px;
}

.collapse {
background-color:#f3e8bc;
width: 300px;
}

.innercollapse {
padding: 0 5px;
}

a:link{color: #265a6e;  text-decoration: none;}
 a:visited{color: #593367;  text-decoration: none;}
 a:hover{color: #4e6260; text-decoration: underline;}
 a:active{color:#4e6260; text-decoration: underline;}
 
 a:link.light{color: #ffffff;  text-decoration: none;}
 a:visited.light{color: #ffffff;  text-decoration: none;}
 a:hover.light{color: #f3e8bc; text-decoration: underline;}
 a:active.light{color:#f3e8bc; text-decoration: underline;}
 
 


#title {
color: #8f9e8b;
clear: both;
border-bottom: #698381 1px dotted;

}



h2 {
	font-size: 110%;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #3b3b3b;
	font-weight: bold;
}

h3 {
	font-size: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #3b3b3b;
	font-weight: bold;
}

hr {
color: #8a9f9d;
}

hr.alt {
color: #3b3b3b;
border-style: dotted;
width: 85%;
margin-left: 7%;
}
 

img.right {float: right; margin-left: 5px;}
img.left {float: left; maring-right: 5px;}


/* ------------------------- Data Table Style ----------------------------*/
table.data {
	width: 90%;
	border-collapse: collapse;
	margin-left:5%;
	}

th.data {
	padding: 5px;
	text-align: center;
	border: 1px solid #e6e3c4;
	background-color: #3b3b3b;
	color: #ffffff;
	font-size: 90%;
}

td.footer {
	padding: 5px;
	text-align: center;
	border: 1px solid #e6e3c4;
	background-color: #8a9f9d;
	color: #ffffff;
	font-size: 90%;
}

th.dataalt {
	padding: 5px;
	text-align: center;
	border: 1px solid #e6e3c4;
	background-color: #8a9f9d;
	color: #3b3b3b;
	font-size: 90%;
}

td.data {
	padding: 3px;
	border-left: 1px solid #e6e3c4;
	border-right: 1px solid #e6e3c4;
	border-bottom: 1px solid #e6e3c4;
	font-size: 90%;
}

td.dataalt{
	padding: 3px;
	border-left: 1px solid #e6e3c4;
	border-right: 1px solid #e6e3c4;
	border-bottom: 1px solid #e6e3c4;
	background-color: #f3e8bc;
	font-size: 90%;
}

tr.dataalt{
	background-color: #f3e8bc;
	
}

td.datasmall {
	padding: 2px;
	border-left: 1px solid #3b3b3b;
	border-right: 1px solid #3b3b3b;
	border-bottom: 1px solid #3b3b3b;
	border-top: 1px solid #3b3b3b;
	font-size: 75%;
	vertical-align: top;
}

/* ------------------------- Fruits and Vegatable Theme Table Style ----------------------------*/
th.blue {
	padding: 5px;
	text-align: center;
	border: 1px solid #f3e8bc;
	background-color: #b4c5df;
	color: #000000;
	font-size: 90%;
}
td.blue {
	padding: 5px;
	text-align: center;
	border: 1px solid #f3e8bc;
	background-color: #d9e6fb;
	color: #000000;
	font-size: 90%;
}

div#MainContent.tabberlive .tabbertab h3.blue { color: #b4c5df:}


th.green {
	padding: 5px;
	text-align: center;
	border: 1px solid #f3e8bc;
	background-color: #85a17c;
	color: #000000;
	font-size: 90%;
}
td.green {
	padding: 5px;
	text-align: center;
	border: 1px solid #f3e8bc;
	background-color: #d6f1cc;
	color: #000000;
	font-size: 90%;
}

div#MainContent.tabberlive .tabbertab h3.green { color: #85a17c:}

th.yellow {
	padding: 5px;
	text-align: center;
	border: 1px solid #f3e8bc;
	background-color: #c6b257;
	color: #000000;
	font-size: 90%;
}
td.yellow {
	padding: 5px;
	text-align: center;
	border: 1px solid #f3e8bc;
	background-color: #fbecb6;
	color: #000000;
	font-size: 90%;
}

div#MainContent.tabberlive .tabbertab.h3.yellow { color: #c6b257:}

th.red {
	padding: 5px;
	text-align: center;
	border: 1px solid #f3e8bc;
	background-color: #c33e3e;
	color: #000000;
	font-size: 90%;
}
td.red {
	padding: 5px;
	text-align: center;
	border: 1px solid #f3e8bc;
	background-color: #f6d8d8;
	color: #000000;
	font-size: 90%;
}

div#MainContent.tabberlive .tabbertab h3.red { color: #c33e3e:}


 
 /* ------------------------- Sortable Table Style ----------------------------*/

table.sortable {
	width: 90%;
	border-collapse: collapse;
	margin-left:5%;
	margin-top: 10px;
	margin-bottom: 10px;

}

th.sortable {
	padding: 3px;
	text-align: center;
	border: 1px solid #3b3b3b;
	background-color: #3b3b3b;
	color: #ffffff;
	font-size: 90%;
}
th.sorttable_nosort {
	padding: 3px;
	text-align: center;
	border: 1px solid #3b3b3b;
	background-color: #3b3b3b;
	color: #ffffff;
	font-size: 90%;
}


td.sortable {
	padding: 3px;
	border-left: 1px solid #3b3b3b;
	border-right: 1px solid #3b3b3b;
	border-bottom: 1px solid #e6e3c4;
	font-size: 90%;
}

/*tabbed content---------------------------------------------------------------------------*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}



/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 1px 0;
 border-bottom: 1px solid #8f9e8b;
 font: bold 12px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 2px 0.5em;
 margin-left: 2px;
 border: 1px solid #8f9e8b;
 border-bottom: none;
 background: #f3e8bc;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #698381; }
ul.tabbernav li a:visited { color: #698381; }

ul.tabbernav li a:hover
{
 color: #698381;
 background: #eee;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}
/*////////////////////////TABBED CONTENT//////////////////////////////////*/
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #e6e3c4;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}


div#MainContent div.tabberlive div.tabbertab p {
 padding: 8px;
}

div#MainContent.tabberlive .tabbertab h3 {
 color: #ebebeb; font-size: 100%; font-weight: bold;
}
div#MainContent .tabberlive .tabbertab ul {
 	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 92.3%;
	line-height: 1.5;
}

div#MainContent .tabberlive .tabbertab ol {
 	margin-left: 30px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 92.3%;
	line-height: 1.5;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/**********************************
-- Wide Content
**********************************/
#WideContent {
    display: inline;/* for IE... sigh */
    float: left;
	
    width: 965px;
}

div#WideContent {
	margin-bottom: 30px;
}

div#WideContent div ul, div#WideContent div ol, div#WideContent div p, div#WideContent h1, div#WideContent h2, div#WideContent h3, div#WideContent h4, div#WideContent h5, div#WideContent h6 {
	padding: 0px;
	margin: 0px;
} 

div#WideContent div ul li p, div#WideContent div ol li p {
	margin-left: 5px;
} 

div#WideContent ul li h3 {
	padding: 0px;
	margin: 0px;
}

#WideContent img.SlideShowImage {
	float: right;
	margin: 1.0em 0.5em;
}

div#WideContent h2 {
	padding: 0px 5px;
	margin: 20px 0px 0px 0px;
}

div#WideContent .MoreLink {
	margin-left: 20px;
}

div#WideContent li.MoreLink {
	clear: both;
	margin-right: 7px;
	margin-bottom: 10px;
}

div#WideContent div#Billboard {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

div#WideContent div#Billboard ul li {
	margin-bottom: 10px;
}

div#WideContent div#Billboard .HeadlinesDate {
	margin: 0px;
	padding: 0px;
}

div#WideContent div#Billboard ul {
	margin-left: 5px;
	padding-top: 8px;
}

/********** CLASS BILLBOARD ***************/
div#WideContent div.Billboard {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

div#WideContent div.Billboard ul li {
	margin-bottom: 10px;
}

div#WideContent div.Billboard .HeadlinesDate {
	margin: 0px;
	padding: 0px;
}

div#WideContent div.Billboard ul {
	margin-left: 5px;
	padding-top: 8px;
}
/******************************************/

div#WideContent h2.Blurb {
}

div#WideContent div.Blurb {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

div#WideContent div.Blurb p {
	padding: 8px;
}

div#WideContent .Blurb .MoreLink {
	margin-right: 7px;
	margin-bottom: 10px;
}

div#WideContent h2.QuickLinks {
	width: 450px;
	margin-top: 0px;
}

div#WideContent div.QuickLinks {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 450px;
}

div#WideContent div.QuickLinks ul {
	margin-left: 20px;
	margin-bottom: 10px;
}

div#WideContent .Box1 {
	float: left;
	clear: left;
}

div#WideContent .Box2 {
	float: right;
	clear: right;
	
}

/*
Removes the Nag message from the GET Fit RSS
*/
li.f2jnag {
display:none
}