html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #009900;/*336699*/
	background-color: #E8FFE8;
	scrollbar-face-color:#006600;
	scrollbar-highlight-color: #666666;
	scrollbar-3dlight-color: #fcae38;
	scrollbar-arrow-color: #fcae38;
	scrollbar-darkshadow-color: #ffffff;
	text-align: center; //for IE5 that applies this to the wrapper instead.
	}
	
body h1{
	color:#009900;
	font-size: 16px;
	margin-top: 3px;
	margin-bottom: 5px;
	font-family: Tahoma, Arial, sans-serif;
	}

body h2{
	color: #006600;
	font-size: 14px;
	margin-top: 7px;
	margin-bottom: 7px;
	font-family: Tahoma, Arial, sans-serif;
}

body h3{
	color: #006600;
	font-weight: normal;
	font-size: 13px;
	margin-top: 7px;
	margin-bottom: 7px;
	font-family: Tahoma, Arial, sans-serif;
}

#wrapper{width: 990px; margin: 0 auto;}
body #wrapper{width: 990px; margin: 0 auto;}
#header{width: 990px; height: 150px; margin: 0px auto; background: url('/images/header1000.png'); background-repeat:no-repeat; padding: 0px}
#headertext{width: 480px; margin:50px auto 0px 15px;}
#headertext h1{color: #009900; font-size: 24px;}
#headertext h3{color: #009900; font-size: 14px; margin-top: 3px;}
/*#tophead{width: 100%; background: url('/displays/images/headingbk.gif'); background-repeat:repeat-x;}
#butthead{width: 100%; margin: 0px; background: url('/displays/images/headingbk.gif'); background-repeat:repeat-x;}*/
#topnav{width: 964px; border: 3px double #660000; margin: 0px auto;}



#sidenav{position: relative; /*leave this value alone*/
width: 380px;
height: 350px; /*Height should enough to fit largest content's height*/
background: url('/images/caroubk1000.png'); 
background-repeat:no-repeat;
z-index:-1;/*z-index very important*/
border-right: 50px ridge #bde5ce;
border-left: 20px ridge #bde5ce;
margin: 0 auto;
}
#sidetext{width: 380px; margin: 15px auto;}
#conwrap{width: 965px; margin-top: 0px; border-left: 15px ridge #bde5ce; border-right: 15px ridge #bde5ce;}
#wrapper #conwrap{width: 965px; margin-top: 0px; border-left: 15px ridge #bde5ce; border-right: 15px ridge #bde5ce;} 
#intro{
	position: static;
	width: 965px;
	margin: 0 auto;
	
}

#display{width: 560px;margin: 5px auto 5px auto;}
.displayh1{font-size: 16px; margin: 5px auto  2px auto;}
.displayh2{font-size: 14px; margin: 3px auto 3px 15px;}
.displayh3{margin: 5px auto 3px 20px;}
#conwrap p{margin-left: 20px; margin-right: 20px;}

low_body{width: 580px;margin: 5px auto 0 auto;}
.smheading h2{font-size: 12px;}
td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}

a {
	color: #006600;
	text-decoration: none;
}

a:hover {
	color: #0099ff;
	background: #fff url('/pictures/logo.gif') repeat-x;
}
form {
	background-color: #CCCC99;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
	line-height: 30px;
  background-color: #006666;
	color: #DCDCDC;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
  color: #006666;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: #006666;
  color: #DCDCDC;
}

#nav {
	position: static;
	margin: 30px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;
	background-color: #fff;
}

#buttnav{
	position: static;
	width: 380px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
 	font-weight: bold;
	background-color: #fff;}
.samplebuttons{margin-right: auto; margin-left: auto;}
.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFFFF;
}

.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #339999;
}

.sidebarFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #CCCCCC;
}


.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
  border-style: ridge;
}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
  background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
  color: #006666; 
	font-weight: bolder;
	font-size: medium;
}



input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

#footer{
	width: 900px;
	position:static; 
	margin: 10px auto 0px auto; 
	background-color: #E8FFE8;
	clear: both;

}

#footer_border{width: 100%; margin: 0px; background: url('/displays/images/headingbktop.gif'); background-repeat:repeat-x;}


#footer a{
	color: #666666;
	font-size: 11px;
	text-decoration: none;

	}
