/* CSS Document */

body   {
background:#52A5F2;

}



#mainbox    {


width:800px;
background: #fff;
margin:auto;
}

#header   {
	height:120px;
	background:#4E6DBB
}

#header  h1  {
	font-family:Trebuchet MS, times new roman, helvetica, arial, sans-serif;
	font-size:200%;
	color:#fff;
	text-align:left;
	margin-left:20px;
	padding-top:1em;
}


#header a   {

	padding-left:1px;
	padding-right:5px;
	margin-left:1px;

	font-family:Trebuchet MS, times new roman, helvetica, arial, sans-serif;
	font-size:85%;
	color:#fff;
	text-decoration:none;
}

input, select, textarea 	{  	font-family : Arial, Helvetica, sans-serif ;
					font-size : 12px ;
					margin-top : 0px ;
					margin-bottom : 0px ;
					margin-left : 0px ;
					margin-right : 0px ;
					color : #000000 ; 	}

.gfont {
	FONT-SIZE: 9px; COLOR: #666; LINE-HEIGHT: 12px; font-family : Arial, Helvetica, sans-serif;
}
/*  SIDE BAR PROPERTIES  LEFT */

#sidebarL  {

width:120px;
float: left;

margin-top:10px;
margin-left:10px;
margin-right:10px;
padding-right:10px;

font-family:Trebuchet MS, times new roman, helvetica, arial, sans-serif;
font-size:75%;
border-right:1px dotted #52A5F2;

}

#sidebarL  b  {
font-family:Trebuchet MS, times new roman, helvetica, arial, sans-serif;
font-size:105%;
color:#3879ff;
text-decoration:none;
}

#sidebarL a   {
color:#989898;
text-decoration:none;
}

#sidebarL a:hover  {
text-decoration:underline;
color:#33cc33;
}

#calendar {
  	line-height: 140%;
	color: #330000;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
  	padding: 2px;
	text-align: center;
	margin-bottom: 5px;
	}
	
#calendar a   
{
color:#0000FF;
text-decoration:none;
}

#calendar table {
	padding: 2px;
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	}

#calendar caption {
	color: #330000;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
	text-align: center;
	font-weight: bold;
	
	text-transform: uppercase;
	
	letter-spacing: .3em;
	}

#calendar th {
	text-align: center;
	font-weight: normal;
	}

#calendar td {
	color:#000000;
	text-decoration:none;
	text-align: center;
	}

/*  SIDE BAR PROPERTIES  RIGHT*/

#sidebarR  {

float:left;
width:120px;
margin-top:10px;
margin-right:10px;
padding-left:10px;

font-family:Trebuchet MS, times new roman, helvetica, arial, sans-serif;
font-size:75%;
border-left:1px dotted #52A5F2;

}

#sidebarR  b  {
font-family:Trebuchet MS, times new roman, helvetica, arial, sans-serif;
font-size:105%;
color:#3879ff;
text-decoration:none;
}

.boldTitle {
	font-family:Trebuchet MS, times new roman, helvetica, arial, sans-serif;
	font-size:105%;
	color:#3879ff;
	text-decoration:none;
}

#sidebarR a   {
color:#989898;
text-decoration:none;
}

#sidebarR a:hover  {
text-decoration:underline;
color:#33cc33;
}

/*  TOP NAVIGATION PROPERTIES  */



#nav-menu ul
{
list-style: none;
margin-left:100px;
padding-bottom:5px;

}

#nav-menu li
{
float: left;
border-bottom:4px solid #3879ff;
padding-top: 10px;
margin-left:10px;
text-align: center;


}



#nav-menu li a
{


font-family:Trebuchet MS, times new roman, helvetica, arial, sans-serif;
font-size:85%;
height: 25px;
line-height: 1.5em;
float: left;
width: 5em;
border-left:1px solid #687A9e;

display:block;
color: #383838;
text-decoration: none;
text-align: center;
}
/*   ROLLOVER PROPERTIES  */

#nav-menu li a:hover
{
border-left:none;


color:#3879ff;
}

#nav-menu li a:active
{
background:#395EA8;
color:#fff;
}


/*    MAIN CONTENT PROPERTIES   */

#contentbox   {

float:left;
text-align:left;
width:460px;
font-size:65%;
font-family:Verdana, times new roman, helvetica, arial, sans-serif;
padding-right:10px;
padding-left:10px;
line-height:1.1em;
letter-spacing:0.05em;

}

#contentbox h2  {
font-family:Trebuchet MS, times new roman, helvetica, arial, sans-serif;
font-size:100%;
color:#3879ff;
}

#contentbox h3  {
font-family:times, helvetica, arial, sans-serif;
letter-spacing:0.4em;
font-size:100%;
color:#33cc33;
}


#contentbox a  {
color:#3879ff;
text-decoration:none;
}

#contentbox a:hover  {
color:#33cc33;
text-decoration:underline;
}


#footer  {
width:400px;
margin:auto;
text-align:center;
font-family:Trebuchet MS, times new roman, helvetica, arial, sans-serif;
color:#383838;
padding-top:5px;
text-decoration:none;
font-size:90%;
border-top:1px dotted #383838;
}

#footer   a  {
text-decoration:none;
color:#383838;

}

#footer   a:hover  {
text-decoration:underline;


}

/* Commence hack IE5-Mac \*/
#nav-menu li a
{
float: none
}
/*

Stuff for the top navbar

This makes the unordered list appear like a
menu bar, and not as a real list.

*/

#nav ul
{
list-style: none;
margin: 0px auto auto 20px;
padding-bottom: 40px;
}

#nav li
{
font-family: Trebuchet MS, Verdana, helvetica, arial, sans-serif;
float: left;
padding-top: 10px;
text-align: center;
}

/*

If you don't like the "tab effect" I have on the
navbar buttons, then remove all the "border" atribs.
from the all the nav elements bellow.

*/

#nav li a
{
font-family: Trebuchet MS, Verdana, helvetica, arial, sans-serif;
font-size: 100%;
font-weight:bold;
height: 25px;
line-height: 1.5em;
border-bottom: 1px solid #3879ff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
width: 5em;
display: block;
color: #383838;
text-decoration: none;
text-align: center;
}

#nav li a:hover
{
color: #00ff00;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

#nav li a:active
{
background:#395EA8;
color:#fff;

}

#nav li a.active
{
   background:#395EA8;
   color:#fff;

}
/* 

This makes the navbar work correctly on old
versions of IE on the MacOS 9.  I only put this
here because there are people still using OS9
that can't get FireFox, Camino, or any other
modern browser.

 */
#nav li a
{
float: none
}


/* End IE5-Mac hack */