/* AUTHOR: Pat Heard (fullahead.org) DATE: 2006.03.19 PURPOSE: Controls the layout of the site and styles the menus */
/* #content: Sets the width of the site.  Make changes here to convert to a fixed width site. */
/* laZylayout */
#barit {
	display: none;
}
#content {
	height: 100%;
	min-height: 100%;
	text-align: left;
}
#content,
#width {
	max-width: 1000px;
	margin: 0 auto;
}
/*   #header: Holds the site title and header images */
#header {
	position: relative;
	height: 193px;
}
/* Holds the site title and subtitle */
#header #title {
	position: absolute;
	z-index: 3;
	top: 10px;
	left: 130px;
	padding: 5px;
	text-align: right;
}
#header h1 {
	margin: 0;
	padding: 0;
	font: 700 4em "trebuchet ms", serif;
	letter-spacing: -3px;
	text-transform: lowercase;
	color: #FFF;
}
#header h2 {
	position: absolute;
	top: 10px;
	right: 5px;
	margin: 0;
	padding: 0;
	font: 700 1em "trebuchet ms", serif;
	text-transform: lowercase;
	color: #00F0EC;
}
/* Sets where the header images will go */
#header img.left {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
#header img.right {
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
}
#header img.balloons {
	position: absolute;
	z-index: 2;
	top: 70px;
	right: 400px;
}
/*   #mainMenu: The top level site menu */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */
/* The wrapper clears the floating elements of the menu */
div#menuwrapper {
	position: relative;
	float: right;
	height: 10px;
	padding:  0
}
div#wrapper {
	position: relative;
	float: right;
	height: 40px;
	padding:  0
}
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li {
	width: 215px;
}
/* Unless you know what you do, do not touch this */
#primary-nav {
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#primary-nav ul {
}
#primary-nav ul {
	position: absolute;
	top: auto;
	display: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#primary-nav ul ul {
	margin-top: 1px;
	margin-left: -1px;
	left: 100%;
	top: 0px;
}
#primary-nav li {
	margin-left: -1px;
	float: left;
}
#primary-nav li li {
	margin-left: 0px;
	margin-top: -1px;
	float: none;
	position: relative;
}
/* Styling the basic apperance of the menu elements */
#primary-nav a {
	font: 400 1.6em "trebuchet ms", serif;
	text-decoration: none;
	text-transform: lowercase;
	color: #FFF;
	display: block;
	padding: 4px 10px;
	text-decoration: none;
}
#primary-nav li a:hover {
	color: #65EBFF;
}
#primary-nav li li a {
	background-color: #555555;
}
#primary-nav li li a:hover {
	background-color: #444444;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li .menuparent,
#primary-nav ul li .menuparent:hover {
	background-image: url(/uploads/LazyDays/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* Styling the apperance of menu items on hover */
#primary-nav li a:hover {
	color: #65EBFF;
	border-top: 5px solid #000;
}
#primary-nav li li a:hover {
	border-top: 0px solid #000;
}
#primary-nav li li a:hover {
	border-top: 0px solid #000;
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li a.menuactive {
	color: #65EBFF;
	border-top: 5px solid #000;
}
#primary-nav li li a.menuactive {
	color: #65EBFF;
	border-top: 0px solid #000;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
	border: none;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/* .sideMenu: The side bar menu */
ul.sideMenu {
	margin: 0;
	padding: 0;
}
.sideMenu li {
	display: inline;
	font: 400 1.3em "trebuchet ms", serif;
}
.sideMenu li a {
	display: block;
	margin: 0.2em 0;
	padding: 3px 5px;
	text-decoration: none;
	color: #FFF;
}
.sideMenu li a:hover {
	color: #65EBFF;
	background: #5F5F5F;
}
/* Active menu item */
.sideMenu li.here {
	display: block;
	padding: 5px;
	color: #65EBFF;
	background: #555;
}
/* Submenu of active menu item */
.sideMenu li.here ul {
	margin: 0;
	padding: 0;
}
.sideMenu li.here ul li a {
	padding-left: 35px;
	font: 400 0.55em verdana, arial, sans-serif;
	color: #FFF;
	background: url(/uploads/LazyDays/bullet.gif) no-repeat 10px 0px;
}
.sideMenu li.here ul li a:hover {
	color: #9FF3FF;
	background: #5F5F5F url(/uploads/LazyDays/bullet.gif) no-repeat 10px 0px;
}
/* #page: Holds the main page content. */
.flex {
	display: flex
}
#page {
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 0;
}
#flat {
	position: relative;
	float: left;
	width: 100%;
	padding: 0 0 28px;
	z-index: 6;
}
#flat p {	
	padding: 0 0 0px;
}
.lft {
	float: left;
	color: #FFF;
}
.rite {
	float: right;
}
.ttop {
 margin-bottom: -8px;
 padding: 0;
 line-height: 0;
 text-align: center;
 z-index: 28;
}
/* #footer: The page footer - will stick to the bottom if not enough content. */
#footer {
	float: left;
	width: 100%;
	clear: both;
	margin-top: -3.8em;
	background: #000 url(/uploads/LazyDays/footer.jpg) repeat-x top left;
}
/* Sets the width of the footer content */
#footer #width {
	position: relative;
	z-index: 3;
	font-size: 0.85em;
	padding-top: 27px;
}
/*   Width classes used by the site columns */
.width100 {
	width: 100%;
}
.width75 {
	width: 74%;
}
.width50 {
	width: 49.7%;
}
.width33 {
	width: 32.7%;
}
.width25 {
	width: 24.7%;
}
/*   Alignment classes */
.floatLeft {
	order: 1;
}
.floatRight {
	margin: 0 0 0 10px;
	order: 2;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
/*   Generic display classes */
.clear {
	clear: both;
}
.block {
	display: block;
}
.small {
	font-size: 0.8em;
}
.green {
	color: #A1FF45;
}
.red {
	color: #EA1B00;
}
.grey {
	color: #666;
}
.grey a {
	color: #999;
}
.grey a:hover {
	color: #EEE;
}
.gradient {
	margin-bottom: 2em;
	background: #555 url(/uploads/LazyDays/gradient.jpg) repeat-x bottom left;
}
/* laZylayout */