/*
$Id: main.css 2823 2007-08-30 06:15:04Z fesh $
*/

* {
	margin: 0;
	padding: 0;
}

body, td, p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #555555;
}

p {
	margin-bottom: 10px;
}

img {
	border: 0;
}

#content ul, #content ol {
	margin-top: 10px;
	padding-left: 30px;
}

h1 {
	font-size: 15px;
	color: #3D7082;
}
h2 {
	font-size: 14px;
	color: #3D7082;
}
h3 {
	font-size: 12px;
	color: #3D7082;
	padding: 5px 0 12px;
}
h4 {
	font-size: 11px;
	font-weight: bold;
	color: #3D7082;
	line-height: 14px;
}
h5 {
	font-size: 11px;
	font-weight: bold;
	color: #C1A368;
	line-height: 14px;
}


input, select {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #555555;
}


a:link, a:active, a:visited {
	text-decoration: none;
	color: #AA8B4D;
}
a:hover {
	text-decoration: none;
	color: #C1A368;
}


#webdir {
	clear: both;
	float: right;
	font-size: 10px;
	color: #B18454;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#webdir a:active, #webdir a:hover {
	text-decoration: underline;
	color: #000000;
}
#webdir a:active em, #webdir a:hover em {
	text-decoration: underline;
	color: #0066ff;
}


hr {
	color: #4A9ACE;
	height: 1pt;
}


#listings, .listings, #listings h2, .listings h2, #listings p, .listings p {
	margin: 0;
	padding: 0;
}
ul#listings, ul.listings { /* like this to give higher specificity than #content ul */
	margin-top: 4px !important;
	padding-left: 0 !important;
}
#listings h2, .listings h2 {
	font-size: 11px;
	font-weight: bold;
}
#listings li, .listings li {
	margin: 0;
	padding: 10px;
	display: block;
	text-align: left;
	list-style-type: none;
	vertical-align: top;
}
#listings li.odd, .listings li.odd {
	background-color: #F6F2E7;
}
#listings li.even, .listings li.even {
}
#listings .highlight, .listings .highlight {
	color: #555555;
	font-weight: bold;
}
#listings img, .listings img {
	float: left;
	margin-right: 10px;
}
#listings div.qualmark, .listings div.qualmark {
	float: right;
 	margin: -12px -8px 0 0;
	padding: 0;
	color: #666666;
	font-size: 9px;
	text-align: center;
	line-height: 12px;
}
#listings div.qualmark img, .listings div.qualmark img {
	float: none;
	margin: 0;
	padding: 0;
}

#listings li.attractions, .listings li.attractions {
	padding: 4px;
}
#listings li.attractions img, .listings li.attraction img {
	margin-right: 6px;
}

#container {
	width: 745px;
	margin: 0 auto;
	position: relative;
}


#banner {
	height: 271px;
	z-index: 0;
	position: relative;
}
#banner img {
	position: absolute;
}
#banner .date {
	color: #555555;
	text-align: right;
	width: 735px;
	padding: 10px 10px 10px 0;
 	position: absolute;
	right: 0;
	top: 240px;
}


#smallmap {
	float: right;
	margin-right: -30px;
	margin-top: -49px;
	position: relative;
}


#content_area {
	position: relative;
	background-color: #F0E8D5;
	background-image: url(/images/map_bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 400px;
	height: auto;
	/* min-height fix for IE6 in ie6.css */
}


#content_area_corner {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
}


#content {
	float: left;
	width: 530px;
  padding: 20px;
}
.narrow_content#content {
	width: 365px;
}


#search_container {
	background-image: url(/images/search_bg.gif);
	background-position: right;
	background-repeat: no-repeat;
	float: left;

	margin-top: 22px;

	width: 575px;
	height: 49px;
}

#search_container img {
	float: left;
	padding: 0 10px 0 20px;
}

#search_container label {
	color: #C1A368;
	font-weight: bold;
}


#footer {
	margin-top: 20px;
	background-image: url(/themes/summer/images/footer_bg.gif);
	background-color: #FAF6EF;
	background-repeat: no-repeat;
	background-position: right;
	border: 1px solid #FFFFFF;
	height: 62px;
}
#footer img {
	padding: 0 10px;
}


