﻿html, body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
}

body {
	background-color: #fff;
	color: #444;
	font-size: 10pt;
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-align: center;
}

input, select, textarea
{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 9pt;
}

a {
	color: #556379;
}

a:hover {
	color: #8496B3;
	text-decoration: none;
}

.h1 {
	font-size: 12pt;
	font-family: "Trebuchet MS", Arial;	
	color: #7B98F8;
	margin: 0;
	padding-bottom: 4px; padding-top: 4px; padding-left: 4px; padding-right: 4px;	
	background-color: #DEECF0;
	border: 1px solid #AACCD5;
}

h2 {
	font-size: 0.9em;
	font-family: Arial;
	color: #62C916;	
	margin: 0;
	padding: 0px 0;
}

h3 {
	font-size: 7pt;	font-family: Verdana; text-decoration: underline;
	margin: 0;
	padding-bottom: 8px;
}

h4 {
	font-size: 0.8em;
	font-family: Arial;
	color: #8CA1AA;	
	margin: 0;
	padding-bottom: 8px;
}

p  {
	 margin: 0;
}

hr {
	clear: both;
	height: 1px;
	border-top: solid 1px #AACCD5;			
}

.lines
{
  border-top-style: dashed;
}

img {
	border-style: none;	
}

.imgPad {
  padding-right: 6px;
}

.tableMenuHolder
{
  background-color: #ffffff; 
  background-image: url('../images/bg_top.png'); background-repeat: repeat-x;
  height: 68px;
}

.tableMenu
{
  background-color: #ffffff;
  background-image: url('../images/bg_top.png');  
  height: 24px;  
  padding-left: 0px;
  width: 100%
}

.tableMenu td
{
  background-color: #ffffff;
  padding-left: 12px; padding-right: 12px;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #559CD2;   
}

.tableMenu td:hover
{  
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #f4d684;
}

.tableMenu a
{
  text-decoration: none;
  color: #556379;
  display:block;  
}

.desc p
{
    margin: auto;
}

.desc img
{
    padding-right: 4px;
}


#wrapper {
	margin: 0 auto;
	width: 990px;
	text-align: left;
	height: 100%;
}

#head {
	background-color: #eafaf6;
	height: 100px;
	color: #606d82;
	border-bottom: 11px solid #fff;	
	border-left: 1px solid #fff;	
	width: 820px;
	float: right;		
}

#body {
	float: right;
	margin-top: 5px;
	width: 820px;	
}

#header_bar {	
	height: 20px;	
	background-color: #eaf4f6;	
	font-size: 8pt;
	padding-top: 2px; padding-left: 8px; padding-right: 8px; padding-bottom: 0px;		
	border-bottom: 2px solid #24618E;	
}

#search_bar 
{
	height: 84px;	
	background-color: #e1edf6;	
	font-size: 8pt;	
}

#search_bar .search
{
	height: 16px;
	width: 300px;
	border: 1px solid;
	border-color: #559CD2 #AACDE8 #AACDE8 #559CD2;	
}

#search_bar .user
{
	height: 16px;
	width: 100px;
	border: 1px solid;
	border-color: #559CD2 #AACDE8 #AACDE8 #559CD2;	
}


h3.button {border: 0; background: none; padding: 0; margin: 0 2px; text-align: center; display: block; float: left; width: 80px;}
* HTML h3.button {margin: 0 8px;}
h3.button a {line-height: 18px; background: #fff url(../images/button_white_bg.gif) top left repeat-x; text-align: center; display: block; border: 1px solid #006abb; border-color: #AACDE8 #559CD2 #559CD2 #AACDE8;} 
* HTML h3.button a {height: 18px;}
h3.button a:hover {color: #0077e6 !important; text-decoration: none; border-color: #559CD2 #AACDE8 #AACDE8 #559CD2; background-position: bottom left;}

.field
{
	height: 16px;	
	border: 1px solid;
	border-color: #559CD2 #AACDE8 #AACDE8 #559CD2;	
}

.fieldUpld
{
    border: 1px solid;
    border-color: #559CD2 #AACDE8 #AACDE8 #559CD2;	
}

#content {
	float: left;	
	width: 570px;		
	font-size: 9pt;	
}

#content .date
{
  font-size: 7pt;
}

#content .pollbrowse {
  border-width: 1px;
  border-style: solid;
  border-color: #AACCD5;
  width: 100%
}

#content .browse a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

#content .browse a:visited {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

#content .browse a:hover {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

#content .browselink2 a {
	color: #556379;
}


