body { color: #000000; font-size: 12px; font-weight: normal; text-decoration: none; font-family: Trebuchet MS,verdana,arial,sans-serif; }

a:link    { color: #blue; font-size: 12px; font-weight: bold; text-decoration: underline; font-family: Trebuchet MS,verdana,arial,sans-serif; }
a:visited { color: #0000b0; font-size: 12px; font-weight: bold; text-decoration: underline; font-family: Trebuchet MS,verdana,arial,sans-serif; }
a:active  { color: #333333; font-size: 12px; font-weight: bold; text-decoration: underline; font-family: Trebuchet MS,verdana,arial,sans-serif; }
a:hover   { color: #red; font-size: 12px; font-weight: bold; text-decoration: underline; font-family: Trebuchet MS,verdana,arial,sans-serif; }


/*  
    Normal text.
*/
.link, .link a:link, .link a:active, .link a:visited, .link a:hover{ 
 color:           #333333;
 font-family:     Trebuchet MS,verdana,geneva,arial,sans-serif;
 font-size:       12px; 
 font-weight:     normal;
} 
.link a:link    { color:  #blue; }
.link a:visited { color:  #0000b0; }
.link a:active  { color:  #333333; }
.link a:hover   { color:  #red; } 

/*  
    Smaller version of the above links.  Blue.
*/
.smlink, .smlink a:link, .smlink a:active, .smlink a:visited, .smlink a:hover{ 
 color:           #333333;
 font-family:     Trebuchet MS,verdana,geneva,arial,sans-serif;
 font-size:       10px; 
 font-weight:     bold;
} 
.smlink a:link    { color:  #blue; }
.smlink a:visited { color:  #0000b0; }
.smlink a:active  { color:  #333333; }
.smlink a:hover   { color:  #red; } 

/*  
    This is for tiny text.
*/
.tinyLink, .tinyLink a:link, .tinyLink a:active, .tinyLink a:visited, .tinyLink a:hover{ 
 color:       #blue;
 font-family: verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: bold;
}
.tinyLink a:link    { color:  #blue; }
.tinyLink a:visited { color:  #0000b0; }
.tinyLink a:active  { color:  #333333; }
.tinyLink a:hover   { color:  #red; } 

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

/*  
    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:       #red;
 font-family: verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: bold;
}
.loginLink a:link    { color:  #red; }
.loginLink a:visited { color:  #red; }
.loginLink a:active  { color:  #red; }
.loginLink a:hover   { color:  #CCFF66; } 

/* 
   This is the white text that appears in the member navbar:  
   By default it says "USER".
*/
.loginText {
 color: #ffffff;
 font-family: 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: verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: bold;
}
.sideLink a:link    { color:  #blue; }
.sideLink a:visited { color:  #0000b0; }
.sideLink a:active  { color:  #333333; }
.sideLink a:hover   { color:  #CCFF66; } 

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

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

/* 
   This is the non-linked titles.
*/
.titleText {
 color: #red;
 font-family: 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:       #blue;
 font-family: arial,verdana,geneva,sans-serif;
 font-size:   16px; 
 font-weight: bold;
}
.subtitleLink a:link    { color:  #blue; }
.subtitleLink a:visited { color:  #blue; }
.subtitleLink a:active  { color:  #blue; }
.subtitleLink a:hover   { color:  #red; } 

/* 
   This is the non-linked subtitles.
*/
.subtitleText {
 color: #blue;
 font-family: arial,verdana,geneva,sans-serif;
 font-size:  16px; 
 font-weight:  bold;
}

/*  
   This formats the breadcrumb trail links.
*/
.bmLink, .bmLink a:link, .bmLink a:active, .bmLink a:visited, .bmLink a:hover{ 
 color:       #000000;
 font-family: Trebuchet MS MS,Trebuchet MS,verdana,geneva,arial,sans-serif;
 text-transform:uppercase;
 font-size:   12px; 
 font-weight: bold;
}
.bmLink a:link    { color:  #blue; }
.bmLink a:visited { color:  #blue; }
.bmLink a:active  { color:  #blue; }
.bmLink a:hover   { color:  #000000; } 

/* 
   This is the non-linked breadcrumb trail.
*/
.bmText {
 color: #000000;
 font-family: Trebuchet MS MS,Trebuchet MS,verdana,geneva,arial,sans-serif;
 text-transform:uppercase;
 font-size:  12px; 
 font-weight:  bold;
}


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

/*  
    Bold text used in the forms.  
*/
.formText { 
 color:       #333333;
 font-family: Trebuchet MS,verdana,arial,sans-serif;
 font-size:   12px; 
 font-weight: bold;
} 

/*  
    Non-bold text used in the forms.  
*/
.normalText {
 color:       #000000;
 font-family: Trebuchet MS,verdana,arial,sans-serif;
 font-size:   12px; 
 font-weight: normal;
}

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


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


/*  
    Form textarea formatting
*/
.textarea {
 font-family:		Verdana, sans-serif;
 font-size:			12px;
 font-weight:        normal;
 color:				#000000;
 background-color:	#cacaff;
 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:		Verdana, sans-serif;
	font-size:			12px;
	font-weight:        normal;
	color:				#000000;
	height:				14px;
	background-color:	#cacaff;
	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;}
    .box150 {width:  150px;}
    .box200 {width:  200px;}
    .box250 {width:  250px;}
    .box300 {width:  300px;}
    .box350 {width:  350px;}  
    .box400 {width:  400px;}