body
{

background: url(/public/img/bg.jpg);
font: small/1.2 Verdana, Tahoma, sans-serif;

}

/*-------Global----------*/

html, body, div, img, h1, h2, h3, h4, h5 ,h6, ul, ol, li, p, blockquote, input, textarea, select, form
{

margin: 0;
padding: 0;
border: none;
color: #333;

}


/*---- Layout ------*/

#container
{

width: 751px;
margin: 8px auto 8px auto;
background: url(/public/img/container-bg.gif) repeat-y;

}

#header
{

width: 751px;
height: 134px;
background: url(/public/img/header-bg.jpg) no-repeat;

}


		#logo
		{
		
		width: 147px;
		height: 106px;
		padding: 13px 0 0 12px;
		float: left;
		
		}
		
		#nav
		{
		
		width: 448px;
		margin: 0 0 0 171px;
		padding: 0 0 0 101px;
		text-align: right;
		
		}
		
		body>div #nav { padding: 0 0 0 104px; }
		
		#nav ul#mainnav
		{
		
		margin: 49px 0 0 0;
		height: 39px;
		}
		
		#nav ul#topnav
		{
		
		padding: 16px 4px 0 0;
		height: 30px;
		}
		
		#nav ul#mainnav li, #nav ul#topnav li
		{
		
		list-style: none;
		display: inline;
				
		}
		
		#nav ul#mainnav li a
		{
		
		float: left;
		display: block;
		font-size: x-small;
		color: #175B77;
		text-decoration: none;
		font-weight: bold;
		text-align: center;
		line-height: 110%;
		
		}
		
		#nav ul#mainnav li#events a	
		{
		
		width: 104px;
		height: 27px;
		padding: 12px 4px 0 4px;
		background: url(/public/img/events-link.jpg) no-repeat;
				
		}
				
		#nav ul#mainnav li#book a 
		{ 
		
		width: 104px;
		height: 27px;
		padding: 12px 4px 0 4px;
		background: url(/public/img/book-link.jpg) no-repeat;
		
		}
		
		#nav ul#mainnav li#wedding a 
		{ 
		
		width: 104px;
		height: 27px;
		padding: 12px 4px 0 4px;
		background: url(/public/img/wedding-link.jpg) no-repeat;
		
		}
		
		#nav ul#mainnav li#attractions a 
		{ 
		
		width: 104px;
		height: 31px;
		padding: 8px 4px 0 4px;
		background: url(/public/img/attractions-link.jpg) no-repeat;
		
		}

		
		#nav ul#mainnav li#events a:hover, #nav ul#mainnav li#book a:hover, #nav ul#mainnav li#wedding a:hover, #nav ul#mainnav li#attractions a:hover {
		
		background-position: 0px -39px;
		
		}
		
		#nav ul#topnav li
		{
		
		color: #fff;
		font-size: x-small;
		line-height: 30px;
				
		}
		
		#nav ul#topnav li a
		{
		
		color: #fff;
		font-size: x-small;
		font-weight: bold;
		text-decoration: none;
		border-right: solid 1px #fff;
		padding: 0 6px 0 0;
		
		}
		
		#nav ul#topnav li a:hover
		{
		
		color: #ccc;
		text-decoration: underline;
		
		}
		
		
#homemiddle
{

width: 714px;
height: 308px;
padding: 0 0 0 12px;

}

