@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #413627;
	background-color: #251c10;
	margin: 0;
	padding: 0;
}
p {
	margin-top: 0;
	margin-bottom: 13px;
	line-height: 18px;
}
form, select, input {
	padding: 0;
	margin: 0;
}
#container {
	position: relative;
	background: url(images/back.png) no-repeat;
	width: 1105px;
	height: 610px;
	padding: 0;
	margin: 0 auto;
}
#textchange {
	position: absolute;
	width: 250px;
	height: 100px;
	top: 0;
	left: 100px;
}
#header {
	position: absolute;
	width: 250px;
	height: 100px;
	top: 0;
	left: 755px;
}
#navigation {
	position: absolute;
	z-index: 1000;
	background: #b0a697;
	width: 140px;
	height: 345px;
	padding: 55px 0 0 0;
	top: 105px;
	left: 105px;
	font-size: 15px;
	line-height: 21px;
}
#content {
	position: absolute;
	background: #d8cfc2;
	padding: 20px;
	width: 710px;
	height: 360px;
	top: 105px;
	left: 250px;
	overflow: auto;
}
#content ul li {
	line-height: 18px;
}
#content ul {
	margin-top: 0;
	margin-bottom: 13px;
}
.category {
	color: #71685d;
	margin-bottom: 6px;
}
.heading {
	font-size: 20px;
	color: #456670;
	margin-bottom: 19px;
}
.subheading {
	font-size: 16px;
	line-height:24px;
	color: #456670;
	font-style:italic;
}
.blue {
	color: #456670;
}
#homeimage {
	position: absolute;
	width: 300px;
	height: 400px;
	top: 105px;
	left: 250px;
}
#magnoliaquote {
	position: absolute;
	background: url(images/magnolia.jpg) no-repeat;
	width: 170px;
	height: 210px;
	padding: 95px 65px;
	top: 105px;
	left: 555px;
	font-size: 16px;
	font-style: italic;
}
#magnoliaquote p {
	line-height: 21px;
}
#fpmessage {
	position: absolute;
	background-color: #f1eee8;
	width: 300px;
	height: 32px;
	padding: 5px 0;
	top: 463px;
	left: 555px;
	font-size: 14px;
	text-align: center;
}
a#facebook {
	position: absolute;
	display: block;
	width: 230px;
	padding: 5px 0 5px 20px;
	top: 545px;
	right: 80px;
	font-size: 12px;
	color: #413627;
    font-weight: bold;
    text-decoration:none;
	background:url(images/facebook.png) no-repeat 0 4px;
}
a#facebook:hover {
	text-decoration:underline;
}
#productbar {
	position: absolute;
	background: #b0a697;
	width: 140px;
	height: 400px;
	top: 105px;
	left: 860px;
	font-size: 14px;
	text-align: center;
	line-height: 17px;
}
.productbox {
	margin: 0;
	padding: 0 0 30px 0;
	height: 175px;
	width: 690px;
}
.productimg {
	margin: 0;
	padding: 31px 9px 0 9px;
	width: 122px;
	height: 144px;
	float: left;
}
.productimg img {
	border: solid 1px #71685d;
}
.productdesc {
	margin: 0;
	padding: 0 20px;
	width: 390px;
	min-height: 175px;
	float: left;
}
.productbuy {
	margin: 0;
	padding: 0;
	width: 120px;
	height: 175px;
	float: left;
}
.bookings {
	color: #456670;
	font-weight: bold;
}
#contact {
	padding: 0;
	margin: 0;
	width: 305px;
	height: 200px;
}
#content .bookings a:link, #content .bookings a:visited {
	padding: 5px;
	background-color: #b0a697;
}
#content .bookings a:hover {
	padding: 5px;
	color: #fff;
	background-color: #748c94;
	text-decoration: none;
}
#content a:link, #content a:visited, #productbar a:link, #productbar a:visited {
    color: #413627;
    font-weight: bold;
    text-decoration:none;
}
#content a:hover, #productbar a:hover {
    color: #413627;
    font-weight: bold;
    text-decoration: underline;
}
#fpmessage a:link, #fpmessage a:visited, #fpmessage a:hover, #content .bluelink a:link, #content .bluelink a:visited, #content .bluelink a:hover {
    color: #456670;
    font-weight: bold;
    text-decoration: underline;
}

/* Menu */
.menu {
z-index:1000;
position: absolute;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:141px;
}

/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background:#b0a697;
height:24px;
}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
font-weight:normal;
height:24px;
line-height:24px;
width:140px;
color:#413627;
text-indent:10px;
border:1px solid #f1eee8;
border-width:0 1px 0 0;
}

/* hide preloaded images for header switcher */
.hidden {display:none;}

/* color link for current page */
.current a, .current a:visited {
color:#456670;
}
.currentsub a, .currentsub a:visited {
color:#413627;
}

/* podcast menu background */
.menu li.podcast a, .menu li.podcast a:visited {background:#b0a697 url(images/podcast.gif) no-repeat;}
.menu li.podcast a:hover {background:#748c94 url(images/podcastover.gif) no-repeat;}

/* widens sub-menu with long names */
.about, .about a, .about a:visited, .sessions, .sessions a, .sessions a:visited {
width:155px;
}
.forums, .forums a, .forums a:visited {
width:230px;
}

/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#b0a697; width:141px; w\idth:140px;}
* html .about, * html .about a, * html .about a:visited {width: 155px; w\idth: 154px;}
* html .forums, * html .forums a, * html .forums a:visited {width: 230px; w\idth: 229px;}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#748c94;}

.menu :hover > a {
color:#fff; 
background:#748c94;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:141px; 
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}