A:link {color: #0000FF; text-decoration: none;}
A:visited {color: #0000FF; text-decoration: none;}
A:active {text-decoration: underline;}
A:hover {text-decoration: underline}

H2 A:link {color: #0000FF; text-decoration: underline;}
H2 A:visited {color: #0000FF; text-decoration: underline;}

a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #44c;
    text-align: center;
    display: block;
    font: normal 12px arial, sans-serif;
    height: 24px;
    width: 80px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
}

a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

.n {background: #FFF; border: 1px solid #CCC; margin: 2px; padding: 5px; font-weight: bold; font-size:150%;}
a.n {background: #99C; border: 1px solid #77A;}

H1, H2 {margin:0 20px;padding:0;text-decoration:underline;color:#855}

BODY
{
margin:0;
font-size: 15px;
font-family: Trebuchet MS,Verdana,Tahoma,Arial,sans-serif;
}

.thumb * {
	margin: 0;
	padding: 0;
}
.thumb li {
	width: 16.4em;
	height: 15em;
	margin: 0 .1em 7em 0;
	float: left;
	display: inline;
	position: relative;
	text-align: center;
}
.thumb li div {
	width: 16.4em;
	position: absolute;
	bottom: 0;
	left:0;
}
.thumb li p {
	position: absolute;
	top: 100%;
	left: 0;
	padding: .1em;
	width: 16.3em;
}
.thumb img {
	display: block;
	margin: 5px auto 0 auto;
	padding: 2px;
	background: #fff;
}
.thumb em {
	display: block;
	font-weight: bold;
}
.thumb b {
	display: block;
}

.thumb div A:hover {text-decoration: underline;background:url(flash.gif) bottom left repeat-x;}


/* ---------- #nav ---------- */
#nav {
position:absolute;
left:-3px;top:80px;
z-index:99;
margin:0;
padding:0;
list-style:none;
border:1px solid #000;
border-left:0;
width:20px;
background:#999;
}
#nav:after {
content:" "; 
display:block;
clear:both; 
}
#nav li {
position:relative;
float:left;
width:100%;
background:#cec;
text-align:center;
padding:10px 0;
cursor:pointer;
}
#nav li:hover {
background:#bdb;
}
#nav a {
display:block;
color:#000;
line-height:1.2em;
}
#nav a b {
display:block;
line-height:1.6em;
}
/* --------- Slide-In -------- */
#nav ul {
position:absolute;
left:-20px;top:-1px;
display:none;
list-style:none;
border-top:1px solid #777;
}
#nav ul li {
border:1px solid #000;
border-width:0 1px 0 0;
width:250px;
padding:0;
}
#nav li:hover ul {
display:block;
}