#footer a:hover{
	background-color: #ffffde;
	border-bottom: 1px solid #0000ff;
	padding-right: 2px;
	padding-left: 2px;
}
#footer a:visited{
	color: #666666;
	}
#footer p{margin-top: 20px;}

/*888888888888888888888*
Carousel Styles
**********************/

#mygallery{position: relative; float: left; margin-left: 5px; z-index:-1;border-right: 20px ridge #bde5ce;
border-left: 50px ridge #bde5ce;
}/*z-index very important*/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 430px;
height: 350px; /*Height should enough to fit largest content's height*/
background: url('/images/caroubk1000.png'); 
background-repeat:no-repeat;

}

.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: 15px; /*margin around each panel*/
width: 370px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panel{margin-top: 15px;}
.stepcarousel .panel h2{
	color:#009900;
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 7px;
	font-family: Tahoma, Arial, sans-serif;
	}
.stepcarousel .h3{
	color: #009900;
	font-weight: normal;
	font-size: 13px;
	margin-top: 7px;
	margin-bottom: 7px;
	font-family: Tahoma, Arial, sans-serif;
	}
	

p.samplebuttons{
width: 320px;
text-align: center;
float: right;
margin-left: auto;
margin-right: auto;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}

.indenting{margin-left: .3em; border-left: 10px ridge #bde5ce;}
/**************************
Slider Styles
//***********************/
.pagination{
display: none;
position: static;
margin: 0px auto;
width: 500px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: #cccccc;
border: 5px solid #666666;

/*border-width: 2px 3px; Left/ right border width of pagination DIV.*/
padding: 2px 0 4px 0;

}



.pagination a{
color: navy;
padding: 0 5px;
text-decoration: none; 
border: 2px solid #666;
background-color: #ffffde;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #ffffde;
}
/*===========================
 Display Styles
=============================*/
#display{
width: 670px; 
margin: 5px auto 5px 5px; 

}
.displayh1{margin: 5px auto;}
.displayh2{margin: 5px auto 3px 10px;}
#display p{margin-left: 25px; margin-right: 25px;}

#sliderwrap{width: 900px; margin-top: 5px; float: left; }


#slider1{
	position: relative;
	border: 15px ridge #666666;;
	margin: 0px;
	width: 550px;
	
	background: #fff;
	float: left;
}



.contentdiv{
position: static;
border: 5px solid #666666;
padding: 5px;
width: 500px;
margin: 15px;
background: #fff;

z-index: 10;
}

 .contentdiv h3 {margin-left: 5px;}
 .contentdiv p {margin-left: 7px;}
.adjust{float: left; margin-left: 10px;margin: 5px;}

.userad{float: left;}
.userimage{width: 330px; float: right; border: 15px ridge #666666;margin: 0px;}
 a:hover .userimage {position:relative; left:-50px; top:-50px; width:300px; border-color:#666;}

/*===========================
Advertisement Template Styles
=============================*/
/*Border below the SPONSORS title*/
.hr_border{potition: static; width: 100%; height: 5px; margin: 5px auto; background: url('/displays/images/headingbk.gif'); background-repeat:repeat-x;}
/*A Container for the Advertisement Area*/
#adlist{potition: static; width: 650px; display: block; margin: 10px auto 0 auto;}
/*The Real Div that holds the AD*/
.advertise1{position: static; width: 160px; border: 5px ridge #666666; margin: 2px;}
.advertise1 img{width: 150px}
 a:hover .advertise1 {position:absolute; left:20%; top:10%; width:300px; border-color:#666; z-index: 100;}

.advertise2{position: static; width: 160px; border: 5px ridge #666666; margin: 2px;}
.advertise2 img{width: 150px}
 a:hover .advertise2 {position:absolute; left:40%; top:10%; width:300px; border-color:#666; z-index: 100;}

.advertise3{position: static; width: 160px; border: 5px ridge #666666; margin: 2px;}
.advertise3 img{width: 150px}
 a:hover .advertise3 {position:absolute; left:60%; top:10%; width:300px; border-color:#666; z-index: 100;}

.advertise4{position: static; width: 160px; border: 5px ridge #666666; margin: 2px;}
.advertise4 img{width: 150px}
 a:hover .advertise4 {position:absolute; left:65%; top:10%; width:300px; border-color:#666; z-index: 100;}