

body, td, th {
	margin: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.secHeader {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #FFFFFF;
	filter: DropShadow(Color=#000000, OffX=2px, OffY=2px);
}
.pageHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
}

.nine {
	font-size: 9px;
}
.ninered {
	font-size: 9px;
	color:#000000;
	text-decoration:none
}

.ninered2 {
	font-size: 9px;
	color:#CC0000;
	text-decoration:none
}
.fifteenred {
	font-size: 15px;
	color:#000000;
	text-decoration:none
}

.BlackSmallBold {
	font-size: small;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}

.white {
color:#FFFFFF;
}
.quote {
	line-height: 30px;
	font-size: 14px;
}

.display {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

ul {
	margin-left:0;
}
li{
	margin-left:10;
	list-style-type: decimal;
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: large;
	color: #DB2526;
}
.style6 {font-family: Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; color: #000099; }
.style7 {color: #CC0000}
.button 
{
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background-color: #C0DEFA;
background-image: url(background_form_element.gif);
background-repeat: repeat-x;
color: #333333;
font-size: 85%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
	}
	
	.cssbutton{
background-color: #d1ec4c;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.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*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}



/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:100%;
      background:#F4F4F4;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #24618E;
      }
    #tabsJ ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }
      
      

