.size08 {font-size: 8px}
.size09 {font-size: 9px}
.size10 {font-size: 10px}
.size11 {font-size: 11px}
.size12 {font-size: 12px}
.size13 {font-size: 13px}
.size14 {font-size: 14px}
.size16 {font-size: 16px}
.size18 {font-size: 18px}
.size20 {font-size: 20px}
.size24 {font-size: 24px}
.size36 {font-size: 36px}

.bold {font-weight: bold}
.italic {font-style: italic}

.red {color: #FF0000}
.blue {color: #0000FF}
.green {color: #00FF00}
.yellow {color: #FFFF00}
.bluedk {color: #000033}
.red-dk {color: #990000}
.greendk {color: #003300}
.black {color: #000000}
.white {color: #FFFFFF}
.greydk {color: #333333}
.grey {color: #666666}
.greylt {color: #999999}
.greyvlt {color: #CCCCCC}
.purple {color: #370236}
.cream {color: #E8DC97}
.brown {color: #402000}
.brownlt {color: #4B3108}
.orange {color: #FF6600}
.greenmod {color: #009900}

a.creamlink:link {color: #E8DC97; text-decoration: none }
a.creamlink:visited {color: #E8DC97; text-decoration: none }
a.creamlink:hover {color: #FFFFFF; text-decoration: none }
a.creamlink:active {color: #FFFFFF; text-decoration: none }

a.redlink:link {color: #4B3108; text-decoration: none }
a.redlink:visited {color: #4B3108; text-decoration: none }
a.redlink:hover {color: #EB4545; text-decoration: none }
a.redlink:active {color: #EB4545; text-decoration: none }

.times {font-family: "Times New Roman", Times, serif}
.courier {font-family: "Courier New", Courier, monospace}
.verdana {font-family: Verdana, Arial, Helvetica, sans-serif}
.arial {font-family: Arial, Helvetica, sans-serif}
.geneva {font-family: Geneva, Arial, Helvetica, sans-serif}
.georgia {font-family: Georgia, "Times New Roman", Times, serif}

/*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: 1px;
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: -120px;
left: 10px; /*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: lightyellow;
padding: 1px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -40px;
left: 10px; /*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: lightyellow;
padding: 1px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -20px;
left: -180px; /*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: lightyellow;
padding: 1px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

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

}

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

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

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

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

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

}