#content .browselink2 a:visited {
	color: #556379;
	text-decoration: none;
}

#content .browselink2 a:hover {
	color: #8496B3;
	text-decoration: underline;
}
#content .advancedSearch
{
    height: 16px;
	width: 300px;
	border: 1px solid;
	border-color: #559CD2 #AACDE8 #AACDE8 #559CD2;	
}

#content select
{
    height: 20px;
    width: 200px;	
	border: 1px solid;	
	border-color: #559CD2 #AACDE8 #AACDE8 #559CD2;	
}

#content textarea
{
    border: 1px solid;
	border-color: #559CD2 #AACDE8 #AACDE8 #559CD2;	
}

#content .grouptable th {
    background: #ddd;
    margin: 1px;
    padding: 0 5px;        
}

#content .rowItem {       
    border: solid 1px #AACDE8;
    border-bottom-width: 0px;
}

#content .imgExpCol
{
  cursor: pointer;
}

#content .blueLabel
{
  color: Navy;  
}
#content .greenLabel
{
  color: Green;  
}

#content .groupRow
{
  background-color: Orange;
}

#content .itemTable
{
  padding-left: 0px;  
}

#content .MemberPhoto
{
  padding-left: 6px; padding-right: 6px;   
}

#content .rowHeader
{
  background-color: #DEE8F5;
  font-weight: bold;
  width: 120px;
  color: #333333;
  filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;
}

#content .rowData1
{
  background-color: #EFF3FB;
  color: #333333;  
}

#content .rowData1t
{
  background-color: #EFF3FB;
  color: #333333;
  filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;
}

#content .rowData2
{
  background-color: #FFFFFF;
  color: #333333;  
}

#content .social
{
  float: right;
  border-bottom: dotted 1px gray;  
  width: 186px;
  padding: 2px;
}

#contentFull {
	float: left;	
	width: 820px;		
	font-size: 8pt;	
}

#contentFull #banner1
{
  background: url('../images/corn_top_right_0BB4F5.jpg') #0BB4F5 no-repeat right top; 
  margin-bottom: 10px; width: 240px;
  font-size: 8pt;  
}

#contentFull #banner1 a
{
  color: #ffffff
}

#contentFull #banner1 a:hover
{
  text-decoration: underline; 
}

#contentFull #banner1b
{
  background: url('../images/corn_bottom_left_0BB4F5.jpg') no-repeat left bottom; 
  height: 30px
}

#contentFull #banner2
{
  background: url('../images/corn_top_right_FFBE08.jpg') #FFBE08 no-repeat right top; 
  margin-bottom: 10px; width: 240px;
  font-size: 8pt
}

#contentFull #banner2 a
{
  color: #ffffff
}

#contentFull #banner2 a:hover
{
  text-decoration: underline;
}

#contentFull #banner2b
{
  background: url('../images/corn_bottom_left_FFBE08.jpg') no-repeat left bottom; 
  height: 30px
}

.strength
{
    font-size: 8pt;
}

.leftBox
{
    margin: 8px 0px 0px 0px;    
	padding: 4px 4px 4px 4px;	
	font-size: 8pt;
	border-bottom: 1px solid #AACCD5; border-top: 1px solid #AACCD5;	
	text-align: left
}

#news {
	margin-left: 580px;
	width: 240px;	
	font-size: 7pt;	
}

#news dl {
	padding: 0;
	margin: 0;	
}

#news dt {
	padding: 6px 10px 4px 10px;
	margin: 0;
	border-top: 1px solid #DEECF0;
	background-image: url(../images/li3.gif);
	background-position: 0 11px;
	background-repeat: no-repeat;
	font-size: 7pt;
	color: #8CA1AA;
}

#news dd {
	padding: 0px 0px 4px 0px;
	margin: 0;
	font-size: 8pt;
}

#news h4 {	
	font-size: 8pt;
	text-align: right;
	background-image: url('../images/bg_top.png');
	padding-top: 4px; padding-right: 4px
}

#news h5 {
	margin: 0;
	padding-bottom: 2px;
	font-size: 8pt;
	font-weight: normal;
}

#news1 a
{
  text-decoration:none;
}

#news1 a:hover
{
  text-decoration: underline;
}

#news #banner1
{
  background: url('../images/corn_top_right_0BB4F5.jpg') #0BB4F5 no-repeat right top; 
  margin-bottom: 10px; width: 240px;
  font-size: 8pt
}

#news #banner1 a
{
  color: #ffffff
}

#news #banner1 a:hover
{
  text-decoration: underline; 
}

