body { background-color: #999999; font-size: 10px; font-family: "lucida grande",verdana,trebuchet,arial,sans-serif; }

a:link    { color: #663300; font-size: 11px; font-weight: bold; text-decoration: none; font-family: "lucida grande",verdana,trebuchet,arial,sans-serif; }
a:visited { color: #663300; font-size: 11px; font-weight: bold; text-decoration: none; font-family: "lucida grande",verdana,trebuchet,arial,sans-serif; }
a:active  { color: #333333; font-size: 11px; font-weight: bold; text-decoration: none; font-family: "lucida grande",verdana,trebuchet,arial,sans-serif; }
a:hover   { color: red; font-size: 11px; font-weight: bold; text-decoration: none; font-family: "lucida grande",verdana,trebuchet,arial,sans-serif; }

/*  
    This is for the system title text.
*/

.sysTitle, .sysTitle a:link, .sysTitle a:active, .sysTitle a:visited, .sysTitle a:hover{ 
	color:       #666666;
	font-family: helvetica,arial,verdana,geneva,sans-serif;
	font-size:   18px; 
	line-height: 18px; 
	font-weight: bold;
	}
.sysTitle a:link    { color:  #666666; font-weight: bold;}
.sysTitle a:visited { color:  #666666; font-weight: bold;}
.sysTitle a:active  { color:  #333333; font-weight: bold;}
.sysTitle a:hover   { color:  #333333; font-weight: bold;} 

/* 
   Normal bold, but uppercase.
*/
.upperBold {
 color: #663300;
 font-family: "lucida grande",verdana,trebuchet,arial,sans-serif;
 font-size:  11px; 
 text-transform:uppercase;
 font-weight:  bold;
}

/* 
   Normal w/normal links.
*/
.normalLink {
 font-family: "lucida grande",verdana,trebuchet,arial,sans-serif;
 font-size:  11px; 
 font-weight:  normal;
}
.normalLink a:link    { color: #663300; font-size: 11px; font-weight: normal; text-decoration: none; font-family: "lucida grande",verdana,trebuchet,arial,sans-serif; }
.normalLink a:visited { color: #663300; font-size: 11px; font-weight: normal; text-decoration: none; font-family: "lucida grande",verdana,trebuchet,arial,sans-serif; }
.normalLink a:active  { color: #333333; font-size: 11px; font-weight: normal; text-decoration: none; font-family: "lucida grande",verdana,trebuchet,arial,sans-serif; }
.normalLink a:hover   { color: red; font-size: 11px; font-weight: normal; text-decoration: none; font-family: "lucida grande",verdana,trebuchet,arial,sans-serif; }


/*  
    Smaller version of the above links.  Blue.
*/
.smlink, .smlink a:link, .smlink a:active, .smlink a:visited, .smlink a:hover{ 
 color:           #333333;
 font-family:     "lucida grande",trebuchet,verdana,geneva,arial,sans-serif;
 font-size:       10px; 
 font-weight:     bold;
} 
.smlink a:link    { color:  #663300; }
.smlink a:visited { color:  #663300; }
.smlink a:active  { color:  #333333; }
.smlink a:hover   { color:  #aaaaaa; } 

/*  
    This is for tiny text.
*/
.tinyLink, .tinyLink a:link, .tinyLink a:active, .tinyLink a:visited, .tinyLink a:hover{ 
 color:       #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: normal;
}
.tinyLink a:link    { color:  #663300; }
.tinyLink a:visited { color:  #663300; }
.tinyLink a:active  { color:  #333333; }
.tinyLink a:hover   { color:  #aaaaaa; } 

/*  
    This is for tiny white text.
*/
.tinyLinkW, .tinyLinkW a:link, .tinyLinkW a:active, .tinyLinkW a:visited, .tinyLinkW a:hover{ 
 color:       #ffffff;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: bold;
}
.tinyLinkW a:link    { color:  #ffffff; }
.tinyLinkW a:visited { color:  #ffffff; }
.tinyLinkW a:active  { color:  #ffffff; }
.tinyLinkW a:hover   { color:  #cccccc; } 

/*  
    This is for tiny bold text.
*/
.tinyLinkB, .tinyLinkB a:link, .tinyLinkB a:active, .tinyLinkB a:visited, .tinyLinkB a:hover{ 
 color:       #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: bold;
}
.tinyLinkB a:link    { color:  #663300; }
.tinyLinkB a:visited { color:  #663300; }
.tinyLinkB a:active  { color:  #333333; }
.tinyLinkB a:hover   { color:  #aaaaaa; } 

/*  
    This is for tiny bold white text.
*/
.tinyLinkBW, .tinyLinkBW a:link, .tinyLinkBW a:active, .tinyLinkBW a:visited, .tinyLinkBW a:hover{ 
 color:       #ffffff;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: bold;
}
.tinyLinkBW a:link    { color:  #ffffff; }
.tinyLinkBW a:visited { color:  #ffffff; }
.tinyLinkBW a:active  { color:  #ffffff; }
.tinyLinkBW a:hover   { color:  #cccccc; } 

/* 
   This is for tiny text.
*/
.tinyText {
 color: #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:  9px; 
 font-weight:  normal;
}

/* 
   This is for ad text.
*/
.adText {
 color: #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:  9px; 
 font-weight:  normal;
}

/*  
    This formats the text in the tabs.
*/
.tabLink, .tabLink a:link, .tabLink a:active, .tabLink a:visited, .tabLink a:hover{ 
 color:       #ffffff;
 font-family: "lucida grande",verdana,trebuchet,arial,sans-serif;
 font-size:   11px; 
 font-weight: bold;
}
.tabLink a:link    { color:  #ffffff; }
.tabLink a:visited { color:  #ffffff; }
.tabLink a:active  { color:  #ffffff; }
.tabLink a:hover   { color:  #cccccc; } 

/* 
   This is the white text that appears in the tabs.
*/
.tabText {
 color: #ffffff;
 font-family: "lucida grande",verdana,trebuchet,arial,sans-serif;
 font-size:  11px; 
 font-weight:  bold;
}

/*  
    This formats the hyperlinks that appears in the member navbar:
    login, register, calendar, etc.
*/

.loginLink, .loginLink a:link, .loginLink a:active, .loginLink a:visited, .loginLink a:hover{ 
 color:       #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: bold;
}
.loginLink a:link    { color:  #663300; }
.loginLink a:visited { color:  #663300; }
.loginLink a:active  { color:  #663300; }
.loginLink a:hover   { color:  red; } 

/* 
   This is the white text that appears in the member navbar:  
   By default it says "USER".
*/

.loginText {
 color: #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:  9px; 
 font-weight:  bold;
}

/*  
    This formats the hyperlinks that appears in the sidebar.
*/
.sideLink, .sideLink a:link, .sideLink a:active, .sideLink a:visited, .sideLink a:hover{ 
 color:       #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: normal;
}
.sideLink a:link    { color:  #000000; }
.sideLink a:visited { color:  #666666; }
.sideLink a:active  { color:  #999999; }
.sideLink a:hover   { color:  #aaaaaa; } 

/* 
   This is the text that appears in the sidebar.
*/
.sideText {
 color: #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:  9px; 
 font-weight:  normal;
}

/*  
   This formats the title links.
*/
.titleLink, .titleLink a:link, .titleLink a:active, .titleLink a:visited, .titleLink a:hover{ 
 color:       #663300;
 font-family: "lucida grande",arial,verdana,geneva,sans-serif;
 font-size:   18px; 
 font-weight: bold;
}
.titleLink a:link    { color:  #663300; }
.titleLink a:visited { color:  #663300; }
.titleLink a:active  { color:  #663300; }
.titleLink a:hover   { color:  red; } 

/* 
   This is the non-linked titles.
*/
.titleText {
 color: #663300;
 font-family: "lucida grande",arial,verdana,geneva,sans-serif;
 font-size:  18px; 
 font-weight:  bold;
}

/*  
   This formats the subtitle links.
*/
.subtitleLink, .subtitleLink a:link, .subtitleLink a:active, .subtitleLink a:visited, .subtitleLink a:hover{ 
 color:       #663300;
 font-family: helvetica,arial,verdana,geneva,sans-serif;
 font-size:   13px; 
 font-weight: normal;
}
.subtitleLink a:link    { color:  #663300; }
.subtitleLink a:visited { color:  #663300; }
.subtitleLink a:active  { color:  #663300; }
.subtitleLink a:hover   { color:  red; } 

/* 
   This is the non-linked titles.
*/
.subtitleText {
 color: #663300;
 font-family: helvetica,arial,verdana,geneva,sans-serif;
 font-size:  13px; 
 font-weight:  normal;
}

/*  
   This formats the breadcrumb trail links.
*/
.bmLink, .bmLink a:link, .bmLink a:active, .bmLink a:visited, .bmLink a:hover{ 
 color:       #000000;
 font-family: 'HelveticaNeue-Light', 'Helvetica Neue', 'Helvetica Neue Light', 'Arial', sans-serif;
 text-transform:uppercase;
 font-size:   10px; 
 font-weight: bold;
}
.bmLink a:link    { color:  #663300; }
.bmLink a:visited { color:  #663300; }
.bmLink a:active  { color:  #663300; }
.bmLink a:hover   { color:  red; } 

/* 
   This is the non-linked breadcrumb trail.
*/
.bmText {
 color: #000000;
 font-family: 'HelveticaNeue-Light', 'Helvetica Neue', 'Helvetica Neue Light', 'Arial', sans-serif;
 text-transform:uppercase;
 font-size:  10px; 
 font-weight:  bold;
}


/*  
    Default text in tables.  
*/
td {
 color:       #000000;
 font-family: "lucida grande",verdana,trebuchet,arial,sans-serif;
 font-size:   11px; 
 font-weight: normal;
}

/*  
    Bold text used in the forms.  
*/
.formText { 
 color:       #333333;
 font-family: "lucida grande",verdana,trebuchet,arial,sans-serif;
 font-size:   10px; 
 font-weight: bold;
} 

/*  
    Non-bold text used in the forms.  
*/
.normalText {
 color:       #000000;
 font-family: "lucida grande",verdana,trebuchet,arial,sans-serif;
 font-size:   10px; 
 font-weight: normal;
}

/*  
    White colored header text used at the top of all forms. 
*/
.whiteText {
 color:       #ffffff;
 font-family: "lucida grande",verdana,trebuchet,arial,sans-serif;
 font-size:   10px; 
 font-weight: bold;
}


/*  
    General text formatting: Sizes 9 - 14 in various colors
*/
.text9,  .text9red,  .text9green,  .text9blue,  .text9purple,  .text9grey  { font-family: "lucida grande",verdana,geneva,arial,sans-serif; font-size:  9px; color: #000000; font-weight: normal; }
.text10, .text10red, .text10green, .text10blue, .text10purple, .text10grey { font-family: "lucida grande",verdana,geneva,arial,sans-serif; font-size: 10px; color: #000000; font-weight: normal; }
.text11, .text11red, .text11green, .text11blue, .text11purple, .text11grey { font-family: "lucida grande",verdana,geneva,arial,sans-serif; font-size: 11px; color: #000000; font-weight: normal; }
.text12, .text12red, .text12green, .text12blue, .text12purple, .text12grey { font-family: "lucida grande",verdana,geneva,arial,sans-serif; font-size: 12px; color: #000000; font-weight: normal; }
.text13, .text13red, .text13green, .text13blue, .text13purple, .text13grey { font-family: "lucida grande",verdana,geneva,arial,sans-serif; font-size: 13px; color: #000000; font-weight: bold; }
.text14, .text14red, .text14green, .text14blue, .text14purple, .text14grey { font-family: "lucida grande",verdana,geneva,arial,sans-serif; font-size: 14px; color: #000000; font-weight: bold; }

.text9red    { color: #ff0000; }
.text10red   { color: #ff0000; }
.text11red   { color: #ff0000; }
.text12red   { color: #ff0000; }
.text13red   { color: #ff0000; }
.text14red   { color: #ff0000; }

.text9green  { color: #009933; }
.text10green { color: #009933; }
.text11green { color: #009933; }
.text12green { color: #009933; }
.text13green { color: #009933; }
.text14green { color: #009933; }

.text9blue   { color: #333399; }
.text10blue  { color: #333399; }
.text11blue  { color: #333399; }
.text12blue  { color: #333399; }
.text13blue  { color: #333399; }
.text14blue  { color: #333399; }

.text9grey   { color: #666666; }
.text10grey  { color: #666666; }
.text11grey  { color: #666666; }
.text12grey  { color: #666666; }
.text13grey  { color: #666666; }
.text14grey  { color: #666666; }

.text9purple  { color: #990099; }
.text10purple { color: #990099; }
.text11purple { color: #990099; }
.text12purple { color: #990099; }
.text13purple { color: #990099; }
.text14purple { color: #990099; }



/*
    Form "submit" button.
*/
.button   {
 font-family:      "lucida grande",verdana, sans-serif;
 font-size:        10px;
 font-weight:      bold;
 color:            #663300;    
 background-color: #ffffff;
}
/*
    Form "submit" button (black)
*/
.button2   {
 font-family:      "lucida grande",verdana, sans-serif;
 font-size:        10px;
 font-weight:      bold;
 color:            #000000;    
 background-color: #ffffff;
}


/*  
    Form textarea formatting
*/
.textarea {
 font-family:		"lucida grande",verdana, sans-serif;
 font-size:			11px;
 font-weight:        normal;
 color:				#000000;
 background-color:	#dddddd;
 border-top:		#000000 1px solid; 
 border-left:		#000000 1px solid; 
 border-right:		#dcdcdc 1px solid; 
 border-bottom:		#dcdcdc 1px solid;
}

/*  
    Form input fields - a whole bunch of different sizes
*/

.box, .box20, .box40, .box50, .box100, .box120, .box150, .box200, .box250, .box300, .box350, .box400 {
	font-family:		"lucida grande",verdana, sans-serif;
	font-size:			11px;
	font-weight:        normal;
	color:				#000000;
	height:				16px;
	background-color:	#ffffff;
	border-top:			#000000 1px solid; 
	border-left:		#000000 1px solid; 
	border-right:		#dcdcdc 1px solid; 
	border-bottom:		#dcdcdc 1px solid;
}
    .box20  {width:   20px;}
    .box40  {width:   40px;}
    .box50  {width:   50px;} 
    .box100 {width:  100px;}
    .box120 {width:  120px;}
    .box135 {width:  135px;}
    .box150 {width:  150px;}
    .box200 {width:  200px;}
    .box250 {width:  250px;}
    .box300 {width:  300px;}
    .box350 {width:  350px;}  
    .box400 {width:  400px;}

/*  
    Pulldown menu
*/

 select {
	background-color: #ffffff;
	color: #000000;
	font-family: "lucida grande",verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
 }
 
 /*  
    This is for the white sidebar header text.
*/

	.sidebarWhite, .sidebarWhite a:link, .sidebarWhite a:active, .sidebarWhite a:visited, .sidebarWhite a:hover{ 
		color:       #FFFFFF;
		font-family: "lucida grande",verdana,geneva,arial,sans-serif;
		font-size:   11px; 
		font-weight: bold;
		text-shadow: #000000 2px 2px 3px;
		text-indent: 5px; 
		}
	.sidebarWhite a:link    { color:  #FFFFFF; }
	.sidebarWhite a:visited { color:  #FFFFFF; }
	.sidebarWhite a:active  { color:  #333333; }
	.sidebarWhite a:hover   { color:  #cccccc; } 

/*  
    This is for the white sidebar header small text.
*/

	.sidebarWhiteSm, .sidebarWhiteSm a:link, .sidebarWhiteSm a:active, .sidebarWhiteSm a:visited, .sidebarWhiteSm a:hover{ 
		color:       #FFFFFF;
		font-family: "lucida grande",verdana,geneva,arial,sans-serif;
		font-size:   11px; 
		font-weight: normal;
		text-shadow: #000000 2px 2px 3px;
		text-indent: 5px; 
		white-space: nowrap;
		}
	.sidebarWhiteSm a:link    { color:  #FFFFFF; }
	.sidebarWhiteSm a:visited { color:  #FFFFFF; }
	.sidebarWhiteSm a:active  { color:  #333333; }
	.sidebarWhiteSm a:hover   { color:  #cccccc; } 

/*  
    This is for the sidebar body text.
*/

	.sidebarBody, .sidebarBody a:link, .sidebarBody a:active, .sidebarBody a:visited, .sidebarBody a:hover{ 
		color:       #000000;
		font-family: "lucida grande",verdana,geneva,arial,sans-serif;
		font-size:   10px; 
		line-height: 13px; 
		font-weight: normal;
		}
	.sidebarBody a:link    { color:  #663300; font-weight: bold;}
	.sidebarBody a:visited { color:  #663300; font-weight: bold;}
	.sidebarBody a:active  { color:  #333333; font-weight: bold;}
	.sidebarBody a:hover   { color:  #cccccc; font-weight: bold;}