@charset "utf-8";
body  {

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-image:url(/images/template-new/page_background.jpg);
	background-repeat:repeat-x;
	margin-top:0px;
	padding-top:0px;
}
.thrColFix{
/*	vertical-align:top;*/
	margin-top:0px;
	padding-top:0px;
}
.thrColFix #container { 
	width: 952px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
		background:  #b4c367;
	margin: 0px auto 0px auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px  solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	/*vertical-align:top;*/
	position:relative;
	background-image:url(/images/template-new/container.jpg);
	background-repeat:repeat-y;
	margin-top:0px;
	padding-top:0px;
	padding:0px;
	border:1px solid #b4c367;

} 
/***** ****** Center Column *******************/

.thrColFix #CenterColumn{
	position:relative;
	width: 904px;
	left: 22px; top: 0px; z-index: 3;
	/*border: 2px  solid #0F0;*/
/*	background: #fff7e1;*/
	background: #f6efd3;
	background-image:url(/images/template-new/centerarea.jpg);
	background-repeat:repeat-x;
	border:3px solid #781826;
		height:100%;
	
}
.thrColFix #leftColumn{ 
	margin: 0px 0px 0px 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0px 0px 0px 17px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 208px; 
	position: absolute; 
	left: 0px; top: 0px; z-index: 3;

	/*border: 2px  solid #F00;*/
	overflow:hidden;
	/*height:100%;*/
	z-index:5;

	/*position:absolute;*/

}
.thrColFix #rightColumn{
	position: relative; left: 208px; top: 0px; 
	z-index: 3;
	width:696px;
/*	border: 2px  solid  #00F;*/
}
#content_table{
	margin-left:15px;
/*	border:1px #000 solid;*/
	/*max-width:500px;*/
}

/***** Top ****/
/******** footer ****/
.thrColFix #footer{
	width: 905px;
	height:68px;
	max-height:68px;
	/*position: relative; */
	/*left: 0px; top: 0px; 
	*/
	z-index: 4;
	background-image:url(/images/template-new/footer.jpg);
	vertical-align:middle;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:0px;
	
	/*border:2px solid #00C;*/
	
}

/***** ****** END Center Column *******************/

/***************** begin new picture used as of January 19th ******************/
#slideshow #slidesContainer {
  margin:0 auto;
  width:672px;
  height:273px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
/**
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {
  top:0;
  left:0;
  background:transparent url(img/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(img/control_right.jpg) no-repeat 0 0;
}


/* ************** End new Picture gallery **************/

/**************** Picture Gallery ****************/
	.picturejump2,
	.picturejump{
		list-style:none;
		display:inline;
		bottom:0;
		right:0;
			cursor:pointer;

	}
	#permannetlist2,
	#permannetlist{
		position:absolute;
		z-index:400px;
		width:100px;
	}
	#picturejump2:hover,
	#picturejump:hover{
		cursor:pointer;
		text-decoration:underline;
	}
	 #static_picture,
	 #gallery {
	position:relative;
	height:273px;
	width:672px;
	 margin:10px 10px 10px 10px;
	 vertical-align:top;
}
	 #gallery2{
	position:relative;
	height:273px;
	width:650px;
	 margin:10px 10px 10px 10px;
	 vertical-align:top;
/*	border:1px #000 solid;*/
	 
}
	#static_picture a,
	#gallery2 a,
	#gallery a {
		/*float:left;*/
		position:absolute;
		float:left;
		vertical-align:top;
	}
	
	#static_picture a img,
	#gallery2 a img,
	#gallery a img {
		border:none;
		vertical-align:top;
		top:0px;
	}
	
	#gallery2 a.show,
	#gallery a.show {
		z-index:300;
		vertical-align:top;
		float:left;
		top:0px;
		left:0px;
	}
	#static_picture .caption,
	#gallery2 .caption2{
		z-index:450; 
		/*background-color:#063; */
		height:273px; 
		width:220px; 
		position:absolute;
		top:0;
		right:10px;
	}
	#gallery .caption {
		color:ffffff;
		z-index:450; 
		/*background-color:#063; */
		height:273px; 
		width:150px; 
		position:absolute;
		top:0px;
		right:10px;
		font-size:14px;
	}
	#gallery .caption h1,
	#gallery .caption h2,
	#gallery .caption h3,
	#static_picture .caption h1,
	#static_picture .caption h2,
	#static_picture .caption h3{
		font-size:26px;

		/*padding-bottom:10px;
		margin-bottom:10px;*/
		margin:0px;
		padding:0px;
		line-height:30px;
		margin-bottom:15px;
		
	}
	#static_picture .caption {
		font-size:14px;
	}
#gallery2 .caption2,{
	color:#000;
}

	#gallery2 .caption2 .content2, 
	#static_picture .caption .content, 
	#gallery .caption .content {
		margin:5px
	}
	
	#gallery2 .caption2 .content2 h3,
	#static_picture .caption .content h3,
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#781826;
	}

/*#ltcorner{
	background-image:url(/images/template/ltcorners.gif);
	width:64px;height:64px;" 
	position:fixed; 
	top:0;
	left:0;
	z-index:700; 
 }
#rtcorner{
	background-image:url(/images/template/rtcorners.gif);
	width:64px;height:64px;" 
	position:fixed; 
	top:0px;
	right:0px;
	z-index:700; 
 }
 #rbcorner{
	background-image:url(/images/template/rbcorners.gif);
	width:64px;height:64px;" 
	position:fixed; 
	bottom:0;
	right:0;
	z-index:700; 
 }
 #lbcorner{
	background-image:url(/images/template/lbcorners.gif);
	width:64px;height:64px;" 
	position:fixed; 
	bottom:0;
	left:0;
	z-index:700; 
}*/	
	

/*************** END Picture Gallery ****************/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#bricks{
	margin:25px 0 15px 0px;
	text-align:center;
	padding:0 30px 0 0;
/*	margin-bottom:2px;*/
	height:185px;
	z-index:5;

}
#bricks img{
	margin:0px;
	padding:0px;
}
#bricksline{
	margin:5px auto 2px auto;
	padding:0px;
	border:#efdc38 0px solid;
	background-color:#efdc38;
	width:168px;
	height:2px;
	max-height:2px;
	line-height:2px;
}

#bricks hr{
	margin:5px auto 2px auto;
	padding:0px;
	color:#efdc38; width:168px;
	height:2px;
	max-height:2px;
	line-height:2px;
}
#bricks p{
	font-size:16px;
	color:#bacd61;  font-weight:bold; margin:5px; padding:0px;
	line-height:110%;
}
/*
.bricks_content{
/*	border:1px solid #F00;*/
/*	height:200px;
	width:225px;
	padding:50px 20px 20px 20px;
	
/*	float:left;*/
/*	display:inline-block;*/
/*	position:absolute; top:0px; left:0px;
	color:#bacd61;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	line-height:18px
	
}
.bricks_content p{
	margin:0px;
	padding:20px 0 0px 0;
	border:0px;
}
.bricks_content img{
	margin:0px;
	padding:0px 0 20px 0;
	border:0px;
}
.below_bricks{
/*	border:1px solid #Ff0;*/
/*	float:left;*/
/*	width:255px;
	position:absolute; top:300px; left:0px;

	/*	display:inline-block;*/
/*}
*/




/*#ride-the-trolley{
	background-image:url(/images/ride-the-trolley.jpg);
	width:237px;
	height:637px;
	margin-left:18px;
	background-repeat:no-repeat;
	padding-top:110px;
	text-align:center;
	color:#781826;
	font-weight:bold;
	font-size:14px;
	
}
*/

/********* Navigation ***********************/
/* borrowed from http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery*/

#navcontainer{
	padding:45px 0px 0px 10px;
	margin:0px;
	width:672px;
	text-align:left;
	font-size:12px; /*15px as of 1-5-09*/
	font-weight:bold;
	
/*	border:1px #000 solid;*/
}

#mainnavigation{
/*	margin:0px;*/

	border-bottom-color:#781826;
	border-bottom-style:solid;
	border-bottom-width:2px;
	text-align:justify;
	z-index:900;
	width:100%;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#781826;;
	
}
#mainnavigation ul{
	margin:0px;
	padding-left:20px;
	min-width:300px;
	min-width:100%;
	text-align:left;
	/*display:block;*/
	
}

#mainnavigation, #mainnavigation ul{
	color:#781826;
	position:relative;
	height:20px;

	padding:0px;
	padding-left:0px;
	margin-left:0px;
	list-style-type:none;
	list-style-position:inside;

	color: #781826;

	line-height:18px;/* use line height to center vertically*/
	cursor:pointer;
	
	
}

#mainnavigation a:link, 
#mainnavigation a:active, 
#mainnavigation a:visited{
	display:block;
	padding:0px 5px;
	/*border:1px solid  #FC9;*/
	text-decoration:none;
		/*background-color:#333;*/
}

#mainnavigation a:hover{
/*	background-color:#fff;
	
*/
	color:#000;
	text-decoration:underline;

}
#mainnavigation a:hover,
#mainnavigation a:link, 
#mainnavigation a:active, 
#mainnavigation a:visited{
		cursor:crosshair;
		cursor:default;
}

#mainnavigation ul a:link, 
#mainnavigation ul a:active, 
#mainnavigation ul a:visited{
	display:block;
	padding:0px 5px;
	border:1px solid #781826;
	color: #fff;
	text-decoration:none;
	background-color:#781826;
	opacity:0.75;
	filter:alpha(opacity=75);
	cursor:pointer;
		

}

#mainnavigation ul a:hover{
	background-color:#fff;
	color:#781826;
	text-decoration:none;
}

#mainnavigation li{
	float:left;
	position:relative;
	/*min-width:85px;*/
	/*padding:0px 10px;*/
padding-right:20px;

	
}
#mainnavigation ul{
	position:absolute;
	top:18px;
	display:none;
}

#mainnavigation li ul a{
	width:12em;
	float:left;
}

#mainnavigation ul ul {
	top:auto;
	width:12em; /*need a width to display vertically again*/
}

#mainnavigation li ul ul{
	left:12em;
	margin 0px 0 0 10px;
}
#mainnavigation li:hover ul ul,
#mainnavigation li:hover ul ul ul,
#mainnavigation li:hover ul ul ul ul{
	display:none;
}

#mainnavigation li:hover ul, 
#mainnavigation li li:hover ul,
#mainnavigation li li li:hover ul,
#mainnavigation li li li li:hover ul{
	display:block;
}

#footer table  {
	height:68px;
	/*margin-top:10px;*/
}

/*.footertable,
.footer td a,
.footer td a:visited,
.footer{
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	margin-bottom:0px;
	padding-bottom:0px;
	text-decoration:none;
}
*/

.footerlink{
	color:#FFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	margin-bottom:0px;
	padding-bottom:0px;
	text-decoration:none;
	z-index:900;
}
.footerlink a,
.footerlink:link,
.footerlink:visited,
#footer{
	color:#FFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	margin-bottom:0px;
	padding-bottom:0px;
	text-decoration:none;
	z-index:900;
	
}

/*.footerlink td a:active,
.footerlink td a:hover,
*/
.footerlink:active,
.footerlink:hover{
	color:#b4c367;
	text-decoration:underline;
}


/*a .footerlink:active,
a .footerlink:hover
{
	color:#FF6;
	text-decoration:underline;
}
*/
/********* End Navigation ************************/