body { margin:0 0; padding:0 0; font-family:arial, Verdana, Helvetica;}
form { padding:0; margin:0: }

.clear {clear:both; margin:5px 0px; }
.footer { font-size:11px; color:#7b7564; border-top:2px solid #eeebe4; border-bottom:2px solid #eeebe4;padding:3px 0px }
.footer a, .footer a:visited {  font-size:11px; color:#000000; text-decoration:none;}
.footer a:hover {color:#7b7564; } 
.red { color:#ff0000; }
.bold {font-weight:bold;}
a:link,a:visited {color:#6f7938; text-decoration:none;}
a:hover {color:#000000; }

a.red:active  {color:#FF0000; background-color:transparent}
a.red:hover   {color:#FF0000; background-color:transparent}
a.red:link    {color:#FF0000; background-color:transparent; text-decoration:none}
a.red:visited {color:#FF0000; background-color:transparent; text-decoration:none}

.smallnav a.green:link,.smallnav a.green:visited {color:#6f7938; text-decoration:none; font-weight:bold;}
.smallnav a.green:hover {color:#000000; }

a.home:link,a.home:visited {color:#3a3f1d; text-decoration:none; }
a.homearrow:link,a.homearrow:visited {
	display:block; 
	background: url(../../includes/images/arrow.png) 2px 0px no-repeat;
	padding-left:20px; 
	margin-left:-10px; 
	color:#3a3f1d; 
	text-decoration:none; }
a.home:hover,a.homearrow:hover {color:#000000; }

.smallnav {font-size:12px; color:#58595a; }
.smallnav a, .smallnav a:visited { font-size:12px; color:#58595a; text-decoration:none; }
.smallnav a:hover, .footer a:hover {color:#000 }

.sepline {border-top: 1px dotted #cccccc; width:90%;margin:5px 0px -10px 0px; position:relative;}
.newssep {border-top: 1px dotted #aca899; width:100%;margin:5px 0px -10px 0px; position:relative;}
.prheader { text-align:center; line-height:150%;}
.inset {position:relative; padding-left:10px;}
.bodytext { font-size: 10pt; line-height:125%;}

#main { width:960px; margin:0px auto 0px auto; }
#header { height:100px; background:#ffffff; padding:10px 10px 0px 10px;}
.header {font-weight:bold; font-size:12pt;background:#eeebe4; border:1px solid #dad3c5; padding:5px; }
hr { height:1px; color: #eeebe4;}
#home-wrap { background:#ffffff; }
#topnav { float:right; margin:5px 20px;}
#topnav_links { float:left; margin:5px 20px;}
.ie6 #topnav_links{margin:5px 10px;}
.ie7 #topnav_links,.ie6 #topnav_links { position:relative;left:320px;}
#topnav_search { float:right;  }
#logo {cursor:pointer; width:160px; height:55px; background:red; float:left; background:url(../../includes/images/logo_stoke.jpg) top left no-repeat; position:relative; top:-10px;}
.ie7 #logo { position:relative; top:-18px; left:-5px; }
#logo h1 { position:absolute; left:-10000px;}

#banner {width:960px; height:290px;}
.ie7 #banner { position:relative; top:-4px; }
.ie6 #banner { position:relative; top:-4px;}

#bodycontainer {background: url(../../includes/images/mainbg.jpg) top left repeat-y; overflow:hidden}
#mainbody {z-index:10;position:relative; float:right; width:748px; padding:20px 10px 10px 10px;}
#sidebar {z-index:11;position:relative;float:right; min-height:500px;  width:162px; margin-right:10px; padding:30px 0px 10px 20px; border:0px solid #000;}
#lower {z-index:1; width:960px; height:313px; border:0px solid red; position:relative; top:-310px;margin-bottom:-310px; overflow:hidden;}
#bottomImage { position: absolute; bottom: 0px; }
.ie6 #lower { display:none; } 
.ie6 #bottomImage {display:none;} 

#sidebar ul {  list-style-image: url(../../includes/images/spacer.gif);margin:0 0 -.2em -2.5em; width:170px; line-height:120%;}
.ie7 #sidebar ul {margin:0 0 -.2em 0px; }
.ie6 #sidebar ul {position:relative; left:32px; }
#sidebar ul li a { padding:0px 0px 1px 0px; position:relative; top:-4px; left:-10px;}
.ie7 #sidebar ul li a { padding:0px 0px 1px 0px; position:relative; top:-4px; left:5px;}
.ie6 #sidebar ul li a { padding:0px 0px 1px 0px; position:relative; top:-4px; left:5px;}

#sidebar ul li { margin:4px 0px; }
#sidebar ul ul { list-style-image: url(../../includes/images/arrow.png); margin:0 0 .2em -25px; line-height:100%;} 
#sidebar ul ul li a { padding:0px 0px 1px 0px; position:relative; top:-4px; left:-5px;}
.ie7 #sidebar ul ul { margin:0 0 .2em 15px; line-height:100%;} 
.ie6 #sidebar ul ul { margin:0 0 .2em -15px; line-height:100%;} 

/*3 columns*/
#col1 { width:310px; float:left; margin:10px 10px 10px 0px;  background:url(../../includes/images/3col_a.jpg) top left no-repeat;width:310px; height:186px; }
#col2 { width:310px; float:left; margin:10px 5px 10px 5px;  background:url(../../includes/images/3col_b.jpg) top left no-repeat;width:310px; height:186px; }
#col3 { width:310px; float:right; margin:10px 0px 10px 10px;  background:url(../../includes/images/3col_c3.jpg) top left no-repeat;width:310px; height:186px; }
#col1 h2, #col2 h2, #col3 h2 {cursor:pointer; width:134px; height:28px; position:relative; left:136px; font-size:16px; margin:0 0;padding:20px 15px 0px 25px; }
#col1 p, #col2 p, #col3 p {width:134px; height:138px; position:relative; left:136px; font-size: 12px; margin:0 0;padding:0px 15px 0px 25px;line-height:150%; }

/*4 columns*/
#col1b, #col2b,#col3b{position:relative; background:url(../../includes/images/4colbg.jpg) top left no-repeat;width:229px; height:135px; }

.col4b1 {position:relative; background:url(../../includes/images/4colbg-1.jpg) top left no-repeat;width:229px; height:135px; }
.col4b2 {position:relative; background:url(../../includes/images/4colbg-2.jpg) top left no-repeat;width:229px; height:135px; }
.col4b3 {position:relative; background:url(../../includes/images/4colbg-3.jpg) top left no-repeat;width:229px; height:135px; }

#col1b { width:229px; float:left; margin:5px 10px 10px 0px; }
#col2b { width:229px; float:left; margin:5px 5px 10px 5px; }
#col3b { width:229px; float:left; margin:5px 5px 10px 10px;}
#col4b { width:229px; float:right; margin:5px 0px 10px 5px; }
#col1b h2, #col2b h2, #col3b h2, #col4b h2 {font-size:13px; margin:0 0;padding:15px 10px 0px 20px; width:180px;}
#col1b p, #col2b p, #col3b p, #col4b p  {font-size: 12px; margin:0 0; padding:5px 10px 0px 20px; width:180px; line-height:150%;}
#col2b h2 { cursor:pointer; }

#footer {margin-top:10px;}
#leftfoot{ float:left; width:48%; text-align:left;}
#rightfoot {float:right; width:48%; text-align:right; color:#000000;}

/* navitems */
/*
#navitems { width:auto;  margin:17px 0px 0px 0px; float:right;  }
.ie7 #navitems {z-index:1000; position:relative; top:2px; }
.ie6 #navitems {z-index:1000; position:relative; top:13px; }
#navitems ul li{ float:left; list-style:none; border-right:solid 0px #fff;}
#navitems ul li.last{border-right:0px;}
#navitems ul li a {
	
	float:left; 
	width:100px; 
	line-height:30px; 
	text-align:center; 
	color:#000; 
	text-decoration:none; 
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
#navitems ul li a:hover, #navitems ul li a.current{

	color:#ffffff;
	background:#7b7564;
}
#navitems ul li a.current{height:31px;}
#navitems ul li.last {position:relative;left:10px;}
#navitems ul li.last a {width:170px;}
#navitems ul li.admin a {width:70px;}
.ie6 #navitems ul li.admin, 
.ie7 #navitems ul li.admin {display:none;}

*/
#navitems { width:auto;  margin:17px 0px 0px 0px; float:right;  }
.ie7 #navitems {z-index:1000; position:relative; top:2px; }
.ie6 #navitems {z-index:1000; position:relative; top:13px; }
#navitems ul li{ float:left; list-style:none; border-right:solid 0px #fff;}
#navitems ul li.last{border-right:0px;}
#navitems ul li a {
	/*border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;*/
	float:left; 
	width:100px; 
	line-height:30px; 
	text-align:center; 
	color:#000; 
	text-decoration:none; 
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
#navitems ul li a:hover, #navitems ul li a.current{
	/*border-top:1px solid #ced0d1;border-left:1px solid #ced0d1;border-right:1px solid #ced0d1;*/
	color:#ffffff;
	background:#7b7564;
}
#navitems ul li a.current{height:31px;}
#navitems ul li.last {position:relative;left:10px;}
#navitems ul li.wide {width:160px;}
#navitems ul li.wide a {width:170px;}
#navitems ul li.admin a {width:70px;}
.ie6 #navitems ul li.admin, 
.ie7 #navitems ul li.admin {display:none;}

/*Anylink Menu*/		
.menuanchorclass a {color:#000}
#navitems ul li a.active { background:#7b7564;color:#fff; }

#navitems .selectedanchor {	background:#fff; }

/*  Default class for drop down menus  */
.anylinkmenu{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	border:none;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	z-index: 100; /* zIndex should be greater than that of shadow's below */
	background: transparent !important;
	margin-left:0px;
	width: 180px; /* default width for menu */
}

.anylinkmenu ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

.anylinkmenu ul li a{
	display: block;
	text-indent: 3px;
	border:none;
	padding: 7px 6px 6px 10px;
	text-decoration: none;
	text-indent: 5px;
	color:#000000;
	text-align:left;
	cursor:pointer;
	background: #c3cebe;						
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: Alpha(Opacity=90);
	-moz-opacity: 0.9;
	opacity: .9; 			
}

/*hover background color*/
.anylinkmenu a:hover{ 
	color: #fff;			
	background:#7b7564;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: Alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1; 
}


/*  Alternate multi-column class for drop down menus   */
.anylinkmenucols{
	position: absolute;
	width: 350px;
	left: 0;
	top: 0;
	visibility: hidden;
	border: 1px solid #f7f7f7;
	padding: 10px;
	font: normal 12px Arial;
	z-index: 100; /*zIndex should be greater than that of shadow's below*/
	background: #E9E9E9;
}

.anylinkmenucols li{
	padding-bottom: 3px;
}

.anylinkmenucols .column{
	float: left;
	padding: 3px 8px;
	margin-right: 5px;
	background: #E0E0E0;
}

.anylinkmenucols .column ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*  class for shadow DIV  */
.anylinkshadow{ /*CSS for shadow. Keep this as is */ 
	display:none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99; /*zIndex for shadow*/
	background: black;
	visibility: hidden;
}		

/* end Anylink Menu*/

/*Image Rotation*/

/*--Window/Masking Styles--*/
.window {
	width: 960px;
	height:293px;	
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}
 
/*--Paging Styles--*/
.paging {
	position: relative;
	top:-50px;
	left:780px;
	width: 178px; 
	height:47px;
	z-index: 120; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: transparent url(../../includes/scripts/jcarousel/skins/tango/carousel_bg.png) no-repeat 0 0;
	padding-left:5px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.ie6 .paging {
	background: transparent url(../../includes/scripts/jcarousel/skins/tango/carousel_bg.gif) no-repeat 0 0;
	margin-bottom:-50px;
}
#next {
	background: transparent url(../../includes/scripts/jcarousel/skins/tango/next-horizontal.png) no-repeat 0 0;
	position: absolute;
		top: 312px;
		right:72px;
		width: 32px;
		height: 32px;
		cursor: pointer;
}
.paging a {
	padding: 2px 5px;
	text-decoration: none;
	color: #000000;
	font-size:12pt;
	font-weight:bold;
	font-family:arial,verdana,helvetica;
	position:relative;
	margin:-2px 8px 0px -5px;
	/*border: 1px solid #fff;*/
	padding-right:5px;
	top:-3px;
	left:-20px;
	
}
.paging a.active {
	font-weight: bold; 
	color:#ff0000;	
	
/* background: #f8f8f8; 
	border: 1px solid #ccc;
	-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
*/
}
.paging a:hover {font-weight: bold;}
/* end Image Rotation */

#searchwrapper {
	width:218px; /*follow your image's size*/
	height:27px;/*follow your image's size*/
	padding:0px;
	margin:0px;
	position:relative; /*important*/
	
}
	 

#searchwrapper form { display:inline ; }
	 
.searchbox {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:0px;
	left:0px;
	width:200px;
	height:20px;
	padding-left:2px;
	*top:1px;
	top:1px\0/;
}
#sbwrap { 
	position:absolute; /*important*/
	top:0px;
	left:7px;
	width:240px;
	height:23px;
	border:1px solid #ccc;
}	 
	 
.searchbox_submit {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:2px;
	left:212px;		
	width:26px;
	height:19px;
}

.sep
{
	width:2px;
	padding-left:1px;
	padding-left:1px;
	color: #999999;
}

.boxbottomSel
{
	padding:5px;
}
.boxbottomSel a
{
	font-weight:bold;
	color: #ff0000;
}
.boxbottom
{
	padding:5px;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
}
.boxtop
{
	padding:0px;
	margin:0px;
	position:relative;
	left:1px;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-top:0px solid #000000;
	border-bottom:1px solid #ffffff;
}
.LargeButton
{
	cursor:pointer;
	background: white url('../../includes/images/nav/btn_Medium.gif') no-repeat;
	border: 0px;
	height: 22px;
	width: 115px;
	font: normal 11px Arial, Trebuchet MS, Tahoma;
	color: #666;
}
.SmallButton
{
	cursor:pointer;
	background: white url('../../includes/images/nav/btn_Small.gif') no-repeat;
	border: 0px;
	height: 22px;
	width: 68px;
	font: normal 11px Arial, Trebuchet MS, Tahoma;
	color: #666;
}
.input
{
    BORDER:  1px solid #aaaaaa;
    FONT-SIZE: 11px;
    color: #000000;
    height:15px;
    padding:2px;
}
.textarea
{
    BORDER:  1px solid #aaaaaa;
    FONT-SIZE: 11px;
    color: #000000;
    padding:2px;
}
.fileupload
{
    BORDER:  1px solid #aaaaaa;
    FONT-SIZE: 11px;
    color: #000000;
    height:20px;
    padding:2px;
}

.select
{
    BORDER:  1px solid #aaaaaa;
    FONT-SIZE: 11px;
    color: #000000;
    height:20px;
    position:relative;
}
.select2
{
    BORDER:  1px solid #aaaaaa;
    FONT-SIZE: 11px;
    color: #000000;
    height:20px;
    width:65px;
}
.showBox {
	font-family: arial;
	border:1px solid #D06826;
	background: #ffffcc;
	font-weight:bold;
	padding: 3px 3px 3px 5px;
	font-size:11px;
}
.showBoxRed {
	border:1px solid #ff0000;
	background: #ffee88;
	font-weight:bold;
	padding: 3px 3px 3px 5px;
	width: 600px;
	color:#ff0000;
	font-size:11px;	
}
.thead{
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	background: #efefef;
	font-weight:bold;
	font-size:10px;
} 
.thead_large
{
	font-size:12px;
}
.thead2{
	background: #efefef;
	font-weight:bold;
	font-size:11px;
} 
.tsubhead{
	border-bottom:2px solid #666;
	background: #ffffff;
	font-weight:bold;
	font-size:9px;
} 

.tcell {
	font-size:11px;
}
.tcell2 {
	font-size:11px;
	border-bottom:1px solid #EBE9ED;
}

.page_paging
{
	border:1px solid #666666;
	background:#ffffff;
	text-align:center;
	width:15px;
	height:15px;
	padding:1px 2px 1px 2px;
	margin-left:5px;
	float:left;

}
a.page_paging,
a.page_paging:link,
a.page_paging:visited
{
	font-size:11px;
	font-family:verdana,arial;
}
.page_paging a:hover,
.page_paging:hover
{
	text-decoration:none;
	color:#000000;
	background:#ffffcc;
	border:1px solid #778899;	
}

.page_selected,
.page_selected2
{
	font-size:11px;
	font-family:verdana,arial;
	font-weight:bold;
	border:1px solid #ff0000;
	background:#ffee88;
	text-align:center;
	width:15px;
	height:15px;
	padding:1px 2px 1px 2px;
	margin-left:5px;
	position:relative;
	z-index:1;
	float:left;
}
.page_selected img
{
	z-index:10;
	position:relative;
	top:-16px;
	*top:-16px;
	left:3px;
	*left:3px;
	height:4px;
	width:7px;
}
.page_selected2 img
{
	z-index:10;
	position:relative;
	top:-8px;
	*top:-16px;
	left:1px;
	*left:3px;
	height:4px;
	width:7px;
}
.page_selected span
{
	z-index:5;
	position:relative;
	left:-3px;
	
}
.page_selected2 span
{
	z-index:5;
	position:relative;
	left:-1px;
	*left:-8px;
	top:-4px;
	*top:0px;
}

.searchQuestion
{
	padding:10px;
	background:#f8f8f8;
	border-bottom:3px inset;
}
.searchAnswer
{
	border:1px dotted #666666;
	padding:10px;

}

#searchCat
{
	border: 1px solid #666666;
	color: #666666;
	background: #FCE383;
	font-weight:bold;
	padding:6px;
	font-size:10pt;
}	
#searchCat2
{
	border: 1px solid #666666;
	color: #666666;
	background: #ffffff;
	font-weight:bold;
	padding:6px;
	font-size:.9em;
	margin-top:2px;
}	

#searchCat b,
#searchCat2 b
{
	color: #000000;
}	
.header3 
{
	font-size:110%;
	font-weight: bold;
	line-height: 15pt;
	color:#666666;
	background-color:transparent;
}
h4.subhead
{
	font-family:Tahoma, Verdana, Arial;
	font-size:14pt;
	color:#ff0000;
	margin-top:10px;
}

.subhead_page
{
	font-family:Tahoma, Verdana, Arial ;
	font-size:14pt;
	color:#3F3F3F;
}


  .flag {
	position:relative;
	top:4px;
	margin-left:5px;
	border:1px solid #666;
  }
   .flag:hover {
	border:1px solid #ff0000;
   }
   
   
/*form error classes for jQuery Validate*/
input.error, textarea.error, select.error {border:1px solid red;background: url(../../includes/images/fade-butt-red.png) repeat-x;}   
.lblerror{ color:red; }
#chars { position:relative; z-index:10; font-size:10px; margin:0px 0px 0px 0px;}
div.message{
	background: transparent url(../../includes/images/msg_arrow.gif) no-repeat scroll left center;
	padding-left: 7px; 
}  
div.error{
	position:absolute;
	z-index:2250;
	white-space:nowrap;
	background-color:#F3E6E6;
	border-color: #924949;
	border-style: solid solid solid none;
	border-width: 2px;
	padding: 2px 6px;
} 

div.errorContainer { 	
	border:2px solid red;
	background:#fff url(../../includes/images/icon_x2.png) top right no-repeat;
	padding:5px;
	margin:0px 0px 10px 0px;
	width:350px;
	position:absolute;
	cursor:pointer;
	}
	
div.errorContainer label.error {
	font-size:11px;
	color:red;
	display: block;
	margin-left: 1em;
	width: auto;
}
div.errorContainer p {
	color:red;font-size:11px; font-weight:bold; padding:0; margin:0;
}


.smalltext { font-size:11px; }