/*Backgrounds*/
.BackContent { background-image:url(/images/BackPlainMid.jpg); background-repeat: repeat-y;}
.BackContentTop { background-image:url(/images/BackPlainTop.jpg); background-repeat:no-repeat;}
.BackContentBot { background-image:url(/images/BackPlainBot.jpg); background-repeat:no-repeat;}

/*Header*/
.HeaderContent { font-size: 10pt; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #999999; }

/* content */
.pageContent { font-size: 10pt; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #999999; padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:5px;}
.pageContentBold { font-size: 10pt; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #000066; font-weight:bold; }

/*Images*/
.ImagesLH {font-size: 10pt; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #999999; margin:0 5 5 0 ;}

/*main menu*/
.menu { font-size: 8pt; font-family: Tahoma,Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; }
.menu:hover { font-size: 8pt; font-family: Tahoma,Arial, Helvetica, sans-serif; color: #D81000; text-decoration: none; }
.amenu { font-size: 8pt; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #333333; text-decoration: underline; }
.BackMenu {
  display: block; /* Changes the a element from its default inline display property to display as a block. */
  width: 100%; /* Forces links to expand to fill their entire container, making the entire button area clickable instead of just the text. */
text-align: center; /* Centers the button text */
background-image:url(/images/BackMenu.jpg);
} 

/*Hyperlinks*/
.hyperlink { font-size: 10pt; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #666666; text-decoration: none; }
.hyperlink:hover { font-size: 10pt; font-family: Tahoma,Arial, Helvetica, sans-serif; color: #D81000; text-decoration: none; }

/*submenu*/
.submenu { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; }
.asubmenu { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: underline; }

/*bottom menu*/
.bmenu { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; }
.abmenu { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: underline; }

/*Hub*/
.footer { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #666666; text-decoration: none;}
.footer:hover { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #D81000; text-decoration: none;}

/*backgrounds*/
.main-bg { background-color: #E1E1E1; }
.submenu-bg { background-color: #4E8BC1; }
.menu-hr { background-color: #6BA4CF; }
.line { background-color: #CACACA; }

/*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: #ffffff;
padding: 6px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

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

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

}

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

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

.thumbnail1 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 0px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:-405px;
left:-135px; /*position where enlarged image should offset horizontally */

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

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

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 0px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:-405px;
left:-250px; /*position where enlarged image should offset horizontally */

}

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

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

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 0px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:-405px;
left:-365px; /*position where enlarged image should offset horizontally */

}

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

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

.thumbnail4 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 6px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail4:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:-407px;
left:-785px; /*position where enlarged image should offset horizontally */

}