/*************** start body, heading styles ***************/

body {
background-color: #ffffff;
background-image: url('images/main_bg.gif');
color: #452E68;
text-align:center;
margin: 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

p, ul, ol, td {
color: #939470;
line-height: 16px;
}

.sub {
color: #F2F2F2;
font-weight: bold;
}

input, textarea {
border: 1px #757568 solid;
background-color: #5A5A4F;
}



/*************** start link effects ***************/

a:link { color: #B18803; text-decoration: none; }
a:visited { color: #B18803; text-decoration: none; }
a:hover { text-decoration: underline; }

a:link.copyright { color: #939470; font-size: 9px; text-decoration: none; }
a:visited.copyright { color: #939470; font-size: 9px; text-decoration: none; }
a:hover.copyright { color: #939470; font-size: 9px; text-decoration: underline; }

/*************** start layout divs ***************/	

	
#frame {
width: 700px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
padding: 0px;
text-align: left;
}

td {
vertical-align: top;
padding: 0px;
margin: 0px;
}

td.vmiddle {
vertical-align: middle;
color: #939470;
font-size: 9px;
}

td.copyright {
width: 650px;
background-color: #303030;
text-align: center;
vertical-align: middle;
}

td.vert_spacer {
width: 25px;
background-color: #303030;
}

td.bottom_spacer {
height: 15px;
background-color: #303030;
}

td.main {
width: 506px;
background-color: #303030;
}

td.menu {
width: 144px;
background-color: #303030;
}

td.pad1 {
padding: 10px 20px 10px 20px;
background-color: #5A5A4F;
}

td.pad2 {
padding: 10px;
background-color: #5A5A4F;
}

td.about {
width: 208px;
padding: 20px;
background-color: #5A5A4F;
}

td.about_spacer {
width: 10px;
padding: 0px;
background-image: url('images/about_spacer_bg.gif');
border-top: 20px #5A5A4F solid;
border-bottom: 20px #5A5A4F solid;
}

td.line {
border-bottom: 1px #757568 dotted;
padding: 4px;
}

td.thumbs {
width: 25%;
text-align: center;
}

/* Slideshow */

#wrap	{
	margin-bottom:0px; /* this value is for IE6 browsers */
	}
	
	html>body #wrap {margin-bottom:0px;} /* this value is for all other browsers */

/* The wrap div is purely an adjustment for IE6 */

#example {
	position: relative;
	width: 506px;
	height: 264px;
	z-index:1;
	margin-left:0px;
	}
	
	html>body #example {margin-left:0px;} /* this value is for all other browsers */
	

.slide-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 506px;
	height: 264px;
	
}