#homefeatures
{

width: 731px;
height: 136px;
padding: 0 0 0 7px;

}


		#homefeatures li
		{
		
		float: left;
		display: block;
		list-style: none;
		
		}
	
		#homefeatures li#wedfeature
		{
		
		width: 240px;
		height: 136px;
		background: url(/public/img/home-wedding-bg.jpg) no-repeat;
		
		}
		
		#homefeatures li#eventsfeature
		{
		
		width: 244px;
		height: 136px;
		background: url(/public/img/home-events-bg.jpg) no-repeat;
		
		}
		
		#homefeatures li#signupfeature
		{
		
		width: 247px;
		height: 136px;
		background: url(/public/img/home-signup-bg.jpg) no-repeat;
		
		}
		
		#homefeatures li h2, #weddingsidebar h2, #eventsidebar h2, #signupsidebar h2
		{
		
		font-family: Georgia, Times, "Times New Roman", serif;
		font-weight: normal;
		font-size: large;
		color: #fff;
		background: url(/public/img/h2-dots.gif) 0px bottom no-repeat;
		padding: 0 0 0 20px;
		margin: 0 0 0 16px;
		line-height: 180%;
		border: none;
		
		}
		
		#homefeatures li p, #weddingsidebar p, #eventsidebar p, #signupsidebar p
		{
		
		color: #fff;
		font-size: x-small;
		padding: 6px 12px 0 18px;
		
		}
	
		#homefeatures a.more, #weddingsidebar a.more, #eventsidebar a.more, #signupsidebar a.more
		{
		
		font-size: x-small;
		font-weight: bold;
		display: block;
		margin: 8px 0 0 0;
		color: #fff;
		padding: 0 0 0 20px;
		
		}
		
		#homefeatures a.more:hover, #weddingsidebar a.more:hover, #eventsidebar a.more:hover, #signupsidebar a.more:hover
		{
		
		color: #ccc;
		text-decoration: none;
		
		}
		
		#homefeatures .red, #weddingsidebar .red, #eventsidebar .red, #signupsidebar .red
		{
		
		background: url(/public/img/arrow-redbg.gif) 0px 0px no-repeat;
		
		}
		
		#homefeatures .blue, #weddingsidebar .blue, #eventsidebar .blue, #signupsidebar .blue
		{
		
		background: url(/public/img/arrow-bluebg.gif) 0px 0px no-repeat;
		
		}
		
		#homefeatures form, #signupsidebar form
		{
		
		padding: 10px 0 0 18px;
		vertical-align: middle;
		
		}
		
		#homefeatures input.email, #signupsidebar input.email
		{
		
		border: solid 1px #fff;
		background: #eee;
		width: 125px;
		font-size: x-small;
		margin: 0 10px 0 0;
		padding: 2px;
		
		}

		#homefeatures input.submit, #signupsidebar input.submit
		{
		
		border: solid 1px #fff;
		background: #eee;
		font-size: x-small;
		padding: 2px;
		color: #333;
		
		}
		
		#homefeatures input.submit:hover, #signupsidebar input.submit:hover
		{
		
		background: #175D79;
		color: #fff;
	
		
		}
		
		
		#weddingsidebar
		{
		
		width: 240px;
		background:#994949 url(/public/img/wedding-bg-sidebar.jpg) no-repeat;
		padding: 0 0 12px 0;
		border-bottom: solid 2px #fff;
		
		}
		
		#eventsidebar
		{
		
		width: 240px;
		background:#4B93B1 url(/public/img/events-bg-sidebar.jpg) no-repeat;
		padding: 0 0 12px 0;
		border-bottom: solid 2px #fff;
		
		}
		
		#signupsidebar
		{
		
		width: 240px;
		background:#879949 url(/public/img/signup-bg-sidebar.jpg) no-repeat;
		padding: 0 0 12px 0;
		border-bottom: solid 2px #fff;
		
		}
		
#bodycontainer
{

width: 739px;
padding: 0 0 0 12px;
background: red;
background: url(/public/img/body-bg.gif) 498px 0px repeat-y;

}
		
#int-header
{

width: 726px;
height: 32px;
background: url(/public/img/int-header.jpg) no-repeat;

}

#breadcrumb
{

width: 440px;
height: 30px;
background: url(/public/img/breadcrumb-bg.gif) 0px bottom no-repeat;
margin: 0 0 10px 0;

}

		#breadcrumb li
		{
		
		list-style: none;
		display: inline;
		
		}
		
		#breadcrumb li a
		{
		
		font-weight: bold;
		font-size: xx-small;
		text-decoration: none;
		background: url(/public/img/breadcrumb-arrow.gif) right 3px no-repeat;
		padding: 0 8px 0 0;
		color: #175B77;
		}
		
		#breadcrumb li a:hover
		{
		
		color: #666;
		
		}
		
		#breadcrumb li a.current
		{
		
		color: #994949;
		background: none;
		
		}
		

#body
{

width: 436px;
float: left;
margin-right: -3px;
background: url(/public/img/body-top-bg.jpg) no-repeat;
padding: 20px 30px 10px 12px;
}

body>div #body { margin-right: 0px; }

#sidebar
{

margin: 0 0 0 483px;
width: 240px;

}

body>div #sidebar { margin: 0 0 0 486px; }
		
#footer
{

width: 751px;
height: 87px;
clear: both;
background: url(/public/img/footer-bg.jpg) no-repeat;
margin: 10px 0 0 0;

}


		#footer address
		{
		
		color: #994949;
		font-size: x-small;
		padding: 20px 0 0 24px;
		font-style: normal;
		line-height: 140%;
		
		}
		
		#footer #copy
		{
		
		float: right;
		padding: 55px 30px 0 0;
		color: #999;
		font-size: xx-small;
		
		}
		
		
