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

body {
	background:url(../images/BG_2.jpg);
	background-position:center;
	margin-bottom:0;
	font-size: 12px;
	font-size: 12px;
	font-family: Arial, Helvetica;

}
input, select,p,div,span{
	font-size: 12px;
	font-family: Arial, Helvetica;
}
.chromestyle{
width: 1024px;
height: 28px;
margin: 0px 0px 0px 0px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border-top: 1px solid #000;
border-bottom: 1px solid #000;
width: 100%;
background: url(../images/menu_bar.png) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0px 4px 0px;
margin: 0px 0px 0px 0px;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
	color: #fff;
	font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 7px 0px 7px;
	margin: 0px 1px 0px 1px;
	text-decoration: none;
	text-transform: uppercase;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(../images/menu_bar_over.png) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #000; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height:18px;
z-index:100;
background:url(../images/back_menu.jpg);
width: 200px;
visibility: hidden;
text-align: left;
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #000; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #000;
text-align: left;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
text-align: left;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #ed0000;
font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
color: #fff;
text-align: left;
}

form {
	margin:0;
}
td#log_bar {
	background:url(../images/login_bar.png);
	background-repeat:no-repeat;
	width:1025px;
	height:30px;
	vertical-align:middle;
}
div#log_form{
	text-align:right;
	float:right;
	color:#FFFFFF; 
	padding-right:10px;
  font-size: 12px;
  font-family: Arial, Helvetica;
  font-weight : bold;
  text-decoration: none;
  line-height:30px;
}

div#weather_bar {
	float:left;
	color:#FFFFFF; 
	vertical-align:middle;
	padding:7px 10px 0px 20px;
  color : #ffffff;
  font-size: 12px;
  font-family: Arial, Helvetica;
  font-weight : bold;
  text-decoration: none;

}
.header_date{
	color:#FFFFFF; 
}
.header_date
{
  color : #ffffff;
  font-size: 12px;
  font-family: Arial, Helvetica;
  font-weight : bold;
  text-decoration: none;
}


.news_title {
color:#000000;
font-family:Arial,Helvetica;
font-size:12px;
font-weight:bold;
}
a{color:#1779C3;text-decoration:underline;}
a:hover{text-decoration:none;}

div#footer{
	background:url(images/bottom_bg.png); background-position:center; background-repeat:no-repeat;
}
div#footer a{
	color:#ffffff;
}
.title
{
  color : #1779C3;
  font-size: 12pt;
  font-family: Arial, Helvetica;
  font-weight : bold;
  text-decoration : none;
}
.title2
{
  color : #1779C3;
  font-size: 12px;
  font-family: Arial, Helvetica;
  font-weight : bold;
  text-decoration : none;
}

.more_link
{
  color : #00005D;
  font-size: 8pt;
  font-family: Arial, Helvetica;
  text-decoration : none;
}
.service_matrix_title {
color:#000000;
font-family:Arial,Helvetica;
font-size:12px;
font-weight:bold;
}