#contact_form {
	width: 533px;
	height: 338px;
	position: relative;
	margin-left: -2px;
	background-image: url(/images/contact_bg.jpg);
	background-repeat: no-repeat;
}


ul.gallery {
	margin-top: 0;
	padding-left: 0;
	list-style: none;
	float: left;
}

ul.gallery li {
	float: left;
	width: 165px;
	height: 130px;

	border: 1px solid #E7D5B1;
	background-color: #F6F1E6;
	margin: 5px;
	padding-top: 5px;
}

ul.gallery li img {
	margin-bottom: 10px;
	border: 1px solid #888888;
}

ul.gallery li div.a {
	float: left;
	padding-left: 6px;
	width: 140px;
}


/* The actual navigation */
#navigation {
	float: left;
	width: 200px;
	margin-left: -30px;
	margin-top: -100px;
	position: relative;
}


#nav {
	border-width: 0 2px;
	border-style: solid;
	border-color: #E1CBA3;

	background-image: url(/themes/summer/images/nav_gradient.gif);
	background-color: #859F43;
	background-repeat: repeat-x;
	background-position: bottom;
}

#nav ul {
	margin-left: 0;
}

#nav li {
	list-style: none;
	text-align: left;
}

#nav li a {
	padding: 4px 14px;
}

#nav li li a {
	padding-left: 30px;
}

#nav a {
	color: #C7D5A5;
	display: block;
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;

	background-image: url(/themes/summer/images/nav_bottomborder.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#nav a:hover {
	background-color: #92A956;
	color: #668419;
}

#nav a.current, #nav a.selected {
	color: #668419;
}


#topbar_content {
	height: 55px;
	background-image: url(/themes/summer/images/homepage_topbar.gif);
	background-color: #3D7082;
	background-repeat: repeat-x;
	background-position: top;
	padding: 2px 5px 2px 0;
	color: #FFFFFF;
}

#topbar_content img {
	margin-top: 0;
}

#topbar_content a {
	display: block;
	float: left;
	color: #FFFFFF;
	width: auto;
	font-size: 12px;
}
#topbar_content a:hover {
	color: #A9C0C8;
}

#topbar_content span {
	display: block;
	line-height: 55px;
	padding-top: 15px;
	position: relative;
	left: 5px;
}

#topbar_content span.inner {
	display: inline;
	line-height: 14px;
	padding: 0;
}

#calendar_container {
	background: url(/images/calendar_bg.gif) no-repeat;
	width: 200px;
	height: 240px;

	margin-top: 20px;
	margin-bottom: 10px;

	color: #616B76;
	text-align: center;
}

#content_left {
	width: 350px;
	float: left;
}
#content_right {
	float: right;
	margin-right: -16px;
}
#content_right img.map {
	border: 2px solid #e1caa2;
	margin-bottom: 6px;
}
#content_right div.list {
	width: 180px;
	border: 2px solid #e1caa2;
	background-color: #F7F2E7;
	margin-bottom: 6px;
}
#content_right h3 {
	padding: 4px 0 2px 8px;
}
#content_right ul {
	margin-top: 0;
	padding-left: 0;
}
#content_right li {
	background: url(/images/icon_star.gif) no-repeat 0 4px;
	margin: 0 0 0 4px;
	display: block;
	text-align: left;
	list-style-type: none;
	padding: 2px 2px 3px 16px;
}

#content_right div.other_images {
	width: 180px;
	border: 2px solid #e1caa2;
	background-color: #F7F2E7;
	margin-bottom: 6px;
	text-align: center;
}

#content_right div.other_images img {
	padding: 4px;
}

#pages_top, #pages_bottom {
	text-align: right;
	z-index: 20;
}

#pages_top a.current, #pages_bottom a.current {
	font-weight: bold;
}

#seating {
	position: absolute;
	border: 2px solid #e1caa2;
	background-color: #F7F2E7;
	padding: 4px;
	visibility: hidden;
}

#seating tr.odd {
	background-color: #f0e8d5;
}

#seating tr.even {
}

#seating th {
	font-weight: bold;
	text-align: left;
	padding: 3px;
}

#seating th.first {
	text-align: center;
	border-bottom: 1px solid #e1caa2;
}

#seating td {
	padding: 2px;
}

.search_submit {
	margin-left: 4px;
}

.event_date {
	font-size: 11px;
	font-weight: bold;
	color: #3D7082;
}

.event_date_listing {
	font-size: 10px;
}

.listing_padding {
	margin: 16px 0;
}








.progresscontainer {
	margin-top: 5px;
	margin-left: 16px;
	width: 120px;
	padding: 1px;
	border: 1px #518ad4 solid;
	background-color: white;
}

.progressbar {
	width: 0px;
	height: 15px;
	background-color: #518ad4;
}

#content ul.browser {float:left;width:508px;margin:0 0 10px;text-indent:0; padding:10px;background:#f4eedf;border:1px solid #ead6af;}
#content .browser li.thumb {float:left;list-style-type:none;padding:0;margin:10px;text-indent:0;width:100px;position:relative;}
.browser a.thumb {width:100px;height:100px;display:block;position:relative;background:center center no-repeat;}
.browser h2 {font-size:10px;}
h2 a:link,
h2 a:visited {color:#3D7082;}
h2 a:active,
h2 a:hover,
h2 a:focus {color:#488399;}
.browser .play_icon {position:relative;top:40px;left:40px;} /*doesn't look to bad in IE6 for a transparent png, might replace it with a gif though, just for kicks. */

#content .browser_admin li.thumb {width:220px;}
.browser_admin a.thumb {float:left;}
.browser_admin .info {width:100px;float:right;}
#content ul.actions, #content ul.actions li{margin:0;padding:0;list-style-type:none;text-indent:0;}
.edit a, .delete a {display:block;padding-left:20px;background:url('/images/icon_edit.png') center left no-repeat;}

.delete a{background-image:url('/images/icon_delete.png')}


#comments {width:280px;margin:20px 0;float:left;}
#comments .date {position:absolute;top:0;right:0;}
#comments .comment {border:0;border-bottom:1px solid #c4a86f;position:relative;margin:9px 0;padding:0;}
#comments .comment h3 {padding:0;margin:0 0 3px;}
#comments .comment p {padding:0;margin:0 0 3px;}
#comments textarea {width:270px;}
#comments input {float:right;margin-right:-1px}

#profile {padding:10px;background:#f4eedf;border:1px solid #ead6af;width:200px;float:right;margin:21px 0 20px;}
#profile img {float:right;}
#profile p.foot{margin:9px 0 0;}
p .profile_picture {float:left;margin:0 10px 10px 0}
div.album_picker form{float:right;margin-top:10px;}
div.album_picker h1{float:left;}
.my_form_wrapper {padding:10px;background:#f4eedf;border:1px solid #ead6af;margin-bottom:10px;}
.my_form_wrapper img {vertical-align:top;}
div.alert {padding:10px;background:#f4eedf;border:1px solid #ead6af;}
li.alert, p.alert {font-style:italic;font-weight:bold;}

/* upload page */
form p{font-size:10px;}
.checklabel{ float:left; width:110px;}
.cbr_group img{vertical-align:middle;}
.cbr_group label{display:block;padding-bottom:10px;}

/* Image download stuff*/
.browser .download, .browser .add{
	background-repeat:no-repeat;
	background-position:left 4px;
	padding:4px 0 0 15px;display:block;
	line-height:1;
}
.browser .download {background-image:url('/images/bullet_down.png');color:#7ea32c;}
.browser .add {background-image:url('/images/bullet_plus.png');color:#555;font-size:10px;}
.download_pack_header {position:relative;float: right; margin: -2px -5px 0 0;padding:16px 67px 0 0;background:url('/images/download_head.png');width:170px;height:43px;text-align:right;font-size:9px;}
.download_pack_header .download {height:59px;width:59px;position:absolute;right:0;top:0;}
.download_pack_header .download span{visibility:hidden;}
.download_pack_header h6 {font-size:14px;font-weight:bold;}