/*---------- Event ----------*/		
		
.event
{


width: 436px;
padding: 0 0 12px 0;
margin: 0 0 12px 0;
border-bottom: solid 1px #ccc;

}
		
		.event img
		{
		
		width: 175px;
		float: right;
		padding: 6px;
		background: #fff;
		border: solid 1px #ddd;
		margin: 5px 0 15px 15px;
	
		
		}
		
		.event img.listview
		{
		
		width: 125px;
			
		}
		
		.event h3 a
		{
		
		font-size: small;
		color: #994949;
		text-decoration: none;
		
		}
		
		.event h3
		{
		
		color: #879949;
		
		}
		
		.event h4
		{
		
		color: #175b77;
		font-size: xx-small;
		padding: 0 0 6px 0;
		
		}
		
		.event p
		{
		
		font-size: x-small;
		
		}
		
		.event .links a
		{
		
		color: #DD5151;
		font-weight: bold;
		text-decoration: none;
		font-size: small;
		
		}
		
		.event ul.showtimes li, .event ul.showtimesdetail li 
		{
		
		list-style: none;
		font-weight: bold;
		font-size: x-small;
		color: #879949;
		
		}
		
		.event ul.showtimes
		{
		
		padding: 6px 0 6px 0;
		margin: 6px 0 6px 0;
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		width: 280px;
		
		
		}
		
		.event ul.showtimesdetail
		{
		
		padding: 6px 0 6px 0;
		margin: 6px 0 6px 0;
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		width: 220px;
		
		
		}
		
		.event .links
		{
		
		padding: 6px 0 6px 0;
		margin: 6px 0 6px 0;
		line-height: 200%;
		
		
		}
		
		
		#requestform
		{
		
		width: 410px;
		padding: 12px;
		background: #eee;
		border: solid 1px #ddd;
		
		}
		
				#requestform input, textarea
				{
				
				font-size: small;
				background: #fff;
				border: solid 1px #ccc;
				padding: 2px;
				
				}
				
				#requestform textarea
				{
				
				width: 250px;
				height: 100px;
				
				}
				
				#requestform input.submit
				{
				
				font-size: small;
				background: #333;
				border: solid 1px #ccc;
				padding: 2px;
				font-weight: bold;
				color: #fff;
				
				}
				
/* Photo Gallery
--------------------*/

#thumbnails {

width: 400px;


}


		#thumbnails h3 {
		
		font-size: 18px;
		padding: 14px 0 10px 0;
		margin: 0 0 10px 0;
		border-bottom: solid 1px #666;
		font-weight: normal;
		
		}
		
		#thumbnails a img {
		
		padding: 4px;
		border: solid 1px #666;
		background: #fff;
		margin: 0 4px 0 0;
		
		}
		
		#thumbnails a:hover img {
		
		padding: 4px;
		border: solid 1px #fff;
		background: #666;
		
		}
		
#gallerynav {

width: 400px;

}

		#gallerynav p {

		float: right;		
		
		}
		
img.fullimage {

padding: 10px;
background: #fff;
border: solid 1px #666;

}

p.description {

padding: 10px 0 0 0;

}

#galleryform {

padding: 0 10px 0 0;
font-size: 11px;

}

#galleryform select {

font-size: 11px;

}

#galleryform #submit {

background: #666;
padding: 3px;
border: solid 1px #fff;
color: #fff;
font-size: 11px;
font-weight: bold;
margin: 0 0 0 6px;

}

				
/*---------- Styles ----------*/

h1
{

color: #175C78;
font-weight: normal;
font-size: x-large;
font-family: Georgia, Times, "Times New Roman", serif;
padding: 10px 0 10px 0;

}

h2
{

font-size: medium;
color: #994949;
margin: 8px 0 8px 0;
padding: 0 0 8px 0;
border-bottom: solid 1px #ccc;

}

p, #body
{

font-size: small;
color: #333;
line-height: 150%;

}

#body p
{

padding: 0 0 8px 0;

}

a
{

font-weight: bold;
color: #994949;

}
		
a:hover
{

color: #333;

}

.clear
{

clear: both;

}


.error
{

margin: 10px 0 10px 0;
width: 400px;
padding: 12px;
background: #fff;
color: #cc0000;
font-weight: bold;
border: solid 1px #cc0000;
}