body { 
	margin: 0px; 
	background-color: #ffffff; }
.backingLeft {
	background-image:url(../images/backingLeft.jpg); 
	background-position:right;  
	background-repeat:no-repeat;}
.backingRight {
	background-image:url(../images/backingRight.jpg); 
	background-position:left; 
	background-repeat:no-repeat;}
ul {
	margin-top: 0px;}
li { 
	list-style-position: inline; 
	margin-left: -15px; }
h1 { 
	margin:18px 0 2px 0; 
	font-size:18px; 
	font-weight:bold; 
	color:#000000; }
h2 {  
	margin:16px 0 0 0; 
	font-size:14px; 
	color:#000; }
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;}
.listHeader {
	background: #D1E6EC;
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial, Verdana, sans-serif; 
	color: #3B4F55;
	border-right: #A3C6D2 1px solid; 
	border-left: #A3C6D2 1px solid; 
	border-bottom: #A3C6D2 1px solid; 
	border-top: #A3C6D2 1px solid;}
.list {
	font-size: 12px; 
	font-family: Arial, Verdana, sans-serif; 
	border-bottom: #A3C6D2 1px solid; }
.pagetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;}
.bodyText{
	padding-left:10px;
	padding-right:10px;
	border-top:1px solid #000000;}
.bodyText p{
	margin-top:5px;}
.pagetitle {
	margin-top:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #002F5E;}
.articleBox {
	width: 290px; 
	height: 375px;
	float: left; 
	border: 1px solid #ccc; 
	margin: 0 16px 20px 0;}
.articleGroup { 
	color: #660000; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	padding: 8px 0 0 10px; 
	height: 42px; 
	background-image: url(/images/titleNews.gif)}
.articleTitle { 
	color: #FF0000; 
	font-weight: bold; 
	font-size: 14px; 
	padding: 5px 5px 5px 5px;}
.articleTitle a { 
	color: #FF0000; 
	font-weight: bold; 
	font-size: 14px; 
	text-decoration:none;}
.articleBar { 
	margin: 5px 5px 5px 5px; 
	border-bottom: 1px solid #CCCCCC;} 
.article { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	padding: 0 5px 5px 5px;}
.articleImage { 
	float:left; margin: 0 5px 5px 0; }
.homeBanner {
	width:600px; 
	height:80px;} 
.clearIt {
    clear: both;
    height: 0;  /* only necessary for IE */
    margin: 0;
    padding: 0;
}
.keyEventBox { 
	border:1px solid #999999; 
	width:280px; 
	padding:4px 4px; 
	margin-bottom:8px; 
	background-color:#CCCCCC;
}

/* rotator in-page placement */
div.rotator {
	position:relative;
	height:250px; 
	margin-left:-24px; 
}
/* rotator css */
div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
div.rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}
div.rotator ul li.show {
	z-index:500;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}