body
{   
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   background: white;
   color: #003333;
   margin-right: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   margin-top: 0px;
}

li 
{
   padding-top: 5px;
}

/* link styles */
a:link
{
   color: #993300;
   text-decoration: none
}

a:visited   
{ 
   color: #993300; 
   text-decoration: none
}

a:hover
{
   text-decoration: underline;
}

/* makes forms a little less cumbersome */
form
{
   margin-top: 0px;
   margin-bottom: 0px;
   margin-bottom: 5px;
}

.row
{
   background-color:#EEEEEE;
   layer-background-color:#EEEEEE;
}

.rowAlt
{
   background-color:#CCCCCC;
   layer-background-color:#CCCCCC;
}

.rowHilite
{
   background-color:#CFDEEB;
   layer-background-color:#CFDEEB;
   border: 1px solid #7F9DB9;
}

.button 
{
   cursor: pointer;
}

.smallwhite
{
   color: #FFFFFF;
   font-size: 10px;
}

/* link styles */
a.smallwhite:link
{
   color: #FFFFFF;
   text-decoration: none
}

a.smallwhite:visited   
{ 
   color: #FFFFFF; 
   text-decoration: none
}

a.smallwhite:hover
{
   color: #FFFFFF; 
   text-decoration: underline;
}

/* RIGHT HAND MENU STYLES */ 
.RHSheader
{  
   border-top: 1px solid #003366;
   width: 100%;
   text-align: left;
   font-size: 10px;
   font-weight: bold;
   margin-top: 12px;
   margin-bottom: 3px;
   padding-right: 3px;
}

.RHSlink
{ 
   width: 100%;
   font-size: 10px;
   text-align: left;
   margin-top: 0;
   margin-bottom: .3em;
   line-height: .9em;
   padding-right: 3px;
   padding-top: 1px;
   padding-bottom: 2px;
}

a.RHSlink:link, a.RHSlink:active, a.RHSlink:visited, a.RHSlink:hover
{
   color: white;
}

/* LEFT HAND MENU STYLES */ 
.LHSheader
{  
   border-top: 1px solid #003333;
   width: 100%;
   text-align: right;
   font-size: 10px;
   font-weight: bold;
   margin-top: 12px;
   margin-bottom: 3px;
   padding-left: 3px;
}

.LHSlink
{ 
   width: 100%;
   font-size: 10px;
   text-align: right;
   margin-top: 1px;
   margin-bottom: 0px;
   padding-top: 0px;
}

a.LHSlink:link, a.LHSlink:active, a.LHSlink:visited, a.LHSlink:hover
{
   color: #003333;
}

input.readonly 
{
  background-color:#EEEEEE;
  layer-background-color:#EEEEEE;
  color:black;
}

.productName  
{
  font-size: large;
  font-style: italic;
  color: white;
}

.bannerLineBg {	
	background-color: #FFCC33;
	layer-background-color: #FFCC33;
	height: 2px;
}

.header	{
	color: #FFFFFF;
	font-size: 10px;
	text-align : left;
	background-color : #93B0B0;
	layer-background-color : #93B0B0;
}

a.header:link, a.header:active, a.header:visited, a.header:hover
{
   color: white;
}

.topbar
{
   background: #000000;
   border-bottom: #FFCC66 solid 1px;
}

.formlabelreq
{
   color: #B75C23;
   font-size: 10px;
   font-weight: bold;
   word-spacing: 0;
   line-height: 150%;
   margin-left: 0;
   margin-right: 0;
   margin-top: 0;
   margin-bottom: 8;
}

.formlabel
{
   color: #003333;
}

.sortArrow
{
   color: #B75C23;
}

.cancelled
{
    font-weight: bold;
    color: #FF0000;
    text-decoration: none;
}

.infoBox {
  background: #B6B7B7;
}

.infoBoxContents {
  background: #F0F8F8;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF908E;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 10px;
}


.MainBody    { font-family: Verdana; font-size: 12px; text-align: Left; text-indent: 0;
               word-spacing: 0; line-height: 150%; color:  #326A02;
               margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom:
               8 }
.Headers     { color: #FFFFFF; font-family: Verdana; font-size: 14px; font-variant:
               small-caps; text-align: Left; word-spacing: 0; line-height:
               100%; text-indent: 0; font-weight: bold; margin: 0 }

.nav_2_closed {display:block}
.nav_2_open {display:none}
.nav_hidden {display:none}

a.nav        { font-family: Verdana; font-size: 10px; text-align: Left; text-indent: 0;
               word-spacing: 0; line-height: 150%; color: #000000; font-weight: bold; text-decoration: none;
               margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom:
               8 }
a.nav:visited        { font-family: Verdana; font-size: 10px; text-align: Left; text-indent: 0;
               word-spacing: 0; line-height: 150%; color: #000000; font-weight: bold; text-decoration: none;
               margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom:
               8 }
a.nav:hover      { color: #326A02;}
a.Headers     { color: #FFFFFF; font-family: Verdana; font-size: 14px; font-variant:
               small-caps; text-align: Left; word-spacing: 0; line-height:
               100%; text-indent: 0; font-weight: bold; margin: 0; text-align: center;
               text-decoration: none;}
a.Headers:hover      { color: #326A02;}
a.Darkbody   { color: #326A02; font-family: Verdana; text-align: Left; word-spacing: 0; line-height:
               100%; text-indent: 0; font-weight: bold; margin: 0; text-align: center;
               text-decoration: none;}
a.Darkbody:hover      { color: #326A02;}


.cancelled
{
    font-weight: bold;
    color: #FF0000;
    text-decoration: none;
}

.scheduleBookTopHeader  {
   color: #FFFFFF;
   font-size: 12px;
   text-align : left;
   background-color : #000000;
   layer-background-color : #000000;
}

.scheduleBookSlotHeader  {
   color: #FFFFFF;
   font-size: 12px;
   text-align : left;
   background-color : #303030;
   layer-background-color : #303030;
}


.activeTab {
   background-color: #FFFBEF;
   font-size: 12px;
   border-top: 1px solid lightgrey;
   border-left: 1px solid lightgrey;
   border-right: 1px solid lightgrey;
   font-weight: bold;
}

.inactiveTab {
   background-color : #EEEADE;
   font-size: 12px;
   border-top: 1px solid lightgrey;
   border-left: 1px solid lightgrey;
   border-right: 1px solid lightgrey;
   border-bottom: 1px solid lightgrey;
   font-weight: bold;
   cursor: pointer;
}

.tabViewSpacer {
   border-bottom: 1px solid lightgrey;
}

.tabViewBody {
   background-color : #FFFBEF;
   font-size: 12px;
   border-left: 1px solid lightgrey;
   border-right: 1px solid lightgrey;
   border-bottom: 1px solid lightgrey;
}

.locationheader  {
   color: #000000;
   font-size: 12px;
   text-align : center;
   background-color : #CCD6CC;
   layer-background-color : #CCD6CC;
}

.eventDetails {
	float: right;
	background-color: #CCD6CC;
	layer-background-color : #CCD6CC;
	margin-left: 10px;
}

.eventDetails h2 {
	color: #337033;
	margin-left: 0px;
        padding-bottom: 2px;
	border-bottom: 1px solid #337033;
}

.eventDetails .formlabelreq {
	color: #337033;
	font-size: 11px;
}

.eventDetails .mainBody {
	font-size: 11px;	
	padding-right: 5px;
}