/* content */
.text-header { font-weight: bold; font-size: 19pt; font-family: Arial Narrow, Arial, sans-serif; color: #C35617;}
.pageContent { font-size: 10pt; font-family: Arial Narrow, Arial, sans-serif; color: #ffffff; }
 .pageContent a { font-size: 10pt; font-family: Arial Narrow, Arial, sans-serif; color: #ffffff; }

/* top elements */
.company { font-size: 20pt; font-family: SchoolHouse Cursive, sans-serif; color: #565656; }
.slogan { font-size: 10pt; font-family: Arial Narrow, Arial, sans-serif; color: #626262; }

/*main menu*/
.menu { font-size: 11pt; font-family: Arial Narrow, Arial, sans-serif; color: #565656; text-decoration: none; }
.amenu { font-size: 11pt; font-family: Arial Narrow, Arial, sans-serif; color: #565656; text-decoration: underline; }

/*submenu*/
.submenu { font-size: 11pt; font-family: Arial Narrow, Arial, sans-serif; color: #565656; text-decoration: none; }
.asubmenu { font-size: 11pt; font-family: Arial Narrow, Arial, sans-serif; color: #565656; text-decoration: none; }

/*sidebar*/
.sidebarhead { font-size: 16pt; font-family: Arial Narrow, Arial, sans-serif; color: #565656; text-decoration: none; }
.sidebartext { font-size: 9pt; font-family: Arial Narrow, Arial, sans-serif; color: #565656; text-decoration: none; }
.sidebarquote { font-size: 9pt; font-style: italic; font-family: Arial Narrow, Arial, sans-serif; color: #565656; text-decoration: none; }

/*copyright*/
.footer { font-size: 10pt; font-family: Arial Narrow, Arial, sans-serif; color: #626262; }

/*backgrounds*/
.bg { background-color: #9ED23A; }

/*captions*/
.caption { font-size: 8pt; font-family: Arial Narrow, Arial, sans-serif; color: #626262; }

/*links*/
a { font-size: 10pt; font-family: Arial Narrow, Arial, sans-serif; cursor: auto}
a:link {color: #565656;}
a:visited {color: #660066}
a:hover {text-decoration: none; color: #ff9900; font-weight:bold;}
a:active {color: #565656;text-decoration: none}

.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: 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 on hover*/
visibility: visible;
top: -200;
left: 20px; /*position where enlarged image should offset horizontally */

}