@charset "UTF-8";
/* CSS Document */

/******************document colors:

Dark Blue: 		#415aaa
Bright Blue: 	#3e79d2;
Bright Orange: 	#e99a28
Light Blue: 	#e8e9f5
Cream: 			#fcf8e3
Light Green: 	#90c64e 


/******************global attributes*/

body {
	font-family:'lucida grande',arial,sans;
	color:#666;
	margin:26px;
}

a {
	color:#3e79d2;
}

a:hover {
	color:#90c64e;
}

.bluehighlight, em.fee {
	color:#3e79d2;
}

em, i, cite, p em {
	font-family:"lucida sans", "lucida grande", tahoma, verdana, arial, sans-serif;
		color:#666;

}

h1 {
	line-height:120%;
	border-bottom:1px dotted #3e79d2;
	color:#5366a9;
	margin-bottom:26px;
	font-size:28px;
}

h2 {
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	margin:0 0 9px 0;
	color:#e99a28; 
}

h3 {
	font-weight:normal;
	color:#415aaa; 
	margin:24px 0;
}
	
h4 {
	font-size:16px;
	font-weight:normal;
	margin:0 0 5px 0;
}

h5 {
	font-weight:normal;
	color:#999;
	margin:6px 0;
	}
	
p, ol {
	margin:0 0 18px 0;
	font-size:95%;
	line-height:135%;
}

li {
	margin:0 0 0 36px;
}
	
ul {
	margin:0 0 24px 12px;
}

.credit {
font-size:70%;
}

.credit a {
text-decoration:none;
}

.highlight {
	color: #e99a28;
	font-weight: bold;
}


strong.fee {
	color:#e99a28; 
}
/******************body positioning*/
	
.col1 {
	position:absolute;
	top: 400px;
	left:207px;
	float:left;
	width:390px;
	font-size:90%;
}

.col2 {
	position:absolute;
	top: 400px;
	left: 597px; 
	float:left;
	margin-left:26px;
	padding-left:26px;
	width:334px;;
	border-left:1px dotted silver;
	font-size:90%;
}


.banner {
position:absolute;
	top: 50px;
	left:207px;
}

.col1hp {
	position:absolute;
	top: 520px;
	left:207px;
	float:left;
	width:390px;
	font-size:90%;
}

.col2hp {
	position:absolute;
	top: 520px;
	left: 597px; 
	float:left;
	margin-left:26px;
	padding-left:26px;
	width:334px;;
	border-left:1px dotted silver;
	font-size:90%;
}

.colMain {
	position:absolute;
	top: 245px;
	left: 207px;
	width: 424px;
}

.colMain img {
	float:right;
	margin:10px;
}

.colRight {
	position:absolute;
	top: 245px;
	left: 631px; 
	float:left;
	width:300px;
	margin:20px 0 0 26px;
	padding:12px 0 0 26px;
}

.fullText {
	position:absolute;
	top: 225px;
	left: 207px;
	width: 780px;
	float:left;
}

.bannerText {
	position:absolute;
	top: 366px;
	left: 207px;
	width: 780px;
	float:left;
}


.survey {
	position:absolute;
	width:724px;
	clear:both;
	left:207px;
	}
	
.ss-choice-item {
	list-style-type:none;
	}

/******************template object positioning*/

.utils {
	font-size:10px;
	font-weight:bold;
	left:207px;
	top:28px;
	position:absolute;
	z-index:98;
}

.utils a {
	color:#e99a28; 
}

.header {
	position:absolute;
	top:20px;
	left:20px;
}
	
.banner {
	position:absolute;
	top: 205px;
	left: 207px;
}

/******************sub-navigation container*/

#navRight {
	background-color:#e8e9f5;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
}

#navRight li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	border-bottom: 1px solid #e8e9f5;
}

#navRight ul {
	margin:0px;
	padding: 0px;
}

#navRight strong {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 4px 0px 4px 0px;
	background-color: #415aaa;
	color:#e99a28;
}

