// 20100821 - moved to css file (from htm file)
// ************************************************************   Custom site styles

a,
a:link,
a:active,
a:visited {
	text-decoration:underline;
	color:#996633;
}

.dn_fnt_header_dark {
	font-family: Verdana, Helvetica, Arial;
	font-size:12px;
	color:#996633;
	font-weight: bold;
}
.dn_fnt_header_light {
	font-family: Verdana, Helvetica, Arial;
	font-size:12px;
	color:#999966;
	font-weight: normal;
}

.dn_fnt_bio_light {
	font-family: Verdana, Helvetica, Arial;
	font-size:14px;
	color:#999966;
	font-weight: normal;
}

.dn_fnt_copyright {
	font-family: Verdana, Helvetica, Arial;
	font-size:10px;
	color:#999966;
	font-weight: normal;
}

.dn_fnt_gallery_navtitles_off {
	font-family: Verdana, Helvetica, Arial;
	font-size:12px;
	color:#996633;
	font-weight: normal;
}

.dn_fnt_gallery_navtitles_on {
	font-family: Verdana, Helvetica, Arial;
	font-size:12px;
	color:#999966;
	font-weight: normal;
}

// ************************************************************   Scroller styles
//.stepcarousel{
//position: relative; /*leave this value alone*/
//border: 10px solid black;
//overflow: scroll; /*leave this value alone*/
//width: 270px; /*Width of Carousel Viewer itself*/
//height: 200px; /*Height should enough to fit largest content's height*/
//}
//
//.stepcarousel .belt{
//position: absolute; /*leave this value alone*/
//left: 0;
//top: 0;
//}
//
//.stepcarousel .panel{
//float: left; /*leave this value alone*/
//overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
//margin: 10px; /*margin around each panel*/
//width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
//}
 

.stepcarousel {
position: relative; /*leave this value alone*/
border: 0px solid #999966;
overflow: scroll; /*leave this value alone*/
//width: 500px; /*Width of Carousel Viewer itself*/
width: 95%; /*Width of Carousel Viewer itself*/
//height: 200px; /*Height should enough to fit largest content's height*/
height: 400px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt {
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
//width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}