body { font-size: 11px; font-family: verdana,arial,sans-serif; }

a:link    { text-decoration: none; }
a:visited { text-decoration: none; }
a:active  { color: #ff0000; text-decoration: none; }
a:hover   { color: #ff0000; text-decoration: none; }


/* Smaller version of the above links.  Blue  */

.smlink, .smlink a:link, .smlink a:active, .smlink a:visited, .smlink a:hover{ 
 color:           #ffffff;
 font-weight:     normal;
 font-family:     verdana,arial,sans-serif;
 font-size:       9px;
} 
.smlink a:link    { color:  #ffffff; }
.smlink a:visited { color:  #ffffff; }
.smlink a:active  { color:  #ff0000; }
.smlink a:hover   { color:  #ff0000; }

.wtlink, .wtlink a:link, .wtlink a:active, .wtlink a:visited, .wtlink a:hover{ 
 color:           #ffffff;
 font-weight:     normal;
 font-family:     verdana,arial,sans-serif;
} 
.wtlink a:link    { color:  #ffffff; }
.wtlink a:visited { color:  #ffffff; }
.wtlink a:active  { color:  #ff0000; }
.wtlink a:hover   { color:  #ff0000; }


.bglink, .bglink a:link, .bglink a:active, .bglink a:visited, .bglink a:hover{ 
 color:           #ffffff;
 font-weight:     normal;
 font-family:     verdana,arial,sans-serif;
 font-size:       11px;
} 
.bglink a:link    { color:  #ffffff; }
.bglink a:visited { color:  #ffffff; }
.bglink a:active  { color:  #ff0000; }
.bglink a:hover   { color:  #ff0000; }

.blink, .blink a:link, .blink a:active, .blink a:visited, .blink a:hover{ 
 color:           #155ab0;
 font-weight:     normal;
 font-family:     verdana,arial,sans-serif;
 font-size:       9px;
} 
.blink a:link    { color:  #155ab0; }
.blink a:visited { color:  #155ab0; }
.blink a:active  { color:  #ff0000; }
.blink a:hover   { color:  #ff0000; }

.clink, .clink a:link, .clink a:active, .clink a:visited, .clink a:hover{ 
 color:           #ff6600;
 font-family:     verdana,arial,sans-serif;
} 
.clink a:link    { color:  #ff6600; }
.clink a:visited { color:  #ff6600; }
.clink a:active  { color:  #ff0000; }
.clink a:hover   { color:  #ff0000; }


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


/* 
   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;
}


/*  
    Default text inside the various member registration, profile, etc. tables.  
*/
td {
 color:       #333333;
 font-family: verdana,arial,sans-serif;
 font-size:   11px; 
 font-weight: normal;
}

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

/*  
    Non-bold text used next to the forms fields.  
*/
.normalText {
 color:       #000000;
 font-family: 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: verdana,arial,sans-serif;
 font-size:   10px; 
 font-weight: bold;
}


/*  
    General text formatting: Sizes 9 - 14 in various colors
*/
.text9,  .text9red,  .text9orange,  .text9blue,  .text9purple,  .text9grey,  .text9white  { font-family: verdana,arial,sans-serif; font-size:  9px; color: #000000; font-weight: normal; }
.text10, .text10red, .text10orange, .text10blue, .text10purple, .text10grey, .text10white { font-family: verdana,arial,sans-serif; font-size: 10px; color: #333333; }
.text11, .text11red, .text11orange, .text11blue, .text11purple, .text11grey, .text11white { font-family: verdana,arial,sans-serif; font-size: 11px; color: #000000; }
.text12, .text12red, .text12orange, .text12blue, .text12purple, .text12grey, .text12white { font-family: verdana,arial,sans-serif; font-size: 12px; color: #000000; font-weight: normal; }
.text13, .text13red, .text13orange, .text13blue, .text13purple, .text13grey, .text13white { font-family: verdana,arial,sans-serif; font-size: 13px; color: #000000; font-weight: bold; }
.text14, .text14red, .text14orange, .text14blue, .text14purple, .text14grey, .text14white { font-family: verdana,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; }

.text9orange  { color: #ff6600; }
.text10orange { color: #ff6600; }
.text11orange { color: #ff6600; }
.text12orange { color: #ff6600; }
.text13orange { color: #ff6600; }
.text14orange { color: #ff6600; }

.text9blue   { color: #155ab0; }

.text10blue  { color: #155ab0; }
.text10blue a:link    { text-decoration: underline; }
.text10blue a:visited { text-decoration: underline; }
.text10blue a:active  { color: #ff0000; text-decoration: none; }
.text10blue a:hover   { color: #ff0000; text-decoration: none; }

.text11blue  { color: #155ab0; }
.text12blue  { color: #155ab0; }
.text13blue  { color: #155ab0; }
.text14blue  { color: #155ab0; }

.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; }

.text9white  { color: #ffffff; }
.text10white { color: #ffffff; }
.text11white { color: #ffffff; }
.text12white { color: #ffffff; }
.text13white { color: #ffffff; }
.text14white { color: #ffffff; }

/*
    Form "submit" button.
*/
.button   {
 font-family:      verdana,Verdana,sans-serif;
 font-size:        10px;
 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:			11px;
	font-weight:        bold;
	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;}





/* THE FOLLOWING ARE FOR USE WITH THE MINI-CALENDAR */


/*  Calendar header text  */
.header {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #ffffff;
 font-weight: bold;
}


/*  Navigational links in the header  */
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover{ 
 color:       #ffffff;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px; 
 font-weight: bold;
} 
.navlinks a:link    { color:  #ffffff; text-decoration: none;}
.navlinks a:visited { color:  #ffffff; text-decoration: none;}
.navlinks a:active  { color:  #333333; text-decoration: none;}
.navlinks a:hover   { color:  #000000; text-decoration: underline;}


/*  Days of the week text  */
.weekdays {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
 font-weight:  bold;
}

/*  Days of the month text and links */
.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
}
.monthdays a:link    { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #333333; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #cccccc; text-decoration: none;font-weight: bold;}

.home {
	background-attachment: scroll;
	background-image: url(img/bgr_home_02.gif);
	background-repeat: no-repeat;
	background-position: 20px 85px;
}

#analytics { display: none; }