#navRight a {
	display: block;
	font-weight:bold;
	list-style-type:none;
	text-decoration:none;
	border-top: 1px solid #cccccc;
	padding: 4px 0px 4px 24px;
	color: #415aaa;
}

#navRight a:hover {
	background-color: #415aaa;
	color:#e99a28;
}

/******************top level navigation*/


#navbar {
	position:absolute;
	top: 137px;
	left: 207px;
	width:810px;
	z-index:99;
}

#navbar li {
	float:left;
	display:inline;
	list-style-type:none;
	height:60px;
	padding:0px;
	margin:0px;
}

.navtext {
	display: none;
}

.about a {
	position:absolute;
	top: 0px;
	left: 0px;
	background:url(../i/template/nav/about.jpg);
	width: 108px;
	height: 60px;
	color: transparent;
}

.about a:hover {
	background:url(../i/template/nav/about_roll.jpg);
	color: transparent;
}

.calendar a {
	position:absolute;
	top: 0px;
	left: 108px;
	background:url(../i/template/nav/calendar.jpg);
	width: 162px;
	height: 60px;
	color: transparent;
}

.calendar a:hover {
	background:url(../i/template/nav/calendar_roll.jpg);
	color: transparent;
}

.learning a {
	position:absolute;
	top: 0px;
	left: 270px;
	background:url(../i/template/nav/learning.jpg);
	width: 162px;
	height: 60px;
	color: transparent;
}

.learning a:hover {
	background:url(../i/template/nav/learning_roll.jpg);
	color: transparent;
}

.community a {
	position:absolute;
	top: 0px;
	left: 432px;
	background:url(../i/template/nav/community.jpg);
	width: 216px;
	height: 60px;
	color: transparent;
}

.community a:hover {
	background:url(../i/template/nav/community_roll.jpg);
	color: transparent;
}

.support a {
	position:absolute;
	top: 0px;
	left: 648px;
	background:url(../i/template/nav/support.jpg);
	width: 132px;
	height: 60px;
	color: transparent;
}

.support a:hover {
	background:url(../i/template/nav/support_roll.jpg);
	color: transparent;
}

/******************calendar*/


table#calendar {
 	width:100%;
 	margin: 20px 0;
 	border-top: 1px solid #CCCCCC;
 	border-left: 1px solid #CCCCCC;
}

table#calendar td {
	border-bottom: 1px solid #CCCCCC;
 	border-right: 1px solid #CCCCCC;
 	padding:5px;
	margin:0;
 	vertical-align: top;
	font-size:12px;
 	text-align:  left;
	width: 14%;
}

a.arrows {
 	font-weight:bold;
 	font-size: 16px;
	text-decoration:none;
 }

a.arrows:hover {
 	color: #333333;
	text-decoration:none;
}

table#calendar td.blank {
 	background-color: #CCCCCC;
}

table#calendar td.holiday { 
 	font-weight:		normal;
 	background-color: 	#FCF8E3;
}

table#calendar td.blank { 
 	background-color: #CCCCCC;
}

table#calendar td.days {
 	background-color: #EFEFEF; 
 	text-align:  center;
}

table#calendar td div {
	padding-bottom:10px;
}

table#calendar a{
	text-decoration:none;
}

/******************event list view*/

.eventView {
	position:absolute;
	top: 197px;
	left: 207px;
	font-size:12px;
}

.eventList h2 {
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	margin:0 0 9px 0;
	color:#e99a28;
	border-bottom:1px dotted #e99a28;
}

#backToTop {
	color:#e99a28;
	font-size:10px;
	text-align:right;
}
	
#backToTop a{
	text-decoration:none;
}

/******************news items*/

.newsItem {
	border-bottom:1px dotted #e99a28;
	margin-bottom: 15px;
}

.newsItem li {
	line-height: 140%;
}

.newsItem li a {
	text-decoration:none;
}

/******************music*/

.music td {
	border-bottom:1px dotted #e99a28;
	padding: 10px 0px 10px 0px;
}

.selectedfee {
	font-size:10px;
	font-weight:bold;
	}