#news #banner1b
{
  background: url('../images/corn_bottom_left_0BB4F5.jpg') no-repeat left bottom; 
  height: 30px
}

#news #banner2
{
  background: url('../images/corn_top_right_FFBE08.jpg') #FFBE08 no-repeat right top; 
  margin-bottom: 10px; width: 240px;
  font-size: 8pt
}

#news #banner2 a
{
  color: #ffffff
}

#news #banner2 a:hover
{
  text-decoration: underline;
}

#news #banner2b
{
  background: url('../images/corn_bottom_left_FFBE08.jpg') no-repeat left bottom; 
  height: 30px
}

#news #banner3
{
  background: url('../images/corn_top_right_3A8C64.jpg') #3A8C64 no-repeat right top; 
  margin-bottom: 10px; width: 240px;
  font-size: 8pt
}

#news #banner3 a
{
  color: #ffffff
}

#news #banner3 a:hover
{
  text-decoration: underline;
}

#news #banner3b
{
  background: url('../images/corn_bottom_left_3A8C64.jpg') no-repeat left bottom; 
  height: 30px
}

#news #banner4
{
  background: url('../images/corn_top_right_CEE7C0.jpg') #CEE7C0 no-repeat right top; 
  margin-bottom: 10px; width: 240px;
  font-size: 8pt
}

#news #banner4 a
{
  color: #3B8D65
}

#news #banner4 a:hover
{
  text-decoration: underline;
}

#news #banner4b
{
  background: url('../images/corn_bottom_left_CEE7C0.jpg') no-repeat left bottom; 
  height: 30px
}

.poll
{  
  margin-left: 580px;  
  width: 240px; height: 200px;
  font-size: .8em;
  border-width: 0px; 
  background-image: url('../images/poll.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-color:#DEECF0;       
}

.polldetail
{
  width: 100%;
  font-size: 9pt;
  border-width: 1px;
  border-style: solid;
  border-color: #AACCD5;
  background-color:#DEECF0;
}

#threecells {
	clear: both;	
	border-top: #AACCD5 1px solid;    
}

#threecells div {
	float: left;	
	font-size: 8pt;
	text-align: justify;	
	height: 200px;
}

#threecells a {	
	width: 162px;
	height: 48px;
	margin-bottom: 0px;
	text-decoration: none;
	color: #444;
}

#threecells a:hover {		
	text-decoration: underline;
}

#threecells a img {		
	border-width: 1px;
	border-style: solid;
	border-color: White;
}

#threecells a:hover img {		
	border-width: 1px;
	border-style: solid;
	border-color: #A1CEDB;
}

#cell_1 {
	width: 192px;	
	border-left: 1px solid #AACCD5;	
}

#cell_1 #cell_1a {
    height:40px; 
    width: 100%;
    background-image: url('../images/gray_td.gif');
}

#cell_1 #cell_1b
{
    width: 192px; height: 14px;
    padding: 4px;  
}

#cell_1 #cell_1c
{
    width: 192px;
    padding: 4px;
}

#cell_1 #cell_1d
{
    padding: 4px;
    text-align: center
}

#cell_2 {
	width: 192px; 	
	border-left: 1px solid #AACCD5;
	border-right: 1px solid #AACCD5;
}

#cell_2 #cell_2a {
    height:40px; 
    width: 100%;
    background-image: url('../images/gray_td.gif');
}

#cell_2 #cell_2b
{
    width: 192px; height: 14px;
    padding: 4px;  
}

#cell_2 #cell_2c
{
    width: 192px;
    padding: 4px;
}

#cell_2 #cell_2d
{
    padding: 4px;
    text-align: center
}

#cell_3 {
	width: 192px; 
	border-right: 1px solid #AACCD5;	
}

#cell_3 #cell_3a {
    height:40px; 
    width: 100%;
    background-image: url('../images/gray_td.gif');
}

#cell_3 #cell_3b
{
    width: 192px; height: 14px;
    padding: 4px;  
}

#cell_3 #cell_3c
{
    width: 192px;
    padding: 4px;
}

#cell_3 #cell_3d
{
    padding: 4px;
    text-align: center
}

#side {
	padding-bottom: 0px;
	margin-top: 5px;
	width: 165px;
	background-color: #EAF4F6;	
	float:left;	
}

#menu {
	padding: 0;
	margin: 0;
}

#menu a {
	text-decoration: none;
	display: block;
}

#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial;	
}

