/* Global Styles */

body {
	margin:0px;
	}

td {
	font:11px arial;
	color:#000000;
	}
	
a {
	color: #ffffff;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {
	text-decoration:underline;
	}

#padding {
	padding:20px 5px 20px 5px;
	}
	
#calendar td {
	border: 1px solid rgb(0,51,153);
	}
	
#noborder td {
	border: 0px;
	}
	
#weekdays th {
	font:12px arial;
	color: #0033FF;
	font-weight:bold;
	border: 0px;
	padding:2px;
	}

#calheader td {
	font-weight:bold;
	}

/* Class Styles */

.logo {
	font:18px times new roman;
	color: #0E177C;
	letter-spacing:.3em;
	font-weight:bold;
	line-height:22px;
	}

.tagline {
	color: #FFFFFF;
	letter-spacing:0.05em;
	font-family: "Century Gothic";
	font-size: 12px;
	}

.smallText {
	color: #0033CC;
	line-height:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}

.pageHeader {
	color: #000000;
	letter-spacing:0.1em;
	line-height:20px;
	font-family: "times new roman";
	font-size: 20px;
	font-weight: normal;
	font-variant: normal;
	text-decoration: underline;
	}
	
.bodyText {
	color:#333333;
	line-height:19px;
	font-family: arial;
	font-size: 11px;
	}
	
.pageName {
	font:20px georgia;
	color: #CC3300;
	letter-spacing:.1em;
	line-height:26px;
	}
	
.subHeader {
	font:14px times new roman;
	color: #003399;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}
	
/* square links ------------ */
/* mac ie cannot handle more than 2 classes applied to one element */
a.sqr {
	color: #3399cc;
	width: 12px;
	height: 14px;
}

a.sqr:hover,
a.sqr.currentSqr { /* fix this in mac ie somehow - doesn't like the js classname switch */
	color: #FFFFFF;
	background-color: #666633;
}