/* THIS CSS PRODUCES A CENTERED 2 COLUMN LAYOUT WITH HEADER AND HORIZONTAL NAV */

/* BEGIN STRUCTURE */
:focus {outline-style: none;} /* removes dotted border around FF links */

body {
	margin:0;
	padding:0;
	height:100.1%; /* keeps vertical scroll bar visible in browsers so layout doesn't 'bounce' page to page */
	text-align:center; /* combined with container {margin:0 auto 0 auto} this centers a page */
	background-color:#6e544a;
	background-image:url("/img/bg.gif");
	background-position:top left;
	background-repeat:repeat;
}


div#container {
	position:relative; 
	width:874px;
	margin:18 auto 0 auto; /* combined with body {text-align:center} this centers a page */
	text-align:left;
	border:0px solid black;
}

/* +++ */
div#branding_nav {
	width:100%;
	height:462px;
	background-image:url("/img/branding-nav-bg.png");
	background-position:top left;
	background-repeat:no-repeat;
}

/* +++ */
div#branding_nav_home {
	width:100%;
	height:462px;
	background-image:url("/img/branding-nav-bg-home.png");
	background-position:top left;
	background-repeat:no-repeat;
}

div#branding_nav a, div#branding_nav_home a {
	border:0px dotted #fff;
	background-color:transparent;
	padding:0px;
}

div#branding_nav img#logo, div#branding_nav_home img#logo {
	position:absolute;
	top:50px;
	left:34px;
}

div#branding_nav img#main_graphic, div#branding_nav_home img#main_graphic {
	position:absolute;
	top:118px;
	left:342px;
}

div#branding_nav img#photo_small, div#branding_nav_home img#photo_small {
	position:absolute;
	top:433px;
	left:56px;
}

div#branding_nav h2, div#branding_nav_home h2 {
	position:absolute;
	top:68px;
	left:545px;
	margin:0 0 0 0px;
	color:#953144;
	font-family:tahoma, sans-serif;
	font-size:18px;
	font-weight:normal;
}

div#branding_nav ul#nav, div#branding_nav_home ul#nav {
	position:absolute;
	top:118px;
	left:54px;
	width:282px;
	margin:0;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	border:0px solid black;
}

ul#nav, ul#nav li {list-style:none;list-style-image:none;}

div#branding_nav ul#nav a, div#branding_nav_home ul#nav a {
	display:block;
	height:34px;
	border:0px solid black;
}

#shops, #events, #special_events, #visiting, #contact, #renfaire, #weddings {
	width:282px;
	height:34px;
}

#visiting {margin-top:26px;}

ul#nav li#home a {
	height:27px;
}

#weddings a, #weddings a:visited {background:url("/img/btn-weddings.gif") top left no-repeat;}
#weddings a:hover {background:url("/img/btn-weddings.gif") top right no-repeat;}


#wines a, #wines a:visited {background:url("/img/btn-wines.gif") top left no-repeat;}
#wines a:hover {background:url("/img/btn-wines.gif") top right no-repeat;}

#shops a, #shops a:visited {background:url("/img/btn-shops.gif") top left no-repeat;}
#shops a:hover {background:url("/img/btn-shops.gif") top right no-repeat;}

#events a, #events a:visited {background:url("/img/btn-events.gif") top left no-repeat;}
#events a:hover {background:url("/img/btn-events.gif") top right no-repeat;}

#special_events a, #special_events a:visited {background:url("/img/btn-special-events.gif") top left no-repeat;}
#special_events a:hover {background:url("/img/btn-special-events.gif") top right no-repeat;}

#visiting a, #visiting a:visited {background:url("/img/btn-visiting.gif") top left no-repeat;}
#visiting a:hover {background:url("/img/btn-visiting.gif") top right no-repeat;}

#contact a, #contact a:visited {background:url("/img/btn-contact.gif") top left no-repeat;}
#contact a:hover {background:url("/img/btn-contact.gif") top right no-repeat;}

