/* AUTHOR:Pat Heard (fullahead.org) DATE:2006.03.19 PURPOSE:Styles the html elements */
html {height:100%}
body    {color:#000;font:400 1em/170% Frutiger,Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;background:#FBF6E0 url(gfx/darkyellow-319px.gif) repeat-y left top;margin:0;padding:0;height:100%;scrollbar-arrow-color:white;scrollbar-base-color:#D9B100  }
h1 {color:#cfa700;font:700 2.5em Frutiger,Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;clear:both}
h2 {color:#cfa700;font:400 1.85em Frutiger,Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;padding-bottom:0}
h3 {font:400 1.3em}
h4 {font:700 1.2em}
h5 {font:700 1.1em}
h6 {font:700 1em}
h1, h2, h3, h4, h5, h6, p, dl {margin:0;padding:10px 15px}
h1, h2, h3, h4, h5, h6 {color:#d9b100}
/* Done so the leftmost column aligns properly with the header.
   If the leftmost column has class gradient applied to it, 
   this class isn't required. */
.leftColumn h1,.leftColumn h2, .leftColumn h3,.leftColumn h4,.leftColumn h5,.leftColumn h6,.leftColumn p,.leftColumn dl {padding-left:0}
a  {color:#333}
h3 a,.gold,legend {color:#cfa700}
a:hover  {color:#000}
ol, ul {margin:10px 30px;padding:0 30px}
ol span {color:#EEE}
ul {list-style-image:url(gfx/lazydays/bg/bullet.gif)}
table tbody tr td ul {margin-top:0;margin-left:-0.5em;padding-top:0}
table tbody tr td ol {margin-top:0;margin-left:-0.3em;padding-top:0}
table tbody tr td ul li {padding-left:0.2em}
table tbody tr td p {margin-top:0;padding-top:0;padding-left:0}
table tbody tr td h4 {margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;padding-left:0}
h4 {padding-bottom:0;margin-bottom:0}
table tbody tr td ol li {padding-left:-1em}
div.gradient div.gradient h2 {padding-bottom:0}
div.gradient div.gradient p {padding-top:0}
del {color:#AAA}
hr {background-image:url("gfx/logo_notext_onbody_33px.gif");background-repeat:no-repeat;background-attachment:scroll;background-position:center;margin:0;padding:0;height:33px;border:0}
code {margin:10px 15px;padding:10px;display:block;overflow:auto;font:400 1em courier, monospace;line-height:120%;white-space:pre;background:#444}
.leftColumn code {margin-left:0}
acronym {cursor:help;border-bottom:1px solid #777}
dt{font-weight:bold;color:#FFB323}
dd {margin-left:0;padding-left:45px; }
/* Form Elements */
fieldset {background-color:white;margin-bottom:0.5em;border-color:#FBF6E0}
/*fieldset.noborder {border-style:none}*/
fieldset br {clear:left}
legend {padding-bottom:0.8em}
/* label,form fieldset input,form fieldset textarea,form fieldset select {display:block} */
/* label {display:-moz-inline-box;display:inline-block}*/
label,input[type="radio"] {float:left}
p label {width:5em}
form fieldset label {padding-left:0.5em;margin-right:6px}
form fieldset.tbl label {color:silver;width:7.85em;border-right:3px solid silver;text-align:right;padding-right:6px}
form fieldset.tbl label.required {color:black;border-color:black}
form fieldset.tbl label.nostyle {color:silver;width:auto;border-right:none;padding-right:6px}
form fieldset input[type="radio"] {margin-top:0.5em;margin-left:0.5em;border-left:3px solid silver;padding-left:6px}
form fieldset input[type="radio"].nostyle {border:0}
form input[type="submit"] {padding:0.5em;padding-left:0.75em;margin-right:1em}
form input[type="reset"] {font-size:80%;padding:0.5em}
form ul {font-size:81%;margin:0;padding:0;padding-left:1.45em}
form ul li {line-height:0.85em}
form ul li kbd {background-color:#FFC;padding-left:0.4em;padding-right:0.4em;margin-left:0.2em;margin-right:0.2em}
input[type="radio"] {width:16px;height:16px}
input[type="text"],input[type="tel"],input[type="email"],input[type="number"],input[type="date"],textarea,select,button {padding:2px;font:400 1em verdana, sans-serif;color:#444;background:#EEE;border:1px solid #444}
input[type="text"]:focus,input[type="text"]:hover,input[type="tel"]:focus,input[type="tel"]:hover,input[type="email"]:focus,input[type="email"]:hover,input[type="number"]:focus,input[type="number"]:hover,input[type="date"]:focus,input[type="date"]:hover,textarea:focus,textarea:hover,select:focus,select:hover {color:#000;background:#E4F7FA;border:1px solid #00DFFF}
input.button {padding:2px 5px;font:400 1.1em;color:#555;background:#9FF3FF;border-width:1px;border-style:solid;border-color:#FFF #00DFFF #00DFFF #FFF}
button {color:white;background-color:#cfa700;font-weight:bold;font-size:0.9em;padding-top:3px;padding-bottom:3px;padding-left:0.4em;padding-right:0.6em;cursor:pointer;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
-webkit-border-bottom-right-radius:15px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-bottomleft:0px;
border-top-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
border-bottom-left-radius:0px;}
/* Blockquote and included icons */
blockquote {color:#fff;background-color:#444;background-image:url(gfx/lazydays/icons/quote.gif);background-repeat:no-repeat;background-position:5px 50%;margin:10px 15px;padding-left:27px;border:solid 1px}
blockquote.exclamation {background-image:url(gfx/lazydays/icons/exclamation.gif)}
blockquote.stop {background-image:url(gfx/lazydays/icons/stop.gif)}
blockquote.go {background-image:url(gfx/lazydays/icons/go.gif)}
/* Images */
img {border:0}
img.floatRight {margin:5px 0px 10px 15px}
img.floatLeft {margin:5px 15px 10px 0px}
/* 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. */
#content {height:100%;min-height:100%;text-align:left}
#content,#width {margin:0 auto}
#content[id],#width[id] {width:100%;height:auto}
#header,#mainMenu ul.floatRight {background-color:#d9b100} 
#header {position:relative;min-height:150px;width:100%}
#SlideShowDiv {height:510px}
#logo {width:241px;height:150px;display:block;float:left;border-right:33px solid white;border-left:45px solid white}
#mainMenu {min-height:150px;height:expression(document.body.clientWidth < 512 ? "270px" : "150px")}
#mainMenu ul.floatRight {margin:0;padding:0;position:absolute;bottom:0;right:0}
#mainMenu ul.floatRight li {display:inline;list-style:none;margin:0;padding:0}
#mainMenu ul.floatRight li a    {font-size:1.25em;font-weight:700;text-decoration:none;margin:2px 2px 0;padding:5px 0.5em;float:left;color:white}
#mainMenu ul.floatRight li a b {text-decoration:underline}
#mainMenu ul.floatRight li a:hover,
#mainMenu ul.floatRight li a.here  {color:#000}
#mainMenu ul.floatRight li a:hover b,
#mainMenu ul.floatRight li a.here b {text-decoration:none}
#mainMenu ul.floatRight li a.last {margin-right:0}

#mainMenu ul.floatRight li a.here img	{background-color:black;vertical-align:baseline}
#mainMenu ul.floatRight li a img	{background-color:white}
#mainMenu ul.floatRight li a:hover img	{background-color:black}

/* .sideMenu:The side bar menu */
.sideMenu {background-color:#fefcf5;padding-bottom:1em}
.sideMenu ul {padding:0;margin-left:1em;margin-right:1em}
.sideMenu li {list-style:none url("gfx/spacer.gif")}
.sideMenu li a {color:#333;text-decoration:none;padding-left:20px} 
.sideMenu li.here a {font-weight:700}
.sideMenu li a:hover,
.sideMenu li.here a, 
.sideMenu li.here a:hover {color:black;background:url(gfx/lazydays/bg/bullet.gif) no-repeat 0px -1px}
/* #page:Holds the main page content. */
#page {float:left;width:100%}
/* Width classes used by the site columns */
.width319 {width:319px}
.width100 {width:100%}
.width75 {width:74%}
/* max-width hack for IE since it doesn't understand the valid css property */
.width50 {width:49.7%;width:expression(document.body.clientWidth < 319 ? "319px" : "49.7%");min-width:319px}
.width33 {width:32.7%}
.width36 {width:36px}
.width25 {width:24.7%}
.width20 {width:19.7%}
.width18 {width:18px}
.height36 {height:36px}
.height150 {height:150px}
.height510 {height:510px}
/* Alignment classes */
.floatLeft {float:left}
.floatRight {float:right}
.alignLeft {text-align:left}
.alignRight {text-align:right}
/* Generic display classes */
.brb {border-bottom:1px solid #eedd87}
.brt {border-top:1px solid #eedd87}
.brl {border-left:1px solid #eedd87}
.brr {border-right:1px solid #eedd87}
.clear {clear:both}
.block {display:block}
.hlf {height:16px;line-height:14px}
.small {font-size:0.8em}
.smaller {font-size:0.4em}
.smaller a {padding:0.2em;background-color:white;text-decoration:none}
.larger {font-size:1.8em}
.green {color:#A1FF45}
.red {color:#EA1B00}
.grey {color:#666}
.grey a {color:#999}
.grey a:hover {color:#EEE}
.gradient,
.gradient div {background:#fbf6e0;padding-left:1em;padding-top:0.3em}
li h3,
.gradient table tr td h1,
.gradient table tr td h2,
.gradient table tr td h3	{padding-left:0;margin-bottom:0;padding-bottom:0}
li.nobullet,
.gradient table tr td p		{margin-top:0;padding-top:0}
.here, .here a {cursor:default}
.displayblock {display:block}
.borderbottom   {border-bottom:1px solid #d9b100}
.borderbottomdotted    {border-bottom:1px dotted #d9b100}
.bordertop		{border-top:1px solid #d9b100}
li.nobullet	{list-style-type:none;list-style-image:none}
.vtrvn .row {background-color:#faf4d9}
.vtrvn .altrow {background-color:#fbf7e4}
.vtrvn h3 {padding-bottom:0;margin-bottom:0;clear:both}
.vtrvn div {padding-top:0;padding-right:1em}
.vtrvn div p {display:inline;padding-left:0}
.vtrvn div h4 {float:right;display:inline;padding-top:0;padding-right:0;padding-left:0}
.vtrvn div div {clear:both}
.strmschm {margin-right:-12em;margin-left:-1em}
.strmschm .brdr {border:1px solid #eedd87;padding:0.5em 0.5em 0.5em 1em;background-color:#fdfaef}
.strmschm .center {text-align:center}
.strmschm .vrgdngn {border:1px solid #eedd87;background-color:#fdfaef;padding:0.5em;padding-left:1.2em}
.strmschm p,.strmschm ol {padding-bottom:0;padding-right:0.1em}
.strmschm .tmp,fieldset.tmp,input.tmp,label.tmp,br.tmp {visibility:hidden;height:0;width:0}
.strmschm strong,.strmschm strong a {color:#cfa700}
.ard {background:transparent url("gfx/arrow-down.png") no-repeat center bottom;height:36px}
.aq1 {background:transparent url("gfx/rhomb-q1.png") no-repeat left top}
.aq2 {background:transparent url("gfx/rhomb-q2.png") no-repeat left bottom}
.aq3 {background:transparent url("gfx/rhomb-q3.png") no-repeat right bottom}
.aq4 {background:transparent url("gfx/rhomb-q4.png") no-repeat right top}
.btb {border-bottom:0px solid transparent} /* Firefox heeft 1px nodig */