#menu ul li a {
	margin-top: 8px;	
	padding: 0px 18px 0px 18px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;	
	border-top: 1px solid #AACCD5;
	border-bottom: 1px solid #AACCD5;
	background-image: url(../images/li1a.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;	
}


#menu ul li ul li a {
	margin-top: 0;
	height:19px;
	line-height: 19px;
	font-weight:normal;	
	background-image: url(../images/li2.gif);
	background-color: #DEECF0 ;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	border-top: 1px solid #EEF5F7;
	border-bottom: 1px none #EEF5F7;		
}

#menu ul li ul li ul li a {
	background-color: #C2DCE3;
	background-image: none;
}

#menu li li li li a {
	padding-left: 36px;
}

#menu ul li ul li ul li ul li a {
	background-color: #A1CEDB;
	background-image: none;
}

#ads {
	padding: 0;
	margin: 0;
	background-color: #EAF4F6;
}

.weather
{
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; 
	text-align: left;
	border-bottom: black 0px solid; border-top: #cacaca 2px solid;	
	margin-bottom: 2px;
}

#ads dt {
	padding-top: 8px;
	margin: 6px;	
}

#ads dd {
	margin: 0;
	padding: 4px 12px;
	border-bottom: 1px solid #EEF5F7;
	font-size: .8em;
	border-bottom: 1px solid #AACCD5;
	line-height: 1.2em;
}

#foot {
	clear: both;
	padding: 1em;
	background-color: #fff;	
	background-repeat: no-repeat;
	font-size: .8em;
	line-height: 1.4em;
	text-align: center;
	/* position: relative;*/
}


/* Footer styles */
#footer 
{		    
	border-top: #AACCD5 1px solid;
	width: 820px;
	float: right;	
}
A.footer:link {
	font-weight: bold; font-size: 11px; color: #999; text-decoration: none; padding-right: 2px; padding-left: 2px
}
A.footer:active {
	font-weight: bold; font-size: 11px; color: #999; text-decoration: none
}
A.footer:visited {
	font-weight: bold; font-size: 11px; color: #999; text-decoration: none
}
A.footer:hover {
	font-weight: bold; font-size: 11px; color: #666; text-decoration: none
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 2px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.ratingStarRO {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 2px;
    cursor: default;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url('../images/FilledStar.png');

}

.emptyRatingStar {
    background-image: url('../images/EmptyStar.png');
}

.savedRatingStar {
    background-image: url('../images/SavedStar.png');
}

.pageLabel
{
    border: 1px solid #000000;    
    background-color: #cceb71;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 2px; padding-bottom: 2px; padding-left: 7px; padding-right: 7px;	
}

.pageLink
{
    border: 1px solid #2F4F4F;    
    background-color: #ffffff;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 2px; padding-bottom: 2px; padding-left: 7px; padding-right: 7px;	
}

.glossIndex
{
    border: 1px solid #2F4F4F;    
    background-color: #ffffff;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 3px; padding-bottom: 3px; padding-left: 7px; padding-right: 7px;
}

.glossWords
{
    background-color: #ffffff;
    border: 1px dashed #2F4F4F;    
    padding: 5px;
   
}

.glossHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #62C916;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
}

.glossContent
{
    background-color: #DEECF0;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: #444;
    background-color: #CEE7C0;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #444;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #62C916;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #DEECF0;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
.bHide
{
  visibility: hidden
}

/* Context Menu */
.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url('../images/menu-bg.gif') repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}
.dropLabel
{
  display: block; 
  width: 150px; 
  padding: 4px; padding-right: 50px; 
  font-family: Tahoma; font-size: 11px;    
}

#contentFull div.albumItem   { margin: 3px; }
#contentFull div.albumItem a { 
	display: block; float: left;
	height: 150px !important;
	width: 150px !important;	
	vertical-align: middle; 
	text-decoration : none;
	text-align: center;
	border: 1px solid #96BCE9;
	padding: 2px;
}

#contentFull div.albumItem a:link    {  color : #808080;  }
#contentFull div.albumItem a:hover   { 
	color : #333; 
	background-color: #CCFFB2;  
	border: 1px solid #169314;	
	padding: 2px;
}
#contentFull div.albumItem a:active  {  color : #808080;  }
#contentFull div.albumItem a:visited {  color : #808080;  }

#contentFull div.albumItem img { margin-top: 5px; }
#contentFull div.albumItem span { display: block; padding-top: 1px;}

#contentFull div.photoItem   
{   position: relative; margin-left: 0px; margin-right: 15px; display: block; float: left;
	height: 160px !important;
	width: 130px !important;
	text-decoration : none;
	text-align: center;
	border: 1px solid #96BCE9;
	padding-left: 2px;padding-right: 2px; padding-bottom: 2px;padding-top: 8px;
}