#contact a, #contact a:visited {background:url("/img/btn-contact.gif") top left no-repeat;}
#contact a:hover {background:url("/img/btn-contact.gif") top right no-repeat;}

#renfaire a, #renfaire a:visited {background:url("/img/btn-renfaire.gif") top left no-repeat;}
#renfaire a:hover {background:url("/img/btn-renfaire.gif") top right no-repeat;}

/* +++ */
div#content {
	overflow:auto; /*clears the floated inner columns */
	background-image:url("/img/content-bg.png");
	background-position:top left;
	background-repeat:repeat-y;
	padding:10 0 10 0px;
}

/* +++ */
div#content_home {
	overflow:auto; /*clears the floated inner columns */
	background-image:url("/img/content-bg-home.png");
	background-position:top left;
	background-repeat:repeat-y;
	padding:0 0 0 0px;
	height:140px;
}

/*div#content_main {
	float:left;
	width:600px;
}

div#content_sub {
	float:right;
	width:280px;
}*/

/* +++ */
div#site_info {
	clear:both;
	width:100%;
	height:80px;
	background-image:url("/img/site-info-bg.png");
	background-position:top left;
	background-repeat:no-repeat;
	padding:56 0 0 0px;
	color:#fff;
	text-align:center;
	font-size:.9em;
}

/* +++ */
div#site_info_home {
	clear:both;
	width:100%;
	height:80px;
	background-image:url("/img/site-info-bg-home.png");
	background-position:top left;
	background-repeat:no-repeat;
	padding:56 0 0 0px;
	color:#fff;
	text-align:center;
	font-size:.9em;
}

#site_info a, #site_info_home a {
	color:#fff;
	text-decoration:none;
	border:0;
	background-color:transparent;
}

#site_info a:visited, #site_info_home a:visited {text-decoration:none;}

#site_info a:hover, #site_info_home a:hover {text-decoration:none;}
/* END STRUCTURE */

/* BEGIN GENERAL TYPOGRAPHY */
body {
	font-family:tahoma, sans-serif;
	font-size:62.5%;
	color:#fff;
}

h1, h2, h3, h4, h5 {
	font-family:arial, sans-serif;
	color:#fff;
	margin:20px 70px 4px 90px;
}

h1 {margin:0px 70px 4px 90px;}

p, a, ul, ol {font-size:1.2em;}

h1 {font-size:2em;} 

h2 {font-size:1.6em;}

h3 {font-size:1.4em;}

h4 {font-size:1.2em;}

p {margin:0px 70px 10px 90px;}

a {
	border:1px dotted #fff;
	background-color:#ff7527;
	font-size:1em;
	padding:0 2 0 2px;
	color:#fff;
	text-decoration:none;
}

a:visited {}

a:hover {
	background-color:#ff985d;
	text-decoration:none;
}

ul {
	margin:0;
	padding:0 70px 10 130px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:url("/img/dot-white.png");
	line-height:1.4em;
}

ol {
	margin:0;
	padding:0 70px 10 130px;
	text-indent:0px;
	text-decoration:none;
	line-height:1.4em;
}
/* END GENERAL TYPOGRAPHY */

/* BEGIN VARIOUS TAGS AND CLASSES */
img {border:0;}

.center {text-align:center;}

.bold {font-weight:bold;}

.nomargin {margin:0px;}

.clear {
	clear:both;
	height:0px;
	border:0px solid #FFF;
}

.photo {
	float:left;
	margin:0 11 11 0px;
	padding:3px;
	background:#fff;
	border:1px solid #acc0a5;
}

.even {background:#efefef;}

.photoLeft {float:left;margin:3px 0px 5px 90px;}
.photoRight {float:right;margin:3px 80px 5px 0px;}
.photoWrapper {margin:20px 70px 15px 115px;border:0px solid white;}
.photoSm {margin:3px 20px 5px 0px;border:1px solid white;}
/* END VARIOUS TAGS AND CLASSES */