div.events_grid{margin:0;padding:0;margin-top:10px; width:730;}
div.events_grid div.top_nav{padding-top:15px;float:left;font-family:Arial;font-size:14px;font-weight:bold;}
div.events_grid div.top_nav a{color:#8FADEF;text-decoration:none;}
div.events_grid div.top_nav span{color:#8FADEF;padding:0px 10px 0px 10px;}
div.events_grid div.top_controls{float:right;padding:0;margin:0;}
/*div.events_grid div.top_controls{}*/

@media screen {
div.events_grid div.list{background:#B1C7F8;padding:8px;}
div.events_grid div.list div{background:#8696BE;padding:1px;}
div.events_grid div.list div div{background:white;padding:1px;}
div.events_grid div.list div table{border-collapse:collapse;width:710px;}
div.events_grid div.list div table th{background:#8FADEF;border:1px solid #8FADEF;font-family:Arial;font-size:12px;font-weight:normal;}
div.events_grid div.list div table th.top{font-size:17px;font-weight:bold;}
div.events_grid div.list div table td{width:14%;padding:0px;margin:0px;border:1px solid #8B99B6;font-family:Arial;font-size:12px;font-weight:normal;}
div.events_grid div.list div table td div{background:#F1F3F8;overflow:hidden;min-height:100px;//height:100px;}
div.events_grid div.list div table td div div{text-align:right;width:auto;overflow:visible;min-height:1px;//height:1px;white-space:nowrap;}
div.events_grid div.list div table td div a{display:block;white-space:nowrap;font-size:10px;color:#FF7C00;width:auto;overflow:visible;min-height:1px;//height:1px;text-decoration:none;font-weight:bold;}
}
@media print {
div.events_grid div.top_nav{display:none;}
div.events_grid div.top_controls{display:none;}

div.events_grid div.list{}
div.events_grid div.list div{}
div.events_grid div.list div div{}
div.events_grid div.list div table{border-collapse:collapse;width:100%;}
div.events_grid div.list div table th{border:1px solid black;font-family:Arial;font-size:12px;font-weight:normal;}
div.events_grid div.list div table th.top{font-size:17px;font-weight:bold;}
div.events_grid div.list div table td{width:14.28%;padding:0px;margin:0px;border:1px solid black;font-family:Arial;font-size:12px;font-weight:normal;}
div.events_grid div.list div table td div{min-height:100px;//height:100px;}
div.events_grid div.list div table td div div{text-align:right;width:auto;min-height:1px;//height:1px;white-space:nowrap;}
div.events_grid div.list div table td div a{display:block;white-space:nowrap;font-size:10px;color:black;width:auto;min-height:1px;//height:1px;text-decoration:none;font-weight:bold;}
}


.menuitem
{
  color : #1779C3;
  font-size: 9pt;
  font-family: Arial, Helvetica;
  font-weight : bold;
  text-decoration : none;
}
.menuitem2
{
  color : #1779C3;
  font-size: 9pt;
  font-family: Arial, Helvetica;
  font-weight : bold;
}

.top_red
{
  color : #ff0000;
  font-size: 12px;
  font-family: Arial, Helvetica;
}

.service_link
{
  color : #1779C3;
  font-size: 10px;
  font-family: Arial, Helvetica;
  font-weight : bold;
}

.header_date
{
  color : #ffffff;
  font-size: 12px;
  font-family: Arial, Helvetica;
  font-weight : bold;
  text-decoration: none;
}
.cal_m_y
{
  color : #000000;
  font-size: 12px;
  font-family: Arial, Helvetica;
  font-weight : bold;
  text-decoration: none;
}
.cal_days
{
  color : #000000;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica;
  text-decoration: none;
}
.cal_day
{
  color : #000000;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica;
}
.cal_day_link
{
  color : #3352A1;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica;
  font-weight : bold;
}
div#event_report {
	width:100%;
}
.big_bold
{
  color : #000000;
  font-size: 13px;
  font-family: Arial, Helvetica;
  font-weight : bold;

}
.message
{
  color : #ff0000;
  font-family: Arial, Helvetica;
  font-size: 12px; 
}
.form_input_
{
  font-family: Arial, Helvetica;
  font-size: 12px; 
}
.form_input
{
  font-family: Arial, Helvetica;
  font-size: 12px; 
  width : 150px;
  height : 20px;
}
.form_input2
{
  font-family: Arial, Helvetica;
  font-size: 12px; 
  width : 250px;
  height : 20px;
}
.form_input3
{
  font-family: Arial, Helvetica;
  font-size: 12px; 
  height : 20px;
}
.form_select1
{
  font-family: Arial, Helvetica;
  font-size: 11px; 
  width : 344px;
  height : 18px;
}
.form_select2
{
  font-family: Arial, Helvetica;
  font-size: 10px; 
  width : 45px;
  height : 17px;
}
.form_select3
{
  font-family: Arial, Helvetica;
  font-size: 10px; 
  width : 160px;
  height : 140px;
}