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



/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/


body { background:#63686D url(../images/bg_body.jpg) repeat-x top; font-family:"Lucida Sans", Arial, Helvetica, sans-serif}

a:link, a:visited {color:#fff; text-decoration: none}
a:hover {color:#fff; text-decoration:underline}

p { font-size:14px; font-weight:normal; color:#FFFFFF}
h1 { font-size:34px; font-weight:bold; color:#FFFFFF}


/*
---------------------------------------------
02. container
---------------------------------------------
*/

#container { width:100%; float:left; background:url(../images/bg_container.jpg) no-repeat top center; padding-bottom:200px}
#container-inner { width:100%; float:left; background:url(../images/bg_container_inner.jpg) no-repeat top center; padding-bottom:200px}


/*
---------------------------------------------
03. wrapper
---------------------------------------------
*/


#wrapper { width:914px; margin:0 auto}


/*
---------------------------------------------
04. header
---------------------------------------------
*/

#bg_header { width:900px; float:left; padding:0 7px}
#header { width:900px; height:143px; float:left; background: url(../images/bg_header.gif) repeat-x top; position:relative}

#logo { width:360px; height:140px; float:left; padding-left:45px;}


/*
---------------------------------------------
05. top navigation
---------------------------------------------
*/


#nav { float:right}
#nav ul li { float:left; margin-left:-1px}
#nav ul li a { height:141px; float:left}

#nav ul li a.whoweare { width:121px; float:left; background:url(../images/li_whoweare.gif) no-repeat} 
#nav ul li a.whoweare:hover { float:left; background:url(../images/li_whoweare_hover.gif) no-repeat} 
#nav ul li a.whoweare_selected { width:121px; float:left; background:url(../images/li_whoweare_hover.gif) no-repeat} 


#nav ul li a.events { width:107px; float:left;background:url(../images/li_events.gif) no-repeat}
#nav ul li a.events:hover { float:left;background:url(../images/li_events_hover.gif) no-repeat} 
#nav ul li a.events_selected { width:107px; float:left; background:url(../images/li_events_hover.gif) no-repeat} 



#nav ul li a.kids { width:91px; float:left; background:url(../images/li_kids.gif) no-repeat}
#nav ul li a.kids:hover { float:left;background:url(../images/li_kids_hover.gif) no-repeat} 
#nav ul li a.kids_selected { width:91px; float:left; background:url(../images/li_kids_hover.gif) no-repeat} 


#nav ul li a.contact { width:135px;float:left; background:url(../images/li_contact.gif) no-repeat}
#nav ul li a.contact:hover { float:left;background:url(../images/li_contact_hover.gif) no-repeat} 
#nav ul li a.contact_selected { width:135px; float:left; background:url(../images/li_contact_hover.gif) no-repeat} 



/*
---------------------------------------------
06. content
---------------------------------------------
*/



#bg_content { width:914px; float:left; background:url(../images/bg_content.png) repeat-y}

#content { width:884px; float:left; background:url(../images/bg_content_bottomshadow.png) no-repeat bottom; padding:6px 15px 5px 15px}


/*
---------------------------------------------
07. banner
---------------------------------------------
*/


.banner { width:846px; float:left; background:#FFFFFF; padding:6px 12px; margin-left:6px}

/*
---------------------------------------------
08. button list
---------------------------------------------
*/



.button_list { width:884px; float:left; padding-top:3px}
.button_list ul li { float:left; padding-right:1px}
.button_list ul li a { width:293px; height:152px; float:left}

.button_list ul li a.imnew { background:url(../images/button_imnew.gif) no-repeat}
.button_list ul li a.imnew:hover { background:url(../images/button_imnew_hover.gif) no-repeat}
.button_list ul li a.imnew_selected { background:url(../images/button_imnew_hover.gif) no-repeat}

.button_list ul li a.directions { background:url(../images/button_directions.gif) no-repeat}
.button_list ul li a.directions:hover { background:url(../images/button_directions_hover.gif) no-repeat}
.button_list ul li a.directions_selected { background:url(../images/button_directions_hover.gif) no-repeat}

.button_list ul li a.media { background:url(../images/button_media.gif) no-repeat}
.button_list ul li a.media:hover { background:url(../images/button_media_hover.gif) no-repeat}
.button_list ul li a.media_selected { background:url(../images/button_media_hover.gif) no-repeat}


/*
---------------------------------------------
09. footer styles
---------------------------------------------
*/


#footer { width:814px; height:46px; float:left; background:url(../images/bg_footer.png) no-repeat; padding:12px 50px}

#footer p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#CECECE; float:left; padding-top:3px; position:relative; line-height:1.4em}
#footer p a {color:#CECECE; text-decoration:none}
#footer p a:hover {color:#CECECE; text-decoration: underline}

#footer .icon_list { float:right}
#footer .icon_list ul li { float:left; padding-left:8px}


/*
---------------------------------------------
10. banner innerpage
---------------------------------------------
*/


.banner_inner { width:850px; float:left; background:#FFFFFF; padding:0px 10px; margin-left:6px; margin-bottom:15px}


/*
---------------------------------------------
11. left panel
---------------------------------------------
*/


#leftpanel { width:218px; float:left}
#leftpanel h1 {padding-left:10px}
#leftpanel p {padding-left:10px}

.leftlinks { width:196px; height:483px; float:left; background:url(../images/bg_leftlinks.png) no-repeat; padding:20px 12px 0 10px}

.leftlinks ul li { width:196px; height:31px; float:left; background:url(../images/li_leftlinks.png) no-repeat; font-size:15px; font-weight:bold; color:#FFFFFF; text-align:center; padding:13px 0 3px 0}
.leftlinks ul li a { color:#FFFFFF; text-decoration:none; display:block}
.leftlinks ul li a:hover { color:#FFFFFF; text-decoration:none}


/*
---------------------------------------------
12. right panel
---------------------------------------------
*/


#rightpanel { width:615px; float:left; padding-left:20px}
#rightpanel h1 { padding-bottom:40px; position:relative}
#rightpanel p { line-height:1.3em; padding-bottom:15px; position:relative}


/*
---------------------------------------------
13. link bottom buttons
---------------------------------------------
*/


.link_bottom { width:884px; float:left; border-top:1px solid #5C6165; padding:7px 0}

.link_bottom ul li { width:190px; height:30px; float:left; background:url(../images/li_linkbottom.png) no-repeat; font-size:15px; font-weight:bold; color:#FFFFFF; text-align:center; padding:13px 40px 0px 0}
.link_bottom ul li.rightlink { padding-right:0}
.link_bottom ul li a { color:#FFFFFF; text-decoration:none; display:block}
.link_bottom ul li a:hover { color:#FFFFFF; text-decoration:none}



/* BLOG ITEM */	
	/* blog listing page */		
	.blogList {
		padding-left: 3px;	
			
	}
		.blogList ul {
			margin-left: 0 !important;
			padding: 0 !important;
			list-style: none;
		}
			.blogList ul li {
				list-style: none;
				margin-left: -2px !important;
				line-height: 1.3em;
			}
			
			.blogList ul li h2.postTitle {
				font-size: 22px;
				margin: 0;
				font-color: #fff !important;
			}
				.blogList ul li h2.postTitle a {
					text-decoration: none;
					font-color: #fff !important;
				}
				
			.blogList ul li h2.postTitle a:link, h2 a:visited { text-decoration:underline; color:black;}
				
			.blogList ul li  .postInfo {
				color: #444;
				margin-bottom: 4px;
			}
				
			.blogList ul li  .postDate {
				color: #CAC7BF;
				font-size: 10px;
			}
			
			.blogList ul li .postInfo a {
				color: #CAC7BF !important;	
				font-size: 10px !important;	
				
			}	
		
			.blogList ul li .postInfo em {
				color: #CAC7BF !important;	
				font-size: 10px !important;
					
			}
			.rss a {
			display: block;
			width: 0px;
			height: 0;
			padding: 0px 0 0;
			overflow: hidden;
			border: none;
			
			}	
				
				
	/* post detail page */
	.post .postDate {
		margin: 0 0 15px 0;
		color: #444;
	}
		.post .blogBack {
			margin: 40px 0 0 0;
			font-weight: bold;
			text-align: right;
			display: block;
			width: 100%;
			padding-top: 5px;
		}
		
		
	
	
	
	/* blog comments */
	.comments {
		padding-top: 10px;
	}
		.comments dl {
			background: #EEEEEE !important;
			
		}	
			dt.comment {
				background: #EEEEEE !important;
				clear: both;
				margin: 0 0 5px 0;
				padding: 0 0 5px 0;
				border-bottom: 1px solid #000;
			}			
				dt.comment a {
					font-weight: bold;
				}			
			
			dd.comment {			
				background: #EEEEEE !important;
				padding: 8px;
				margin-bottom: 15px;
			}
						
			.commentDate {		
				font-size: .9em;
				color: #999;
			}
		
		
		
	/* comments form */
	.commentsHead {
		margin-top: -45px;
		font-size: 20px;
		font-color: black;
	}
	
	.commentsHead a {
		margin-top: -45px;
		font-size: 20px;
		font-color: black;
	}
	.commentsForm {
		clear: both;
		padding-top: 25px;
		width: 90%;
	}
		.commentsForm .addComment {
			font-size: 1.5em;
		}
		
		.commentsForm label {
			font-weight: bold;
		}
		
		.commentsForm input, .commentsForm textarea {
			padding: 2px 4px;
			font-size: 1em;
		}
		
		.commentsForm img { /* this is for the captcha image */
			 margin: 5px 0;
			 border: 1px solid #333;
		}
		
		.commentsForm input.submitComment {
			 margin: 10px 0;
			 background: #000;
			 border: 1px solid #333;
			 padding: 5px 3px;
			 width: 210px;
			 color: #fff;
			 font-weight: bold;
			 text-transform: uppercase;
		}
		
		.commentsForm .note {
			color: #444;
		}

	
	
	
	


/* GRAPHIC TABULAR EVENTS CALENDAR */
	.eventsCalendar table { /* entire table */
		border: 1px solid #333;
		width: 100%;
		border-collapse: collapse;
	}		
		.calendarDay, .calendarToday, .calendarDayHeader, .calendarTitle td, .calendarWeekendDay, .calendarOtherMonthDay   {
			padding: 2px;
			border: 1px solid #333;
			text-align: left;
			vertical-align: top;
		}
		
		.calendarTitle td { /* top bar with current month and next/previous buttons */
			text-align: center;
			background: #333 !important;
			color: #FFF;
			padding: 5px 4px !important;	
			text-transform: uppercase !important;
			font-weight: bold !important;	
		}	
			.calendarNextPrevious {
				color: #fff !important;
				font-weight: normal;
			}	
				.calendarNextPrevious a {
					color: #fff !important;
					font-weight: normal;
				}	
				
		.calendarDayHeader { /* m-f bar */
			color: #333;
			background: #999;
			font-weight: normal;
			height: 1px;
			text-align: center;
			padding: 4px 2px;
			text-transform: uppercase !important;
			font-size: .9em;
		}	
			
		.calendarToday, .calendarToday a { /* current day */
			color: #333 !important;
			background: #ACACAC;
			font-weight: bold;
		}	
		.calendarWeekendDay { /* weekends */
			background: #e0dedb;
			color: #333 !important;
		}	
		.calendarDay { 
			background: #e0dedb;
			color: #333 !important;
		}	
			.calendarDay a { 
				font-weight: bold;
				color: #333 !important;
			}		
		.calendarOtherMonthDay { /* previous or next months days on current months calendar */
			color: #333;
			background: #efefef;
		}
				
				
				
	.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;
				margin-left: -2px !important;
			}
			
			.eventsList ul li a {
				font-size: 22px;
				margin: 0;
				color: #000 !important;
			}
			
				.eventList ul li h2.postTitle {
					font-size: 22px;
					margin: 0;
					font-color: #fff !important;
				}
					.eventList ul li h2.postTitle a {
						text-decoration: none;
						font-color: #fff !important;
					}

				.eventList ul li h2.postTitle a:link, h2 a:visited { text-decoration:underline; color:black;}
				
			.eventsList ul li .eventDate {
				margin: 0 0 5px 0;
				color: #444;
				font-size: 11px;
			}		
				
				
	/* calendar detail page */
		.event .eventDate {
			margin: 0 0 15px 0;
			color: #444;
		}
		.event .eventBack {
			margin: 10px 0;
			font-weight: bold;
			border-top: 2px solid #999;
			padding-top: 5px;
		}