body
{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 8pt;
    color: #000000;
    font: 80.01% "Trebuchet MS" ,Verdana,Arial,sans-serif;
}

.MenuTd
{
    background-image: url(../images/topmenu.gif);
    font-size: 8pt;
    color: black;
    font-family: Verdana;
    font-weight: bold;
    background-repeat: no-repeat;
    line-height: 10pt;
}

.bottomstyle
{ 
	font-weight: bold; font-size: 10pt; color: white; font-family: Arial; height: 30px; background-color: #00335e;align="center"
 }


.messageTd
{
	font-weight: bold; font-size: 10pt; color: white; font-family: Arial; height: 30px; background-color: #003366;align="center"
}

.menu
{
	border-left-color: #000000;
	border-bottom-color: #000000;
	color: #000000;
	border-top-style: solid;
	border-top-color: #000000;
	font-family: Verdana;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-style: solid;
}

.menu A:hover
{
	text-decoration: underline;
}

.lables
{
	font-size: 8pt;
	color: #000000;
	font-family: Verdana;
	background-color: #ffffff;
	text-align: justify;
	line-height: 15pt;
}

.heads
{
    font-size: 22pt;
    color: #ffffff;
    font-family: 'Arial Black';
}

.rulelink
{
    font-size: 9pt;
    font-family: Verdana;
    color: =#000080;
}

.feed
{
	font-size: 9pt;
	font-family: Verdana;
	color: #ffffff;
	line-height: 15pt;
	background-color: #003366;
	text-align: center;
	font-weight: bold;
}


.heads2
{
	font-size: 9pt;
	color: #ff3300;
	font-family: Verdana;
	font-weight: bold;
	
}
.head2
{
	font-weight: bold;
	font-size: 12pt;
	color: steelblue;
}
.Subhead
{
	font-weight: bold;
	
	color: cadetblue;
}

#mainContainer
{
	width: 150px;
	margin: 0 auto;
	padding: 10px;
	background-color: #b4cdcd;
	text-align: left;
}

/* 
	END OF DEMO CSS
	*************************************/

/* CSS for my first scrolling box */
#scrollingContainer
{
    width: 150px; /* 170 pixels in width */
    height: 200px; /* Height of box */
    padding: 2px; /* A little bit of space between border of box and text inside */
    float: left; /* I want the text to wrap around the box */
    margin-right: 10px; /* Right margin of 10 pixels */
    font-size: 0.9em; /* Smaller font size than the rest of the page */
    overflow: hidden; /* Hide overflow content */
    background-color: #b4cdcd;
}

/* End css for my first scrolling box */


/* CSS for my second scrolling box */
#scrollingContainer2
{
    width: 100px; /* Width of second box */
    height: 150px; /* Height of second box */
    border: 1px solid #000;
    background-color: #660000;
    padding: 2px; /* A little bit of space between border of box and text inside */
    float: right; /* I want the text to wrap around the box */
    margin-left: 10px; /* Space at the left of the box */
    color: #660000; /* red text color */
}
#scrollingContent2
{
    font-size: 0.9em;
}


.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #348a40;
    font-weight: bold;
    padding: 5px;
    margin-top: 1px;
    margin-bottom:1px;
    cursor: pointer;
}

.accordionHeaderSelected
{
	border: 1px solid #48a655;
	color: white;
	background-color: #48a655;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

.accordionContent
{
	background-color: #8ac392;
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
}

.accordionLink
{
	color: #ffffff;
	text-decoration: none;
}
.riv
{ background-color: #00688B,2290AD;}

.tbar
{
	font-weight: bold;
	font-size: 12pt;
	text-transform: capitalize;
	color: #0099cc;
	height: 40px;
	text-align: center;
}

.lbar
{
	font-weight: normal;
}
.sbar
{
	font-weight: bold;
	font-size: 11pt;
}
.thead
{
	font-weight: bold;
	font-size: 12pt;
	text-transform: uppercase;
	color: darkred;
	font-family: Tahoma;
}
.topbar
{
	font-weight: bold;
	font-size: 10pt;
	background-color: #990000;
	color: #ffffff;
}
.scbar
{
	background-color: lightblue;
}
.tobar
{
	background-color: white;
}
.back
{
    background-color: #b4cdcd;
    border-top: #6699cc 1px solid;
    color: #000000;
    height: 25px;
    font-size: 10pt;
}
.border
{
	BORDER-RIGHT: #0099cc 1px solid; 
	BORDER-TOP: #0099cc 1px solid;
	BORDER-LEFT: #0099cc 1px solid; 
	BORDER-BOTTOM: #0099cc 1px solid;
}

a
{
    color: #000000;
    text-decoration: none;
}

a:active
{
    color: #000000;
}

a:hover
{
    color: #669999;
    text-decoration: none;
}