/* CSS Document */
img{border:0px;}
html {height:100%;}
body { margin:0px; padding:0px; background:none; } /* background:url(../images/canvasbg.gif) repeat-x; */
table,td,tr,div{ font-size:12px; color:#654C14; font-family:arial; letter-spacing:0.03em;}
a:focus{ text-decoration: none; outline:none;}
form{ margin:0px; padding:0px; } 

body {scrollbar-face-color: #EFD7AD;
	scrollbar-shadow-color: #EFD7AD;
	scrollbar-highlight-color: #EFD7AD;
	scrollbar-3dlight-color:#FFEBCE;
	scrollbar-darkshadow-color: #FFEBCE;
	scrollbar-track-color: #FFEBCE;
	scrollbar-arrow-color: #FFFFFF;}
	  
.input{ border:1px solid #80B8DD; padding:1px; font-size:11px;}
#main1{ width:950px; height:100%; background: none; }

/* Top section */
#top{ float:left; height:125px; background:none; }

/* Middle section */
.middlesection{ font-weight:normal; font-size:12px;}
.middlesection b{ font-weight:bold; font-size:14px;}
.middlesection a{color:#0061B2; font-size:11px; text-decoration:none; font-weight:bold;}
.middlesection a:hover {color:#66A7D1; text-decoration:none;}

h1{ font-family:Georgia; font-weight:normal; font-size:24px; color:#BD3000; padding:0px; padding-top:35px; padding-left:35px; margin:0px;}

/* Right section */
#rightsection{ width:382px;}
#rightsection strong{ font-weight:bold; font-size:11px;}
#rightsection a{color:#ffffff; text-decoration:none;}
#rightsection a:hover {color:#66A7D1; text-decoration:none;}

#rightsection .hd{ font-family:Georgia; font-weight:normal; font-size:22px; color:#BD3000; padding-left:20px;}
#rightsection .hd a{ color:#FFFFFF; text-decoration:none; font-weight:bold;}
#rightsection .hd a:hover { color:#FFFFFF; text-decoration:none;}

#rightsection ul{padding:0px; margin:0px; list-style:none;}
#rightsection li{padding:3px 3px 5px 18px; margin:0px; background:url(../images/left-icon.gif) no-repeat left top;}
#rightsection li a{color:#9BCEEF; text-decoration:none; font-weight:normal;}
#rightsection li a:hover {color:#ffffff; text-decoration:none;}

/* Bottom section */
.bottomsection{ padding:10px; line-height:18px; font-size:11px; color:#94621E;}
.bottomsection a{color:#BD3000; font-size:12px; text-decoration:none; font-weight:bold;}
.bottomsection a:hover {color:#FF4100; text-decoration:none;}

/* Extra Links */
.normallink { font-size:12px; font-weight:bold; color:#7E6338; text-decoration:none; }
.normallink:link { color:#7E6338; 	text-decoration:none; }
.normallink:visited { color:#7E6338; text-decoration:none; }
.normallink:hover { color:#000099; text-decoration:underline; }

.toperlink{ padding:5px 20px 10px 15px; text-align: right;}
.toperlink a{ color:#905a10; text-decoration:none; font-size:12px;}
.toperlink a:hover{ color:#bd3000; text-decoration:none;}
.toperlink span{ padding:0px 10px; color:#c7ab89;}

#news li{ color: #654C14;
    font-family: arial;
    font-size: 12px;
	font-weight:bold;
    letter-spacing: 0.03em;}
	
.ptiker{height:200px; width:260px; overflow:scroll; Overflow-x:hidden;}

/*Example CSS for the two demo scrollers*/
#pscroller1{ width: 230px; height: 100px; border: 0px solid black; padding: 5px; background-color:none; text-align:justify; }

/* #pscroller2{ width: 350px; height: 20px; border: 0px solid black; padding: 3px; } */

#pscroller1 a{ text-decoration: none; font-size:14px; font-weight:bold; color:#BD3000;} 
#pscroller1 a:hover{ text-decoration: none; color:#000000;} 
.someclass{ //class to apply to your scroller(s) if desired }

.pointer{ cursor: pointer; }
#marquee_replacement{
		border:0px solid #000;
		width:280px;
		height:150px;
		overflow:hidden; 
}
#marquee_replacement p.spacer{
	   height:150px;
	}

.demo-container {
	border: 0px solid #009BE3;
	padding:0 5px;
	font-family: "Myriad Pro Regular","Trebuchet MS";
}

.demo-container a, .demo-container a:link, .demo-container a:visited, .demo-container a:hover, .demo-container a:focus, .demo-container a:active {
	color: #009BE3;
}

.demo-container ul {
	list-style-type:none;
	padding:0;
	margin:1em 0;
	width:100%;
	overflow:hidden;
}

.demo-container ul span {
	color: #A0A600;
}

.demo-container li {
	float:left;
	margin-right:1em;
}

.demo-container p span.track-name {
	color: #CC0090;
}
.stepcarousel {
	position: relative; /*leave this value alone*/
	border: 0px 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*/
	margin:0px;
overflow-x: hidden;
}
.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: 260px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    height: 200px;
    overflow-x: hidden;
    /* overflow-y: scroll;*/
}