/* Colors used in the style sheet
Green:  Normal: #679b7f;   Active: #18673d;
Tan:    Normal: #D79c5f;   Active: #C46e14;
Pink:   Normal: #Fea3a8;   Active: #Fc474d;
Blue:   Normal: #6695c1;   Active: #1e4985;
Orange: Normal: #Ffa563;   Active: #Ff7e37;
Yellow: Normal: #Ffc14c;   Active: #Ffac2e;
Background:    #Ffeccc;
Font:          #336666;
*/


.text {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #336666; font-size: 13px}
a.text {color: #336666}
a.text:hover {COLOR: #FFECCC; BACKGROUND-COLOR: #336666}

.inactive {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #679b7f;; font-size: 13px}

.rule1  { 
	background:  #FFECCC;
        border-style: solid;
        border-color: #336666;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 0px;
	padding: 7px;
}


.rule2  { 
	background:  #FFECCC;
        border-style: solid;
        border-color: #336666;
	border-left-width: 0px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 0px;
	padding: 7px;
}



.rule3  { 
	background:  #FFECCC;
        border-style: solid;
        border-color: #336666;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 0px;
	padding: 7px;
}


.rule4  { 
	background:  #FFECCC;
        border-style: solid;
        border-color: #336666;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	padding: 7px;
}


.centertext {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #336666; font-size: 13px; text-align: center; line-height: 150%}
a.centertext {color: #336666}
a.centertext:hover {COLOR: #ffeccc; BACKGROUND-COLOR: #336666}

.centertextbold {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #336666; font-size: 13px; font-weight: bold; text-align: center; line-height: 150%}
a.centertextbold {color: #336666}
a.centertextbold:hover {COLOR: #ffeccc; BACKGROUND-COLOR: #336666}


.textbold {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #336666; font-size: 13px; font-weight: bold}
A.textbold {COLOR: #336666; TEXT-DECORATION: none}
A.textbold:hover {COLOR: #ffeccc; BACKGROUND-COLOR: #336666}

.textital {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #336666; font-size: 13px; font-style: italic}

.textital20 {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #336666; font-size: 28px; font-style: italic}

.marqueetext {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #336666; font-size: 16px; font-weight: bold}
A.marqueetext {COLOR: #336666; TEXT-DECORATION: none}
A.marqueetext:hover {COLOR: #ffeccc; BACKGROUND-COLOR: #336666}

.marqueetextred {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #ff0000; font-size: 16px; font-weight: bold}
A.marqueetextred {COLOR: #ff0000; TEXT-DECORATION: none}
A.marqueetextred:hover {COLOR: #ffeccc; BACKGROUND-COLOR: #ff0000}


.textsmall {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #666666; font-size: 9px}
a.textsmall {color: #336666}
a.textsmall:hover {COLOR: #ffeccc; BACKGROUND-COLOR: #336666}

.textpromo {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #666666; font-size: 11px; font-weight: bold; line-height: 1}
a.textpromo {color: #336666; text-decoration:none}
a.textpromo:hover {COLOR: #ffeccc; BACKGROUND-COLOR: #336666}


.textpromosmall {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #666666; font-size: 10px; font-weight: bold}
a.textpromosmall {color: #336666; text-decoration:none}
a.textpromosmall:hover {COLOR: #ffeccc; BACKGROUND-COLOR: #336666}

tomato {width="225"}

.whitetext {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: white; font-size: 16px; font-weight: bold}

.square {list-style-type:square; FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #336666; font-size: 16px; font-weight: bold}

.update {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #666666; font-size: 10px}

.head {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #336666; font-size: 16px; font-weight: bold}

.feedbackhead {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #336666; font-size: 14px; font-weight: bold}

.largehead {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #336666; font-size: 20px; text-align: center; font-weight: bold}


.head28 {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #336666; font-size: 28px; text-align: center; font-weight: bold}


.footer {PADDING: 0.05cm; FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #336666; FONT-FAMILY: Ariel, Helvetica, Century Gothic, Verdana, Times}
A.footer {COLOR: #336666; TEXT-DECORATION: none}
A.footer:hover {COLOR: #FFECCC; BACKGROUND-COLOR: #336666}

.blueboldtext {PADDING: 0.05cm; FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #0000cc; FONT-FAMILY: Ariel, Helvetica, Century Gothic, Verdana, Times}
A.blueboldtext {COLOR: #0000cc; TEXT-DECORATION: none}
A.blueboldtext:hover {COLOR: #FFECCC; BACKGROUND-COLOR: #0000cc}

.bluetext {PADDING: 0.05cm; FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #0000cc; FONT-FAMILY: Ariel, Helvetica, Century Gothic, Verdana, Times}
A.bluetext {COLOR: #0000cc; TEXT-DECORATION: none}
A.bluetext:hover {COLOR: #FFECCC; BACKGROUND-COLOR: #0000cc}

.footerbold {PADDING: 0.05cm; font-weight: bold; FONT-SIZE: 13px; COLOR: #336666; FONT-FAMILY: Ariel, Helvetica, Century Gothic, Verdana, Times}
A.footerbold {COLOR: #336666; TEXT-DECORATION: none}
A.footerbold:hover {COLOR: #FFECCC; BACKGROUND-COLOR: #336666}


.style1 {color: #000000}
.style2 {color: #663300}
.style3 {color: #336666}
.style4 {color: #FF0000; background-color: #FFFF00}

.saturday {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #0000ff; font-size: 13px}
.sunday {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #660066; font-size: 13px}
.board {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #000000; font-size: 13px}

a.board {color: #000000; text-decoration: none}
a.board:hover {color: white; BACKGROUND-COLOR: black}

.potluck {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #336633; font-size: 13px}
.general {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #663300; font-size: 13px}

a.general {color: #663300; text-decoration: none}
a.general:hover {color: white; BACKGROUND-COLOR: #663300}


.special {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #ff0000; font-size: 13px}
.specialbold {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #ff0000; font-size: 13px; font-weight: bold}
.change {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #ff0000; background-color: #FFFF00; font-size: 13px; font-weight: bold}

.roses {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #ff3399; font-size: 11px}

.tomatotext {FONT-FAMILY: Ariel, Helvetica, Century Gothic; font-weight: bold; color: red; font-size: 36px}
.tomatotext26 {FONT-FAMILY: Ariel, Helvetica, Century Gothic; font-weight: bold; color: red; font-size: 26px}



.nina {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #990000; font-size: 13px}
.ninabold {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #990000; font-size: 13px; font-weight: bold}
.ninahead {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #990000; font-size: 16px; font-weight: bold}
.ninalist {list-style-type: none; padding: 0; margin: 0; FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #990000; font-size: 13px}

.orange {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #ff3300; font-size: 13px}
.orangelist {list-style-type: none; FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #ff3300; font-size: 13px; font-weight: bold}

.bigbrownital {FONT-FAMILY: Georgia, Times New Roman, Times; color: #993300; font-size: 16px; font-style: italic; padding-top: 4px; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; text-align: center}
.brownitalbold {FONT-FAMILY: Georgia, Times New Roman, Times; color: #993300; font-size: 14px; font-style: italic; font-weight: bold; padding-left: 4px; padding-bottom: 5px;}


.bluetextbold {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #003F87; font-size: 13px; font-weight: bold}



.left {text-align: left}
.center {text-align: center}
.acenter {align: center}
.padding {padding-top:0px;padding-bottom:0px;font-size:1px}
.p2 {padding-top:2px;padding-bottom:5px; padding-left:3px;padding-right:3px; text-align: center}
.p3 {padding-top:10px;padding-bottom:5px; padding-left:25px;padding-right:25px; }
.p4 {padding-top:0px;padding-bottom:10px; padding-left:0px;padding-right:0px; }

body {background-color: #FFECCC;}


.nomargin {margin: 0px;}

.promopic {height: 78px; position: relative; text-align: left; width: 139px}
.promo1 {position: absolute; bottom: 0.5em; left: 0.85em; width: 100px;}
.promo2 {position: absolute; bottom: 0.5em; left: 0.85em; width: 100px;}
.promo3 {position: absolute; bottom: 0.6em; left: 0.85em; width: 100px;}
.promo5 {position: absolute; bottom: 0.32em; left: 0.85em; width: 100px;}

.promo7 {position: absolute; bottom: 0.6em; left: 0.85em; width: 100px;}

.collapse {border-collapse: collapse}

.center {text-align: center}
.left {text-align: left}


#COMMENTS_Left {
	color: #336666;
	FONT-FAMILY: Ariel, Helvetica, Century Gothic;
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 3px;
	text-align: left;
}



.btn { 
	color: #336666;
	FONT-FAMILY: Ariel, Helvetica, Century Gothic;
 	font-size: 12px;
	font-weight: bold;
	background-color: #ffeccc; 
	border-style: 2px solid; 
	border-color:  #679b7f #336666 #336666 #679b7f; 
	} 

.btnhov { 
	color: #ffeccc;
	FONT-FAMILY: Ariel, Helvetica, Century Gothic;
 	font-size: 12px;
	font-weight: bold;
	background-color: 336666; 
	border-style: 2px solid; 
	border-color: #679b7f; 
	}

.whitebtn { 
	color: #ffffff;
	FONT-FAMILY: Ariel, Helvetica, Century Gothic;
 	font-size: 12px;
	font-weight: bold;
	background-color: #336666; 
	border-style: 2px solid; 
	border-color:  #679b7f #336666 #336666 #679b7f; 
	} 

.whitebtnhov { 
	color: #336666;
	FONT-FAMILY: Ariel, Helvetica, Century Gothic;
 	font-size: 12px;
	font-weight: bold;
	background-color: #ffffff; 
	border-style: 2px solid; 
	border-color: #679b7f; 
	}


.whitebtn2 { 
	color: #ffeccc;
	FONT-FAMILY: Ariel, Helvetica, Century Gothic;
 	font-size: 12px;
	font-weight: bold;
	background-color: #336666; 
	border-style: 2px solid; 
	border-color:  #679b7f #336666 #336666 #679b7f; 
	} 

.whitebtnhov2 { 
	color: #336666;
	FONT-FAMILY: Ariel, Helvetica, Century Gothic;
 	font-size: 12px;
	font-weight: bold;
	background-color: #ffffff; 
	border-style: 2px solid; 
	border-color: #679b7f; 
	}



.blackbtn { 

/*	color: #ffeccc; */
	color: #ffffff; 
	FONT-FAMILY: Ariel, Helvetica, Century Gothic;
 	font-size: 12px;
	font-weight: bold;
	background-color: #000000; 
	border-style: 2px solid; 
	border-color:  #679b7f #336666 #336666 #679b7f; 
	} 

.blackbtnhov { 
	color: #000000;
	FONT-FAMILY: Ariel, Helvetica, Century Gothic;
 	font-size: 12px;
	font-weight: bold;
	background-color: #ffffff; 
	border-style: 2px solid; 
	border-color: #679b7f; 
	}




.orangebtn { 

	color: #ffffff; 
	FONT-FAMILY: Ariel, Helvetica, Century Gothic;
 	font-size: 12px;
	font-weight: bold;
	background-color: #Ff7e37; 
	border-style: 2px solid; 
	border-color:  #679b7f #336666 #336666 #679b7f; 
	} 

.orangebtnhov { 
	color: #Ff7e37;
	FONT-FAMILY: Ariel, Helvetica, Century Gothic;
 	font-size: 12px;
	font-weight: bold;
	background-color: #ffffff; 
	border-style: 2px solid; 
	border-color: #679b7f; 
	}






#dhtmltooltip{
position: absolute;

font-family: Ariel, Helvetica, Century Gothic;
color: #336666;
font-size: 12px;

width: 150px;
border: 1px solid #336666;
padding: 3px;
background-color: #ffeccc;
visibility: hidden;
z-index: 100;
}



.dhtmlwindow{
position: absolute;
border: 2px solid #336666;
visibility: hidden;
background-color: #ffeccc;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 2px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #679b7f;
/*background-color: #CA0000; */
/*color: white; */
color: #ffeccc;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid #336666;
background-color: #ffeccc;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}