﻿body 
{
    margin: 0;
    padding: 0;
    background-position: center;
    background: #9BB7A0 url(images/bkgd.jpg) repeat-y center;
}

#pageWrapper 
{
    margin: 0;
    padding: 0;
    width: 900px;
    overflow:hidden;
    background-color: #FFFFFF;
}

#pageHeader 
{
    margin: 0;
    padding: 0;
    width: 900px;
    height: 112px;
	background-color: #FFFFFF;
}

#TopMenuBar 
{
    height: 21px;
    background: #709FBA url(images/topmenubar.jpg) left top repeat-x;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #fff;
    width: 100%;
    text-align: right;
    padding: 6px 0px 0 0;
}

#TopMenuBar a
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #fff;
    padding: 0;
    font-weight: 600;
}

#TopMenuBar a:link
{
    color: #fff;
    text-decoration: none;
}

#TopMenuBar a:visited
{
    color: #fff;
    text-decoration: none;
}

#TopMenuBar a:hover
{
    color: #fff;
    text-decoration: underline;
}

td.leftsidebar 
{
	background: #39647D url(images/leftsidebar.jpg) repeat-y;
    width: 180px;
}

#sideMenu 
{
    margin: 0;
    padding: 10px 0 0px 0px;
    font-family: Arial, Helvetica, Sans-Serif;
	text-align: left;
}



#mainContent 
{
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    background-color: #FFFFFF;
    text-align: left;
}

#mainContent H1 {
    font-size: 22px;
    color: #39647D;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    margin: 0;
    padding: 6px 0 6px 0;
}

#breadcrumb {
	width: 100%;
	height: 24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 4px 0 0 6px;
	border-bottom: 1px dotted #999999;
	text-align: left;
}

#viewfeatured {
	width: 100%;
	height: 28px;
	margin-top: 4px;
	padding: 4px 0 0 10px;
}

#pagecontent {
	width: 100%;
	padding: 6px 10px 6px 10px;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align: left;
}

#pagecontent H3 {
    font-size: 20px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    margin: 0;
    padding: 6px 0 6px 0;
}

.featuredH1 {
    font-size: 20px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    margin: 0;
    padding: 6px 0 6px 0;
    text-align: center;
}

.rightcell 
{
    width: 160px;
    background-color: #FFFFFF;
}

#rightbar_pad 
{
    width: 160px;
    padding: 6px 6px 6px 6px;
    background-color: #FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
}

#pageFooter 
{
    height: 24px;
    margin: 0;
    background-color: #B4CFE0;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    color:  Black;
    width: 100%;
    padding-top: 6px;
    text-align: center;
    padding: 0;
}

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 207px; /*WIDTH OF MAIN MENU ITEMS*/
}

.glossymenu li{
position: relative;
text-align: left;

margin: 0;
padding: 0;
}

.glossymenu li a{
font: bold 13px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 2px 0 5px 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 198px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
text-align: left;
}

.glossymenu li ul li a 
{
width: 188px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

/*.glossymenu .arrowdiv{
position: absolute;
right: 2px;
 background: transparent url(arrow.gif) no-repeat center right;
} */

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
/* background-image: url(glossyback2.gif); */
text-decoration: underline;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */