/*	LEFT COLUMN  ####################################*/
#leftColumn {
	position: absolute;
	top: 210px;
	left: 20px;
	width: 210px;
	}
#darkOrangeLink a {color: #9c2f18;font-weight: bold;}
#darkOrangeLink a:hover {background: #9c2f18; color: white;}

/* CENTER COLUMN  ####################################*/
#centerColumn {
	position: absolute;
	top: 210px;
	left: 210px;
	width: 750px;
	}
#centerColumn p {
	font: 16px times new roman;
	padding: 0 10px 0 10px;
	}
	
/*	RIGHT COLUMN   ####################################*/
#rightColumn {
	position: absolute;
	top: 225px;
	left: 760px;
	width: 205px;
	}
#rightColumn #RC-TOP {
	background: url(/images200911/bkg-right-column.png);
	background-position: top left;
	background-repeat: no-repeat;
	}
#rightColumn #RC-BOTTOM {
	background: url(/images200911/bkg-right-column.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 10px;
	}
#smCalendar {
	text-align: center;
	padding-top: 10px;
	}


/** Background **/
#background{
		background: url(/images200911/bkg-category.png);
		background-position:left center;
		background-repeat:repeat-y;
		height:100%;
		margin-left:25px;
		}
#banner{margin: 10px 0 0 12px;}
#slideshow200911{margin-left:12px;margin-top:-5px;}

#header {
	background-image: url(/images200911/bkg-header.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 1000px;
	}

/* LOGO LINK : POSITION TRANSPARENT GIF OVER LOGO */
#click2home {
	float: left;
	height: 150px;
	width: 300px;
	}
/* END LOGO LINK */

/* START TOP ROW BLUE MENU BAR */	
#navcontainer {
	float: left;
	margin-top: 33px;
	margin-left: 10px;
	}
ul#navlist {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	}
#navlist li {
	display: inline;
	list-style-type: none;
	}
#navlist a { padding: 3px 10px; }
#navlist a:link, #navlist a:visited {
	color: #fff;
	font-weight: bold;
	font-family: arial;
	background-color: #003060;
	text-decoration: none;
	}
#navlist a:hover {
	color: #fff;
	background-color: #05497f;
	text-decoration: none;
	}
/* END TOP ROW BLUE MENU BAR */	

/* START TOP WOODEN MENU BAR */	
#topwoodenmenu {
	position: absolute;
	left: 300px;
	top: 70px;
	height: 60px;
	width: 450px;
	color: white;
	}
	
/* START CATEGORY PAGE CSS*/
 
#slideshow200911{padding:0;margin:0;}
#slideshowTitle {padding-top: 10px;}

#imgLeft,#imgRight {width:640px;}
#imgLeft A,#imgRight A {color: #53230e;font-weight:bold;font-size:14px;padding-top:10px;padding:5px;margin-top:3px;}
#imgLeft A:hover,#imgRight A:hover {background-color: #53230e;color: white;}
#imgLeft div,#imgRight div {text-align:left;padding-top:10px;}
#imgLeft img{float:left;padding:10px;}
#imgRight img{float:right;padding:10px;}
 
 
/* END CATEGORY PAGE CSS*/
	
	
	
/* image replacement general properties */
	ul.IR li { 
		position: relative;
		/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
		   But overflow also includes our dropdown list, so we need the overflow to be visible. */
		/*overflow: hidden; */
		font-size: 0.9em;
	}
			
	.IR em {
		display: block;
		position: absolute;
		top: 0; left: 0;
		z-index: 1;
	}
	
	/* For IE5.x mac only */
	* html>body	.IR { 
		position: static;
		overflow: visible;
		font-size: 10px;
  }
	* html>body .IR em  { position: static; }
	
	/* image replacement specific properties */
	.nav { list-style: none; }
	.nav li { float: left; padding-bottom: 10px; } /* add a little bottom padding to make sure the 
																			  sub menus don't disappear before selecting them */
	/*.nav li, .nav li em { width: 100px; height: 33px; }*/
	
	.nav .link1, .nav .link1 em { margin-left:0;width: 100px; height: 32px; }
	.nav .link2, .nav .link2 em { margin-left:0;width: 122px; height: 32px; }
	.nav .link3, .nav .link3 em { margin-left:0;width: 103px; height: 32px; }
	
	* html>body ul.nav li em { margin-bottom: -24px; } /* for ie5.x/mac only */

	.link1 em, .link2 em, .link3 em { 
		background: url(/images200911/btn-topmenu.png) no-repeat; 
		cursor: pointer;
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
	.link1 { left: 20px; }
	.link1 em { background-position: -7px -7px;}
	.link1 ul li { width:100px;}
	.link1:hover em { background-position: -7px -57px; }
	
	.link2 { left: 50px; }
	.link2 em { background-position: -117px -7px;}
	.link2 ul li { width:122px;}
	.link2:hover em { background-position: -117px -57px; width:122px; }
	
	.link3 { left: 80px;}
	.link3 em { background-position: -257px -7px;}
	.link3 ul li { width:103px;}
	.link3:hover em { background-position: -257px -57px; }
	
	/* suckerfish styles */
	.nav a { display: block; font-weight: normal; }
	* html .nav a { height: 1%; }
	
	.nav li ul {
	   	position: absolute;
		z-index: 10; /* show the dropdowns above the images */
		top: 33px; /* position the dropdowns a set distance from the top of the image */
		left: -999em;
		list-style: none;
		/*border: 1px solid #F5D69C;*/
		margin-left:auto;
	}
	
	.nav li:hover ul { left: auto; }
	
	.nav li li {
		height: auto; /* reset the height and padding set on the IR list items */
		padding-bottom: 0;
		font-size: 110%;
		border-bottom: 1px solid #8C5C36;
	}
	
	.nav li ul a {
		text-decoration:none;
		padding: 0.25em;
		color: #F5D69C;
		background: #6A3412;
	}
	.nav li ul a:hover {
		color: #57250E;
		background: #F5D69C;
	}
/* END TOP WOODEN MENU BAR */	

#brochure-popup {
	position: absolute;
	left: 775px;
	top: 20px;
	z-index: 500;
	}