/*-------------------------------------------------------   CSS Stylesheet for JUBILEE.ca   Author: Impact Communications>-------------------------------------------------------*//*-------------------------------------------------------	Layout: site width: 986px !Account for padding and borders! -------------------------------------------------------*//*-------------------------------------------------------	Color Map: 	Dark Brown: #211000; Deep yellow: #B7712F;-------------------------------------------------------*/html,body {height: 100%; }body { margin: 0; padding:0; color:#666666; font-size: 11px;	font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;	background: #211000;}#wrapper { margin: 0 auto -54px auto; min-height: 100%;	height: auto !important; height: 100%;}#push { height: 54px; /* .push must be the same height as .footer */}a {color: #ffffff;}#bgcontainer {	margin: 0; padding: 0 0 10px 0;	background: url('images/bg3.jpg') repeat-x #211000;}#header {position: relative; margin:0 auto; padding:0; width: 985px; height: 160px;	background: url('images/stars.png') bottom left repeat-x;}	#header .container {position: relative; margin:0; padding:0;}		#header .container h1 {position: absolute; top: 20px; left: 70px; display: block; margin:0; padding:0; height: 109px; width: 134px;			background: url('images/logo.png') no-repeat; text-indent: -999999px;}		#header .container .date {position: absolute; right:92px; top:40px; display: block; font-size: 25px; font-weight: bold; letter-spacing: -1px; color: #B7712F; }		#header .container .date b {color: #824f2b; font-size: 28px; font-weight: normal; }											#header .container #top_menu {position: absolute; top:100px; right:83px; display: block; margin:0; padding:0;}					#main #latest_news { margin: 30px auto; width: 625px;}		#main #latest_news .left {float: left; width: 300px; padding: 0 25px 0 0;}		#main #latest_news .right { float: right; padding:0; height: 200px; width: 258px; border: 0; margin-left: 42px; margin-bottom: 20px; background: url('images/jubilee_logo_ann.png') top center no-repeat;}		#main #latest_news .news_article { margin:0 0 20px 0; padding:0; }				#main #latest_news .news_article h3 {display: block; margin:0; padding:0 0 10px 0; font-weight: bold; color: #fff; font-size: 14px; text-transform: uppercase;}				#main #latest_news .news_article .date {display: none;}				#main #latest_news .news_article p.synopsis {display: block; margin:0; padding:0; color: #BE8030; font-size: 10px; line-height: 13px;}					#main #latest_news .news_article .synopsis b {color: #fff; font-weight: normal;}						#main #latest_news .news_article .synopsis b a {color: #fff; text-decoration: none;}						#main #latest_news .news_article .synopsis b a:hover {text-decoration: underline;}										.thumb {float: left; margin:0 20px 0 0; padding:0; width: 188px; height: 189px; background: url('images/thumb_container.png') top left no-repeat transparent;}.img_box {position: relative; overflow: hidden; margin:18px 0 0 20px; padding:0; width:147px; height: 150px; text-align: center;}			#top_menu { position: relative; margin:0 auto; padding:0; width: 900px; font-size: 12px; float: right;}		#top_menu .container { position: relative; margin:0; padding:0; float: right;}		#top_menu .container ul.menu {position: relative; display: block; margin:0 0 0 7px; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}			#top_menu .container .menu li {float: left; position: relative; display: block; margin:0; padding: 12px 10px 0 12px; list-style: none;}			#top_menu .container .menu li.last {background: transparent;}				#top_menu .container .menu li a {display: block; margin:0; color: #330000; text-decoration:none; text-transform: uppercase; font-weight: bold;}				#top_menu .container .menu li a:hover {color: #824f2b;}							#top_menu .container .menu .dropdown {display:none;}					#top_menu .container .menu .active .dropdown {z-index: 10; display: block; position: absolute; left:0; top: 20px; margin:0; padding: 0 0 0 0; }						#top_menu .container .menu .dropdown .box {z-index: 11; display: block; position: relative; margin:0; padding: 0;}						#top_menu .container .menu .dropdown .arrow {display: none;}						#top_menu .container .menu .dropdown .left {float: left; margin:0; padding:0;}						#top_menu .container .menu .dropdown .right {margin: 0 0 0 220px; padding:0;}						#top_menu .container .menu .dropdown hr {display: block; margin:0; padding:0; border:0;}						#top_menu .container .menu .dropdown .category {position: relative; display: block; margin:10px 0 0 0; padding:0;}							#top_menu .container .menu .dropdown .category h3 {display: block; margin:0; padding:2px 0 5px 0; font-weight: normal;}								#top_menu .container .menu .dropdown .category h3 a{display: inline; color:#f08b2e; margin:0; padding:0; font-size: 12px; text-decoration: none; text-transform: none;}								#top_menu .container .menu .dropdown .category h3 a:hover{color: #3b3325;}							#top_menu .container .menu .dropdown .category ul {display: block; margin:0; padding:0;}							#top_menu .container .menu .dropdown .category li {display: block; padding:5px 15px 5px 15px; margin: 0; width: 200px; color: #824f2b; background: #120900; list-style: none; border-bottom: 1px solid #2c1f17;}							#top_menu .container .menu .dropdown .category li.end {display: block; margin:0 0 10px 0; padding:0 0 5px 0; width: 200px; list-style: none; border-bottom: 1px solid #2c1f17;}								#top_menu .container .menu .dropdown .category li a {display: inline; margin:0; padding:0; color: #824f2b; font-size: 11px; line-height: 16px; font-weight: normal;}								#top_menu .container .menu .dropdown .category li a:hover {color: #ffffff; border: 0; text-decoration: none;}						*/																		#content {position: relative; margin: 0 auto; padding:0; width:985px;}			#content .container {margin:0 auto; padding:20px 0; width: 850px; color: #fff;}			#content .container h1 { display: block; color: #ffffff; font-size: 21px; font-weight: normal; padding: 0 0 15px 0; margin: 15px 0 40px 0; border-bottom: 1px solid #2c1f17; line-height: 17px;}						#content .container .login {margin:50px auto; padding:0; width: 900px;}			#main #bgcontainer #content .container {color: #B7712F; min-height: 500px; font-size: 13px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}				#main #bgcontainer #content .container .featured { display: block; margin:0 auto; padding:0; width: 755px; height: 380px; text-indent: -999999px;}				#main #bgcontainer #content .container p.artist_list {display: block; margin:0 0 0 140px; padding:20px 0; text-align: center; line-height: 18px; color: #b7712f; width: 605px; }					#main #bgcontainer #content .container p.artist_list a {color: #824f2c; text-decoration: none; }					#main #bgcontainer #content .container p.artist_list a:hover {color: #BE8030; }																														#content .container .news_article { position: relative; margin:0 0 20px 0; padding:5px;}				#content .container .news_article .thumb {float: left; margin:20px 20px 0 0; padding:0; width: 188px; height: 189px; background: url('images/thumb_container.png') top left no-repeat transparent;}					#content .container .news_article .thumb .img_box {position: relative; overflow: hidden; margin:18px 0 0 20px; padding:0; width:147px; height: 150px; text-align: center;}				#content .container .news_article h3 {display: block; margin:30px 0 0 220px; padding:0 0 3px 0; font-weight: bold; font-size: 16px; text-transform: uppercase;}				#content .container .news_article .date { color: #9e432e; margin: 0 0 0 220px; font-size: 10px;}				#content .container .news_article p.synopsis {display: block; margin:20px 0 0 220px; padding:0; color: #ffffff; font-size: 11px; line-height: 15px;}					#content .container .news_article .synopsis b {color: #fff; font-weight: normal;}						#content .container .news_article .synopsis b a {color: #BE8030; text-decoration: none;}						#content .container .news_article .synopsis b a:hover {text-decoration: underline;}						#content .container p {line-height: 15px;}						#content .container p a {color: #BE8030; text-decoration: none;}						#content .container p a:hover {color: #ffffff; text-decoration: none;}												#content .container .news_page h2 { color: #9e432e; margin: 5px 0; font-size: 16px;}				#content .container .news_page .date { color: #9e432e; margin: 0; font-size: 10px;}/* Google Maps Start */		#map_canvas {float:right; margin:0; padding:0; width: 400px; height: 250px; border: 5px solid #fff;}	/* Google Maps End */.accommodations #content .container ul {	margin: 0;	padding: 0;	}.accommodations #content .container ul li {	margin: 0;	padding: 0 0 10px 0;	color: #BE8030;	list-style: none;	}.accommodations #content .container ul li a {	margin: 0;	padding: 0 0 0 18px;	color: #BE8030;	text-decoration: none;	background: url('images/list_bullet.png') top left no-repeat;	}	.accommodations #content .container ul li.first a {	color: #ff0000;	}.accommodations #content .container ul li.last a {	color: #ff0000;	}.accommodations #content .container  ul li a:hover {	color: #ffffff;	}		.visitor_info #content .container ul {	margin: 20px 0 0 0;	padding: 0;	}.visitor_info #content .container ul li {	margin: 0;	padding: 0 0 10px 18px;	color: #ffffff;	text-decoration: none;	list-style: none;	background: url('images/list_bullet.png') top left no-repeat;	}	.visitor_info #content .container ul li.first a {	color: #ff0000;	}.visitor_info #content .container ul li.last a {	color: #ff0000;	}.visitor_info #content .container  ul li a:hover {	color: #ffffff;	}		.Tickets #content .container ul {	margin: 0;	padding: 0;	}.Tickets #content .container ul li {	margin: 0;	padding: 0 0 10px 0;	color: #BE8030;	list-style: none;	}.Tickets #content .container ul li a {	margin: 0;	padding: 0 0 0 18px;	color: #BE8030;	text-decoration: none;	background: url('images/list_bullet.png') top left no-repeat;	}	.Tickets #content .container ul li.first a {	color: #ff0000;	}.Tickets #content .container ul li.last a {	color: #ff0000;	}.Tickets #content .container  ul li a:hover {	color: #ffffff;	}			 #content .container .sub_nav { float: right; margin-left: 50px; margin-top: 20px; margin-right: 30px; width: 400px; }					#content .container .sub_nav ul { float: right; margin: 0 auto; padding: 0; display: inline; }					#content .container .sub_nav ul li { float: left; text-align: right; list-style: none; color: #BE8030; font-size: 11px; text-decoration: none; background: none; margin: 0; padding: 0 8px;}					#content .container .sub_nav ul li.first a { color: #9f442e; padding: 0;}					#content .container .sub_nav ul li.last a { color: #9f442e; padding: 0;}					#content .container .sub_nav ul li a { list-style: none; color: #9E432E; text-decoration: none; list-style: none; background: none; }					#content .container .sub_nav ul li a:active { text-decoration: underline; }					#content .container .sub_nav ul li a:hover {list-style: none; color: #BE8030; }																	.sponsors #content .container ul.sponsors {	padding: 0;	border-bottom: 1px solid #2c1f17;	display: block;	 padding: 0 0 40px 0; margin: 15px 0 40px 0;	 background: none;	}.sponsors #content .container ul.sponsors li {	margin: 0;	padding: 0 15px 10px 0;	color: #BE8030;	list-style: none;	display: inline;	background: none;	}.sponsors #content .container ul.sponsors li a {	text-decoration: none;	list-style: none;	background: none;	}	.sponsors #content .container ul.sponsors li a:hover {	color: #ffffff;	}				.sponsors #content .container h3 {	color: #ffffff;	font-size: 12px;	text-transform: uppercase;	font-weight: normal;	background: url('images/star_sponsors.png') no-repeat 3px 0;	height: 16px;	padding: 3px 0 0 26px;	}												.sponsors #content .container ul {	margin: 25px 0 0 10px;	padding: 0;	}.sponsors #content .container ul li {	margin: 0;	padding: 0 0 10px 18px;	color: #BE8030;	background: url('images/list_bullet.png') top left no-repeat;	list-style: none;	}.sponsors #content .container ul li a {	text-decoration: none;	color: #BE8030;	}	.sponsors #content .container ul li.first a {	color: #ff0000;	}.sponsors #content .container ul li.last a {	color: #ff0000;	}.sponsors #content .container  ul li a:hover {	color: #ffffff;	}																	#footer {margin:0; padding:0; height: 70px; background: #000;}		#footer .container {margin:0 auto; padding:0; width: 900px; height: 54px; background: url('images/sponsors.png') left bottom no-repeat #000;}		#footer .container #impact a {width: 89px; height: 17px; margin: 26px 0 0 0; float: right;}		#footer .container #impact a {background: url('images/impact.png') no-repeat; width: 89px; height: 17px;}		#footer .container #impact a:hover {background: url('images/impact_active.png')}			/* Tricks */.close {clear: both;}.hidden {display: none;}.short_line {clear: both;}iframe { width: 700px; border: none; background: none; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; height: 500px; color: #ffffff; }#form { width: 600px; margin: 40px 0 0 0; }#form label {color:#BE8030;display: block;}#form input {margin:0 0 15px 0;padding:3px;width:240px;}#form input .text {color:#BE8030;}#form .text {padding: 0 0 10px 0;}#form input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}.float_right {	float: left;	margin: 0 20px 20px 0;	}							.map_download {		background: url('images/pdf.png') top left no-repeat;		color: #ff0000;		padding: 0 0 0 23px;		height: 14px;		margin: 0 0 40px 0;		display: block;		}#content .container .email a { color: #BE8030; text-decoration: none;}#content .container .email a:hover { color: #ffffff; text-decoration: none;}.directors-header { font-weight: bold; }.directors-title { font-weight: bold; }	