/* 
Colors:
dark gray: 44494D
text gray: 575852;
body bg gray: eeeff1;
lt. blue (content links): 43bcd9;
dark blue (menu links): 072a5e; 
red: ee0d00;
h2 orange: d47b36;
*/

/******************************/
/* begin of component styling */
/******************************/

/* general component styling */

.components {
	height: 250px;
	padding: 10px;
}

/* random images component styles */

#component_random {
}
#component_random #random_image {
	background-image: url('../images/inside_image.jpg'); 
	background-repeat: no-repeat;
	height: 88px; 
	width: 550px;
}
#tagline, #random_image #tagline {
	position: relative;
	top: 60px;
	right: 2px;
	bottom: 0;
	font-size: 10px;
	text-align: right;
}
#component_random, #tagline {
	color: #FFFFFF;
}	

/* slideshow component styles */

#component_slideshow { 	
	background-color: #FFFDE7;
	border-bottom: 1px solid #B68A63;
	height: 263px;
	width: 321px;
}

#component_slideshow #home_photo img {
	border: 0;
	margin: 0;
	padding: 0;
	height: 216px;
	width: 321px;
}

/* search component styles */

#component_search {
	background-color: #F9B766;
	padding: 10px;
	text-align: left;
	width: 321px;
}

#component_search a {
	color: #526A79;
}

/* news component styles */

#component_news {
	background-color: #ECE1B4;
	text-align: left;
	height: 190px;
	width: 444px;
}

.news_article {
	margin: 0 0 5px 15px;
}
.news_article h3 {
	font-size: 12px;
	margin: 0;
	padding: 0;
}
.news_date {
	font-style: italic;
}

/* upcoming event component styles */

#component_events {
	clear: both;
	float: left; 	
	text-align: left;
	width: 321px;
}

.event_listing {
	margin: 10px 0 0 0;
}
.event_date {
	font-style: italic;
}

#calendar, #calendar td, #mini_calendar, #mini_calendar td {
	border: 1px solid #FFFFFF;
}
#calendar a{
	color: #526A79;
}

/* calendar */

.calendar {
}
.calendar td.previous, .calendar td.previous h4 {
	text-align: left;
}
.calendar td.month, .calendar td.month h4 {
	text-align: center;
}
.calendar td.next, .calendar td.next h4 {
	text-align: right;
}

.calendar table#calendar th {
	background-color: #013185;
	color: #FFFFFF;
	height: 20px;

}
.calendar table#calendar td {
	text-align: center;
	height: 70px;
	width: 84px;
}

/* minicalendar */

#component_minicalendar {
	float: left;
	text-align: left;
	width: 210px;
}

#minicalendar {
	
}

#minicalendar table.calendar {
	background-color: #ffffff;
	border: 1px solid #526A79;
}
#minicalendar table.calendar th {
	background-color: #ffffff;
}
#minicalendar table.calendar h4, #minicalendar #mini_calendar td {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
#minicalendar table.calendar a {
	font-size: 13px;
	font-weight: bold;
}
#minicalendar table.calendar table#mini_calendar th {
	background-color: #013185;
	color: #FFFFFF;
	font-size: 10px;

}
#minicalendar table.calendar table#mini_calendar td {
	text-align: center;
	height: 20px;
	width: 28px;
}
#minicalendar table.calendar h4 a {
	text-decoration: none;
}

.minicalendarCell, .calendarCell {
	background-color: #CCCCCC;
}

#today {
	background-color: #E29701;
	color: #FFFFFF;
}

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

table#mini_calendar td, table#calendar td, #today, .minicalendarCell, .calendarCell {
	font-weight: normal; 
	text-align: center;
	margin: 0; /* don't change this - needed to keep cross browser display correct */
	padding: 0; /* don't change this - needed to keep cross browser display correct */
}

table#mini_calendar td, table#mini_calendar td#today, .minicalendarCell {
	font-size: 11px;  /* don't change this - needed to keep cross browser display correct */
	height: 26px; /* don't change this - needed to keep cross browser display correct */
	line-height: 18px; /* don't change this - needed to keep cross browser display correct */
	width: 21px; /* don't change this - needed to keep cross browser display correct */
}

table#calendar td, table#calendar td#today, .calendarCell {
	font-size: 12px;  /* don't change this - needed to keep cross browser display correct */
}

/* weather component styles */

#component_weather {
	background-color: #F9B766;
	float: right;
	width: 200px;
}

table.currentWeather, table.currentWeather td {
	font-size: 10px;
}

.main_part {
	width: 250px; /* 531px (total width) - 20px (right padding) - 20px (left padding) */
}	

/****************************/
/* end of component styling */
/****************************/

.more {
	text-align: right;
}

#login {
	text-align: right;
}

/* custom styles */

a.admin, a.admin #edit, .error, .required {
	color: #990000;
}

/* search page styles */

.hilitedWord {
	background-color: #D57106;
	color: #FFFFFF;

}

/* sitemap styles */

.sitemap {
	margin: 0;
}
.sitemap_top {
	margin: 5px 0 5px 10px;
}
.sitemap_level {
	margin: 5px 0 5px 20px;
}