#contentFull div.resItem
{
    color: #556379; 
    background-color: #96BCE9;
    left:0px; bottom:0px; width:100%;
    position: absolute; 
    border-top: 1px solid #96BCE9;     
}

#contentFull div.resItem a
{
  color: #ffffff
}

#content div.photoItem   
{   
    position: relative; margin-left: 0px; margin-right: 5px; display: block; float: left;
	height: 160px !important;
	width: 130px !important;
	text-decoration : none;
	text-align: center;
	border: 1px solid #96BCE9;
	padding-left: 2px;padding-right: 2px; padding-bottom: 2px;padding-top: 8px;
}

#content div.resItem
{
    color: #556379; 
    background-color: #96BCE9;
    left:0px; bottom:0px; width:100%;
    position: absolute; 
    border-top: 1px solid #96BCE9;     
}

#content div.resItem a
{
  color: #ffffff
}

/* Progress bar */
#content .progressOverlay {
  position: fixed;
  z-index: 99;
  top: 0px;
  left: 0px;
  background-color: #FFFFFF;
  width: 100%; height: 100%;
  filter: Alpha(Opacity=80);
  opacity: 0.80;
  -moz-opacity: 0.80;
 }
               
 #content .progressLoader {
  background-color: #EAF4F6;
  width: 200px;
  border-width: 1px; border-style: solid; border-color: #AACCD5;
  padding: 5px 5px 5px 5px;
  text-align: center;
  filter: Alpha(Opacity=100);
  opacity: 1;
  -moz-opacity: 1;
 }
  
 #content .progressModal {
  position: absolute;
  top: 50%; left: 50%;
  margin: -11px 0 0 -55px;
  color: white;
 }
 
/*Reorder List*/
#content .reorderList {
  margin-top: 4px;
}
#content .reorderList ul {
  margin: 0px;
}

#content .reorderList li {
	list-style:none;
	margin-bottom: 4px;
	background-color: #ffffff;
	border: solid 1px black;
	color:#000000;
}

#content .reorderList li a 
{
  color: #90AD53; font-weight:bold;
  text-decoration: underline;
}

#content .reorderList li a:hover {
  color: #CC6733
}

#content .itemArea {
	margin: 4px;		
	text-align: left;
	width: 100%;		
}

#content .dragHandle {	
    margin-left: 4px;           
	background-color: #01B5F0;	
	cursor:move;	
	width: 30px;
	height: 30px;		
	border:outset thin #C6E0C0;	
}

#content .reorderCue {
	border: dashed 1px black;
	width: 100%;
	height: 100%;	
}

#content .callbackStyle {
	
}

#content .callbackStyle table {
	background-color:#C6E0C0;		
}

/* drop menu */
#dropmenudiv{ 
  position:absolute;
  margin-top: 2px;
  border:1px solid #559CD2;   
  line-height:18px;
  z-index:1;      
}

#dropmenudiv a {
  width: 100%;
  display: block;
  text-indent: 3px;
  border-bottom: 1px solid #559CD2;
  padding: 1px 0;
  text-decoration: none;    
  font-size: 8pt;
  text-align: left;
}

#dropmenudiv a:hover{ 
  background-color: #f4d684;
}

#dropmenudiv .droptitle {
  width: 100%;
  display: block;
  text-indent: 3px;
  border-bottom: 1px solid black;
  background-color: #f4d684;
  padding: 1px 0;
  text-decoration: none;    
  font-size: 8pt;
  text-align: left;
}

/* collapsible panels */

#content .isleName
{
  font-size: 10pt;
  font-weight: bold;
  color: #211E6F;
}

#content .clHeader {
  padding:1px; 
  cursor: pointer; 
  vertical-align: middle; 
  background-color: #CEE7C0;
  height: 28px;
  border-width: 1px;
  border-style: solid;
  border-color: #AACCD5;  
}

#content .clTable {
  width: 100%;
  border: solid 1px #AACCD5;
}

#content .lbHeader {
  font-size: 9pt;
  font-weight: bold;
  color: #007646;
}

#content .lbCount {
  font-size: 9pt;
  font-weight: bold;
  color: #D9A714;
}

.recipesDropdown
{
  width: 200px;
}

.cpanel
{
  position: fixed; top: 4px; left: 2px; 
  border: solid 1px #559CD2; 
  padding: 3px; 
  width: 120px;
}