/*Hompage styles November 2008*/

h2 {
	/*font-size: small;	
	background-color: yellow;*/ 
	color: red;
	margin-top: 1px;
	padding: 2px;
}
 
/*h2 a:link {
	color: #FF0000;
	text-decoration: underline;
} 
h2 a:hover {
	text-decoration: underline;
	background-color: white;
}*/
.caption {
 margin-top: 0;
 margin-bottom: 0;
 padding-top: 0;
 padding-bottom: 9px;
 font-size: 8pt;
 text-align: center;
}
.homecolumnleft {
	float: left;
	width: 26%;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 1px;
	padding-right: 5px;
	}
.homecolumnmiddle {
	float: left;
	width: 35%;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 25px;
	}
.homecolumnright {
	float: left;
	width: 33%;
	padding: 10px 0 5px 5px;
	
	}

.homecolumnleft span, .homecolumnleft p, .homecolumnmiddle p, .homecolumnright p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:#000000}

.pics {  /*this is for the rotating images, set height/width as needed*/
   /*vertical =  height:  190px;   width:   275px;  margin-left: 35px*/
   	height:  210px;
    width:   260px;
	padding: 0;  
    margin:  0;
	margin-left: 2px;  
} 
.alert {
	color: red;
	}
.homecolumnmiddle .register { /*small callout box below rotating pics*/
	width: 255px;
	border: 2px solid #015294;
	padding: 3px;
	}
.icons a:link img { /* to remove hyperlink states from icons */
	text-decoration: none;
	border: none;
}
.icons a:visited img {
	text-decoration: none;
	border: none;
}

.icons a:hover img {
	text-decoration: none;
	border: none;
}
.icons a:active img {
	text-decoration: none;
	border: none;
}
/*when JS is turned off, this hides all but the first image. If JS is enabled, then jQuery will strip the no_js class from body. If JS isn't enabled, the .no_js class will still be on body + CSS will kick in to hide extra images.*/
body.no_js img.no_img {
	display: none;
}