/* CSS Document */


#page_left_left {
	width: 206px;
	padding-left: 25px;
	float: left;
	padding-bottom: 20px;
}
#page_left_right {
	float: left;
	padding-left: 22px;
	padding-top: 3px;
	width: 500px;
}
#page_title {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 30px;
}
.left_box_top {
	background-image: url(../images/left_nav_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 7px;
	width: 203px;
}
.left_box {
	background-image: url(../images/left_nav_back.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin-bottom: 15px;
}
.search_box1 {
	width: 100px;
	margin-left: 5px;
}
.left_box_mid td  {
	font-size: 70%;
	font-weight: bold;
	text-align: right;
	padding-bottom: 5px;
	padding-top: 5px;
}
.left_box_line {
	background-image: url(../images/left_nav_spacer.gif);
	background-repeat: no-repeat;
	height: 2px;
	width: 203px;
}

.filter_placer {
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 7px;
}
.search_box2  {
	width: 135px;
	margin-right: 3px;
}



.left_box_bot {
	background-image: url(../images/left_nav_bot.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 203px;
	height: 7px;
}
.left_box_title {
	background-image: url(../images/left_nav_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 32px;
	width: 203px;
	color: #AB0000;
	font-size: 120%;
	padding-top: 7px;
	padding-left: 10px;
}

#page_title h1 {
	font-size: 130%;
	color: #990000;
	font-weight: normal;
}
.left_item {
	background-image: url(../images/left_nav_spacer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 10px;
	font-size: 90%;
	font-weight: bold;
}
.left_dates {
	text-align: left;
	font-size: 110%;
}


.left_item a {
	color: #0E4C79;
	text-decoration: none;
	width: 190px;
}
.left_item img {
	text-align: right;
	padding-left: 20px;
}

.left_item a:hover {
	color: #990000;

}
#page_left_right_title {
	background-image: url(../images/page_title_back1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 33px;
	width: 500px;
	padding-top: 12px;
	padding-left: 20px;
}
#page_left_right_title h1 {
	font-size: 120%;
	color: #AB0000;
	font-weight: normal;
}
.list_news_item {
	width: 520px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #024372;
	padding-bottom: 15px;
	padding-top: 15px;
}
.list_news_item_table  h2  {
	font-size: 80%;
	font-weight: bold;
	color: #0E4C79;
}
.list_news_item_table  h2 a {
	font-weight: bold;
	color: #0E4C79;
	text-decoration: none;
}
.list_news_item_table  h2 a:hover {
	color: #990000;
}
.list_news_item_table p {
	font-size: 80%;
	color: #AB0000;
	padding-top: 15px;
}
.news_td_width {
	width: 345px;
	padding-right: 5px;
	padding-left: 20px;
}
.blue_text {
	color: #205C86;
}

.list_news_pic img {
	padding: 1px;
	border: 1px solid #4EA5D5;
}
#locator {
	float: right;
	margin-top: -19px;
	margin-right: 27px;
}
#news_article_date {
	color: #990000;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 80%;
}
#news_article_image1 {
	border: 1px solid #4EA5D5;
	padding:5px 0 5px 0;
	margin-left: 20px;
	width:auto;
	text-align:center;
}
#news_article_text {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #024372;
}
#news_article_text h2 {
	font-size: 90%;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
#news_article_text p {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 80%;
}

#locator a {
	padding-left: 20px;
	font-size: 90%;
	color: #990000;
	text-decoration: none;
}
#locator a:hover {
	color: #205C86;
}
.calendar {
	//padding: 1px;
	width: 465px;
	//border: 1px solid #4EA5D5;
	//boder-bottom:0px;
	margin-top: 35px;
	//margin-bottom: 0px;
	margin-left: 25px;
	border:0px;
}
.calendar_td1  {
	text-align: center;
	font-size: 100%;
	font-weight: normal;
	//height: 35px;
	//width: 33%;
	color: #FFFFFF;
	background-color: #067AB2;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 7px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top:5px;
	
}
.calendar_td1 a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 90%;
}
.calendar_td1 a:hover {
	color: #FFFF00;
}

.calendar_td2  {
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	border: 1px solid #067AB2;
	height: 30px;
	width: 62px;
	padding-top: 10px;
}
.calendar_td3  {
	text-align: center;
	font-size: 100%;
	color: #AB0000;
	font-weight: bold;
	border: 1px solid #067AB2;
	height: 30px;
	width: 62px;
	padding-top: 10px;
}
.calendar_title1 {
	font-size: 50%;
	color: #AB0000;
	padding-right: 10px;
	padding-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.calendat_item_date {
	font-size: 80%;
	padding-right: 10px;
	padding-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}
.calendat_item_details {
	font-size: 80%;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 25px;
}
#older_stories {
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}
#older_stories a {
	font-size: 90%;
	color: #0E4C79;
	text-decoration: none;
	font-weight: bold;
}


/* Gallery Scroller CSS */

div.sc_menu {  /* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 100px;
	width: 500px;  /* Add scroll-bars */
	overflow: auto;
}

ul.sc_menu {  display: block;  height: 110px;  /* Max width here, for users without Javascript */  width: 1500px;  padding: 15px 0 0 15px;  /* Remove default margin */  margin: 0;  background: url('navigation.png');  list-style: none;}

.sc_menu li {  display: block;  float: left;  padding: 0 4px;}

.sc_menu a {  display: block;  text-decoration: none;}

.sc_menu span {  /* We want a caption to display on the next line */  display: block;  margin-top: 3px;  text-align: center;  font-size: 12px;  color: #fff;}



.sc_menu span {  display: none;  margin-top: 3px;  text-align: center;  font-size: 12px;  color: #fff;}

.sc_menu a:hover span {  display: block;}

.sc_menu img {  border: 3px #fff solid;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;}

.sc_menu a:hover img {  filter:alpha(opacity=50);  opacity: 0.5;}
