/* Generated by KompoZer */
body, td, th {
  margin: 5px;
  font-family: Geneva,Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: lighter;
}
a {
  font-family: Geneva,Arial,Helvetica,sans-serif;
  color: #999900;
}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #666666;
}
a:hover {
  text-decoration: underline;
  color: #999900;
  background-color: #cccccc;
}
a:active {
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Geneva,Arial,Helvetica,sans-serif;
}
h4 {
  margin: 5px;
  font-size: 18px;
  color: #999900;
  font-weight: lighter;
}
h5 {
  border-bottom: 2px solid #370548;
  margin: 5px 0px 5px 5px;
  font-size: 12px;
  color: #ffffff;
  font-weight: normal;
  font-family: Geneva,Arial,Helvetica,sans-serif;
  background-position: left center;
  background-color: #565f63;
  font-style: normal;
}
h6 {
  margin: 5px;
  font-size: 12px;
  color: #000000;
  font-weight: lighter;
}
h1 {
  font-size: 9px;
  color: #000000;
  font-family: Geneva,Arial,Helvetica,sans-serif;
  font-style: normal;
  font-weight: lighter;
  text-decoration: none;
  background-position:  center center;
  text-align: center;
}
table {
  position: relative;
  right: 0px;
  top: 25px;
}
h2 {
  font-family: Geneva,Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: lighter;
  text-align: center;
}
h3 {
  font-family: Geneva,Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #999900;
  background-color: #333333;
  text-align: left;
}






/*THUMBNAIL HOVERPOPUPS*/
/*based on URL: http://www.wickham43.supanet.com/tutorial/hoverpopups.html */


/*THUMBNAIL - thumbnail is designed for image that is portrait on popup*/


.thumbnail  {
position: relative;
float: left;
padding: 5px;
/*z-index: 0;*/
}

.thumbnail:hover {
background-color: #e9e9e2;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
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; width: 266px;
top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 300px;/*position where enlarged image should offset horizontally */
}

/*THUMBNAILX - thumbnailx is designed for image that is landscape on popup*/


.thumbnailx  {
position: relative;
float: left;
padding: 5px;
/*z-index: 0;*/
}

.thumbnailx:hover {
background-color: #e9e9e2;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnailx span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnailx:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 400px;
top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 300px;/*position where enlarged image should offset horizontally */
}



/*THUMBNAIL2 - thumbnail2 has border and border on hover*/

.thumbnail2 {
position: relative;
float: left;
padding: 5px;
/*z-index: 0;*/
}

.thumbnail2:hover { 
background-color: #e9e9e2;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail2 span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
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; width: 208px;
top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 300px;/*position where enlarged image should offset horizontally */
}

a.thumbnail2 img { text-decoration:none;
z-index: 50; }

/*if same attribute for all 4 states, then declare here in
a.thumbnail2*/ 

a.thumbnail2 img:link { border: 2px solid #e9e9e2; background: transparent; }

a.thumbnail2 img:visited { border: 2px solid #e9e9e2; background : transparent; }

a.thumbnail2 img:hover { border: 2px solid #f00; background : transparent; }

a.thumbnail2 img:active { border: 2px solid #e9e9e2; background : transparent; }

a.thumbnail2 img { border: 2px solid #e9e9e2; }

/*end of hover popup links*/



/*code for quote boxes via http://www.hollmen.dk/content/view/57/30/ */


    .quote {
       border:1px solid #330033;
       background:#CCCCCC url(../images/quote-left.gif) no-repeat left top;
       margin-left: 10%;
       margin-right: 10%;
       padding-top: 10px;
       padding-left: 30px;
       font-style:normal;
       font-variant:normal;
       font-weight:normal;
       font-size:12px;
       font-family:Arial
    }

    .quote div {background: transparent url(../images/quote-right.gif) right bottom no-repeat;
     padding-right: 30px;
     padding-bottom: 10px;
    }