/*Generic */
body{
	padding:0;
	width:100%;
}
.inside_shadow_leftbg { padding:55px 0px 0px 0px; background:transparent url(../images/bg_shadow_l.gif) repeat-y right top; vertical-align:top; }
.inside_shadow_rightbg { padding:55px 0px 0px 0px; background:transparent url(../images/bg_shadow_r.gif) repeat-y left top; vertical-align:top; }

.content { padding: 15px; vertical-align:top; position:relative; z-index:500;}

/* APPLIES TO LAYOUT */
.leftnavsub { padding-left:25px; background:url(../images/leftnav/sub_nav_left_bg.gif); width:204px; height:27px; }
/* APPLIES TO TEXT */
.leftnavsub a:link, .leftnavsub a:visited, .leftnavsub a:active {text-decoration: none; color: #666666;  font: 11px/12px Arial, Helvetica, sans-serif;}
.leftnavsub a:hover {text-decoration: none; color: #000000;}

.topnav {font: 10px/12px Arial, Helvetica, sans-serif; color: #526080; padding: 0px 0px 6px 0px;}
.topnav a:link 		{ text-decoration: none; color: #526080;}
.topnav a:visited 	{ text-decoration: none; color: #526080;}
.topnav a:active 	{ text-decoration: none; color: #526080;}
.topnav a:hover 	{ text-decoration: underline; color: #526080;}

.headerlayout { background:url(../images/insideheader_bg.gif) no-repeat bottom; height:101px; }

.news_title, .news_title A:link, .news_title  A:visited, .news_title  A:active{font: bold 12px/18px Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; color: #666666; }
.news_title A:hover {color: #333333; text-decoration:underline; }
.news_date, .news_date A:link, .news_date  A:visited, .news_date  A:active{font: 11px/18px Arial, Helvetica, sans-serif; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; text-decoration: none; color: #666666; }
.news_date A:hover {color: #333333;}

.footer { font: 11px Arial, Helvetica, sans-serif; COLOR: #606060; background:url(../images/insidefooter_bg.jpg) no-repeat top; height:67px; text-align:center; vertical-align:top;}
.footer A:link    { COLOR: #333333; text-decoration:underline; }
.footer A:visited { COLOR: #333333; text-decoration:underline; }
.footer A:active  { COLOR: #333333; text-decoration:underline; }

/* UNUSED CLASSES */
.table { font: 11px Arial, Helvetica, sans-serif; COLOR: #000000; background:#FF0000; }
.table A         { COLOR: #000000; }
.table A:hover   { COLOR: #FFFFFF; }
.table TH { padding:2px 10px 2px 10px; text-align:left; }
.table TD { padding:2px 10px 2px 10px; }
.listing1 { background:#FFCC66; }
.listing2 { background:#FFFF99; }
.pager { font-size: 10px; COLOR: #000000; }
.pager A         { font-weight:bold; }

.formText { font: bold 11px Arial, Helvetica, sans-serif; COLOR: #333; background:#eee; }
.circleFormText  { font: 11px Arial, Helvetica, sans-serif; COLOR: #333; }
.inputContainer { font: 11px Arial, Helvetica, sans-serif; COLOR: #333; }

.border { COLOR: #000000; BORDER: solid #990100 4px; }

.photo { BORDER: solid #666666 1px; }

.help { font: 11px Arial, Helvetica, sans-serif; COLOR: #CC0000; }
.help A { COLOR: #CC0000; }
.error { font: 11px Arial, Helvetica, sans-serif; COLOR: #006699; }
.error A { COLOR: #006699; }

/* ROLLOVER GALLERY CSS */
.thumbnail.p { font: 12px/16px Arial, Verdana, Helvetica, sans-serif; COLOR: #ffffff; padding:2px 0px 2px 0px; }
.thumbnail:link { font: bold 12px/16px Arial, Verdana, Helvetica, sans-serif; COLOR: #999999; padding:2px 0px 2px 0px; }
.thumbnail:active { font: bold 12px/16px Arial, Verdana, Helvetica, sans-serif; COLOR: #999999; padding:2px 0px 2px 0px; }
.thumbnail:visited { font: bold 12px/16px Arial, Verdana, Helvetica, sans-serif; COLOR: #999999; padding:2px 0px 2px 0px; }
.thumbnail:hover { font: bold 12px/16px Arial, Verdana, Helvetica, sans-serif; COLOR: #666666; padding:2px 0px 2px 0px; }
.gallerycontainer{ position: relative; height: 450px; width: 420px; /*Add a height attribute and set to largest image's height to prevent overlaying*/}
.thumbnail img{ border: 0px solid #ffffff; margin: 0 5px 5px 0; }
.thumbnail:hover{ background-color: transparent; }
.thumbnail:hover img{ border: 0px solid #ffffff; }
.thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: #ffffff; padding: 0px; left: -1000px; border: 0px solid #dddddd; visibility: hidden; text-decoration: none; }
.thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 0px; }
.thumbnail:hover span{ /*CSS for enlarged image*/ visibility: visible; top: 0; left: 230px; /*position where enlarged image should offset horizontally */ z-index: 50; }
/* END ROLLOVER GALLERY CSS */

