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

body {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#000000;
	margin:0px auto;
	text-align:left;
	font-size:13px;
	color:#FFFFFF;
	}
	
.sldw_next { display:none; } 
.sldw_prev { display:none; } 
	
	
/*-----------------------------HEADER TAGS---------------------------------*/	
	
h1 {font-family: "Segoe UI", Arial, Verdana, sans-serif;font-size:160%;font-weight:lighter;color:#FFFFFF;padding:0;margin-bottom:5px;}

h2 {font-family: "Segoe UI", Arial, Verdana, sans-serif;font-size:120%;font-weight:lighter;color:#fdf40f;padding:0;margin-bottom:5px;}	

h3 {font-family: "Segoe UI", Arial, Verdana, sans-serif;font-size:150%;font-weight:lighter;color:#FFFFFF;padding:0;margin-bottom:5px;}	

hr {border:1px dotted #8c8c8c;height:0px;}


a:hover {color:#FFFFFF;text-decoration:underline;}
a {color:#CCCCCC;text-decoration:none;}
	
/*-----------------------------WRAPPERS-----------------------*/

#wrapper {
	width:880px;
	height:auto;
	margin:0px auto;
	}
	
/*-----------------------------HEADER AND SLIDESHOW---------------------------*/

#header {
	width:880px;
	height:89px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	}
	
#slide {
	width:874px;
	height:268px;
	border:3px solid #052a56;
	}	
	
#search {float:right; width:200px; height:15px;margin:50px 70px 0 0;}	
.searchButton {border:0; color:#FFFFFF; background-color:#052a56;}	
	
/*-----------------------------MENU-----------------------*/

#menu {
	width:880px;
	height:32px;
	background-image:url(../images/menu-bg.jpg);
	background-repeat:no-repeat;
	font-size:110%;
	}
	
/*#menu ul {display:inline; font-size:120%;margin:0;padding:0;}	
#menu li {display:inline;border-right:1px solid #8a8a8a;padding:0 25px 0 10px;}

#menu li a {color:#FFFFFF;text-decoration:none;}
#menu li a:hover {color:#CCCCCC; text-decoration:underline;}*/


/* main navigation, top with flyout */
	
.navigationTopFlyout .mainNav {float:left; margin:0; padding:0; list-style:none; width:880px;  display:block; height:15px;}
.navigationTopFlyout .mainNav li { /* #see style-ie.css as well for changes */ display:block; float:left; padding:0 15px 0 10px; margin-top:10px;position:relative;border-right:1px solid #8a8a8a;height:15px;}
.navigationTopFlyout .mainNav li a {
	display:block;
	float:left; 
	color:#ffffff; 
	text-decoration:none; 
	height:15px;
	}
			
.navigationTopFlyout .mainNav li a:hover {color:#ffffff;}	
			
/* mouseover navigation. for level 2 flyout navigation */
.navigationTopFlyout .mainNav li:hover ul.level2, 
.navigationTopFlyout .mainNav li:focus ul.level2, 
.navigationTopFlyout .mainNav li.sfhover ul.level2 {display: block;}				
			
.navigationTopFlyout .mainNav li ul.level2 { /* #see style-ie.css as well for changes */
	display: none;
	position: absolute;
	width: 210px;
	height:auto;
	color: #fff;
	z-index: 3;
	left:-40px;
	top:12px;
	text-align:left;
	font-size:80%;
	border:none;}
	
.navigationTopFlyout .mainNav li ul.level2 li {padding: 0; display: inline;border:none;}		
.navigationTopFlyout .mainNav li ul.level2 li a {
	color: #ffffff;
	width: 210px;
	height:20px;
	padding-top:4px;
	padding-left:5px;
	background: #043062;
	border:1px solid #1e568f;}
							
.navigationTopFlyout .mainNav li ul.level2 li a:hover {color: #010912; background:#386fa7;font-weight:bold;}									
								
/* level 3 flyout navigation */
.navigationTopFlyout .mainNav li ul.level2 li:hover ul.level3,
.navigationTopFlyout .mainNav li ul.level2 li:focus ul.level3, 
.navigationTopFlyout .mainNav li ul.level2 li.sfhover ul.level3 {display: block;}
				
.navigationTopFlyout .mainNav li ul.level2 li ul.level3 {
	display: none;
	background: #none;
	position: absolute;
	margin-left: 125px;
	left: 89px;
	top: -12px;
	padding: 2px;
	}					
.navigationTopFlyout .mainNav li ul.level2 li ul.level3 a {color:#FFFFFF;}			
.navigationTopFlyout .mainNav li ul.level2 li ul.level3 a:visited {color:#FFFFFF;}				
.navigationTopFlyout .mainNav li ul.level2 li ul.level3 a:hover {color: #000000;}

	
/*---------------------------CONTENT----------------------*/

#main-content {
	width:880px;
	height:auto;
	margin-top:20px;
	}	
	
/*---------------------------CONTENT LEFT-----------------------*/

#content-left {
	float:left;
	width:195px;
	height:auto;
}

#news {
	float:left;
	width:195px;
	height:140px;
	font-size:90%;
	margin-bottom:40px;
	clear:both;
	}
	
#section {
	width:195px;
	height:auto;
	font-size:90%;
	margin-bottom:20px;
	float:left;
	}	
	
#section ul {list-style-type:none;display:block; font-size:120%;margin:0;padding:0;}	
#section li {display:block;margin:0;padding:5px 0 5px 10px;border-bottom:1px dotted #8c8c8c;}

#section li a {color:#FFFFFF;text-decoration:none;}
#section li a:hover {background-image:url(../images/section-hover.jpg); background-position:left; background-repeat:no-repeat;padding-left:10px;}

	
#quick-links {
	width:195px;
	height:130px;
	float:left;
	}
	
#quick-links img {margin-bottom:5px;}	

/*---------------------------CONTENT MIDDLE-----------------------*/

#content-middle {
	float:left;
	width:435px;
	height:auto;
	margin-left:25px;
	padding-bottom:15px;}

#content-middle-large {
	float:right;
	width:660px;
	height:auto;
	margin-left:25px;
}

#content-detail {
	float:left;
	width:660px;
	height:auto;
	margin-left:0px;
}

/*---------------------------CONTENT RIGHT-----------------------*/

#content-right {
	float:right;
	width:196px;
	height:auto;
	margin-top:10px;
}		

#content-right img {margin-bottom:15px;}	


/*----------------------------CALENDAR---------------------*/

.eventsCalendar table { /* entire table */
	border:1px solid #CCC;
	width:100%;
	border-collapse:collapse;}
	
.calendarDay, .calendarToday, .calendarDayHeader, .calendarTitle td, .calendarWeekendDay, .calendarOtherMonthDay   {
	padding: 2px;
	border:1px solid #CCC;
	background: #1c5da9;
	text-align:centre;
	vertical-align: top;}
 
.eventsCalendar table table, .eventsCalendar table table td {
	border:none !important;
	width:100%;
	border-collapse:collapse;}
 
table.calendarTitle td { /* top bar with current month and next/previous buttons */
	text-align: center;
	background: #07346b;
	color: #d2f422;
	font-weight: bold;
	padding: 6px 4px;}
 
.calendarNextPrevious {font-weight: normal;} 
.calendarNextPrevious a {color: #ffffff !important; text-decoration:none;}
.calendarNextPrevious a:hover {color: #ccc !important; text-decoration:underline;}

.calendarDayHeader { /* second main bar with days of the week text */
	color: #333;
	background: #ffffff;
	font-weight: bold;
	height: 1px;
	text-align: center;	
	padding: 4px 2px;}
	
.calendarToday {color: #000; background:#fcff00; border: #fcff00 3px solid;}
.calendarToday a {color:#000000;}
.calendarWeekendDay {background: #1c5da9;}
.calendarOtherMonthDay {color: #3d3d3d; background:#181818;}		
				
	.eventsList {
		padding: 0;		
	}
		.eventsList ul {
			margin: 0 !important;
			padding: 0 !important;
			list-style: none;
		}
			.eventsList ul li {
				list-style: none;
				padding: 0 0 5px 0;
				margin-bottom: 5px;
			}
			
			.eventsList ul li a {
				font-size: 1.1em;
				line-height: 1;
				font-weight: bold;
			}
				
			.eventsList ul li .eventDate {
				margin: 0 0 5px 0;
				color: #999;
			}
		    
			.event h2 {font-size:14px; color:#333333; margin: 15px 0 0 7px;}
			.eventDate {margin-left:7px;}
						
				
				
	/* calendar detail page */
		#secPage .event .eventDate {
			margin: 0 0 15px 0px;
			color: #999;
		}
		#secPage .event .eventBack {
			margin: 10px 0;
			font-weight: bold;
			border-top: 2px solid #000;
			padding-top: 5px;
		}



/*---------------------------FOOTER-----------------------*/

#footer {
	width:880px;
	height:55px;
	float:left;
	font-size:80%;
	color:#a7a7a7;
	}

#footer a {color:#a7a7a7;text-decoration:none;}
#footer a:hover {color:#929292;text-decoration:underline;}	

#footer-left {
	width:440px;
	height:55px;
	padding-top:5px;
	float:left;
	}
	
#footer-right {
	width:440px;
	height:55px;
	float:right;
	text-align:right;
	}