/* CSS Document */

p{
	font-family: arial;
	color: #000000;
	line-height: 120%;
	padding: 2px;
	font-size: normal;
	font-style: normal;
}
a:link {font-family:arial; color:#ccffcc; text-decoration:none}
a:active {font-family:arial; color:#66ccff; text-decoration:none}
a:visited {font-family:arial; color:#336699; text-decoration:none}
a:hover {font-family:arial; color:#66ccff; text-decoration:none} 
h2 {font-family:arial; color:#336699}
h2.light {font-family:arial; color:#ffff99}
h2.green {font-family:arial; color:#003333}
h3.green {font-family:arial; color:#003333}
h4.blue {font-family:arial; color:#66ccff; text-decoration:none}
h3 {font-family:arial; color:#66ccff;}
h2.ver1 {font-family:arial; color:#000000}
h3.ver1 {font-family:arial; color:#000000}
h4.ver1 {font-family:arial; color:#000000}
h4 {font-family:arial; color:#336699}
p.hed {font-family:arial; font-size:larger; color:#66ccff; font-weight:bold}
p.hod {font-family:arial; font-size:small; color:#003366; font-weight:normal}
p.wht {font-family:arial; font-size:small; color:#ffffff; font-weight:normal}
p.had {font-family:arial; font-size:larger; color:#003366; font-weight:normal; line-height:130%}
p.blue {font-family:arial; font-size:small; color:#003366; font-weight:bold; line-height:140%}
p.hight {font-family:arial; line-height:100%}
p.hud {font-family:arial; font-size:larger; color:#ccffcc; font-weight:bold}
p.red {font-family:arial; color:#ff0033; font-weight:bold}
u.red {font-family:arial; color:#ff0033}
light2 {font-family:arial; color:#ffff99; font size:80%}
light3 {font-family:arial; color:#0066cc; font size:80%}
light4 {font-family:arial; color:#000000; font size:70%}
p.lights {font-family:arial; color:#003300; font-size:larger}
p.sm {font-family:arial; color:#003300; font-size:smaller}
b.strongg {font-family:arial; color:#ccffcc; font-size:normal; line-height:120%}
b.strongw {font-family:arial; color:#ffffff; font-size:normal; line-height:120%}
b.strong {font-family:arial; color:#ccffcc; font-size:large; line-height:130%}
b.strongd {font-family:arial; color:#336633; font-size:larger; line-height:120%}
b.strongb {font-family:arial; color:#003366; font-size:larger; line-height:120%} 
b.strongc {font-family:arial; color:#003333; font-size:larger}
b.strongdx {font-family:arial; color:#336633; font-size:x-large}
b.strongxx {font-family:arial; color:#336633; font-size:x-large; line-height:130%}
b.strongr {font-family:arial; color:#ccffcc; font-size:xx-large}
b.strongrr {font-family:arial; color:#ff0033; font-size:x-large; line-height:150%}
b.stronga {font-family:arial; color:#ccffcc; font-size:x-large; line-height:150%}
b.strongaa {font-family:arial; color:#003366; font-size:x-large}
b.stronga3 {font-family:arial; color:#add8e6; font-size:x-large}
b.stronga4 {font-family:arial; color:#4682b4; font-size:x-large}
b.stronga5 {font-family:arial; color:#ff0033; font-size:x-large}
b.stronga2 {font-family:arial; color:#ccffcc; font-size:x-large; right:auto}
b.strongaw {font-family:arial; color:#ffffff; font-size:x-large; line-height:120%}
b.strongaw2 {font-family:arial; color:#ffffff; font-size:large; line-height:120%}
b.strongaw3 {font-family:arial; color:#ffffff; font-size:normal; line-height:120%}
b.black {font-family:arial; color:#000000; font-size:x-large; line-height:120%} 
b.red {font-family:arial; color:#ff0033}
b.blue {font-family:arial; color:#003366}
b.strongw {font-family:arial; color:#ffffff; font-size:larger}
b.w {font-family:arial; color:#ffffff}
strong.green {color:#003333}
sub {font-family:arial; font-size: smaller; color: #000000}
li {font-family:arial}
td {font-family:arial; font-size:small}
a.plainr:link {font-family:arial; color:#ff0033; text-decoration:underline}
a.plainr:active {font-family:arial; color:#ff0033; text-decoration:underline}
a.plainr:visited {font-family:arial; color:#cc0033; text-decoration:underline}
a.plainr:hover {font-family:arial; color:#cc0033; text-decoration:underline}
a.plain:link {font-family:arial; color:#003366; text-decoration:underline}
a.plain:active {font-family:arial; color:#003366; text-decoration:underline}
a.plain:visited {font-family:arial; color:#006633; text-decoration:underline}
a.plain:hover {font-family:arial; color:#006633; text-decoration:underline}
a.hd:link {font-family:arial; color:#4682b4; text-decoration:none; font-size:x-large}
a.hd:active {font-family:arial; color:#4682b4; text-decoration:none; font-size:x-large}
a.hd:visited {font-family:arial; color:#006633; text-decoration:none; font-size:x-large}
a.hd:hover {font-family:arial; color:#ccffcc; text-decoration:none; font-size:x-large}  
a.small:link {font-family:arial; color:#ccffcc; text-decoration:underline}
a.small:active {font-family:arial; color:#ccffcc; text-decoration:underline}
a.small:visited {font-family:arial; color:#336699; text-decoration:underline}
a.small:hover {font-family:arial; color:#336699; text-decoration:underline} 
a.plainb:link {font-family:arial; color:#ccffcc; text-decoration:underline}
a.plainb:active {font-family:arial; color:#ccffcc; text-decoration:underline}
a.plainb:visited {font-family:arial; color:#ccffff; text-decoration:underline}
a.plainb:hover {font-family:arial; color:#ccffff; text-decoration:underline}
.picture {background-color:#ccffcc; padding:2px; font:9px/1.4em Arial, sans-serif; color:#336633; line-height:100%}
.picture3 {background-color:#add8e6; padding:2px; font:9px/1.4em Arial, sans-serif; color:#003366; line-height:100%}
.picture4 {padding:2px; font:9px/1.4em Arial, sans-serif; line-height:100%}
.picture5 {background-color:#add8e6; padding:2px; font:12px/1.4em Arial, sans-serif; color:#003366; line-height:100%}
.picture img {border:2px solid #336633; vertical-align:middle; margin-bottom:1px;}
.picture2 {background-color:#669966; padding:2px; font:9px/1.4em Arial, sans-serif; color:ccffcc; line-height:100%}
.picture2 img {border:2px solid #336633; vertical-align:middle; margin-bottom:1px;}
.right {margin:0.5em 0pt 0.5em 0.8em; float:right}
.left {margin: 0.5em 0.8em 0.5em 0; float:left}
.center {margin: 0.5em 0.8em 0.5em 0; float:middle}
.bottom-right {position:absolute; bottom:8px; right:16px}
.container {position:relative; text-align:right; color:#FFFFFF;}
img.border1 {border:2px solid #336633}
img.border2 {border:2px solid #003366}
li { margin-bottom:12px; }

.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: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}