

/* BODY AND LAYOUT STYLES */
* {padding: 0; margin: 0;}

body {
background-color: #fff;
font-family: verdana, arial, helv, sans-serif;
font-size: x-small;
color: #000;
margin: 10px 0px 0px 10px;

/* ie5 hack */
voice-family: "\"}\""; 
voice-family:inherit;
font-size: small;
}
html>body { }

#container {
position: relative;
width: 770px;
}
/* BODY AND LAYOUT STYLES ENDS */


/* HEADER STYLES */
#header {
height: 100px;
background: url(stafftools.jpg) no-repeat top left;
}

#header h1 { display: none; }
#header h4 { display: none; }

#header a {
position: absolute;
height: 100px;
width: 150px;
top: 0px; 
left: 0px;
text-decoration: none;
}

#header a i { visibility: hidden; }
/* HEADER STYLES END */


/* TAGLINE STYLES */
#breadcrumb {
position: absolute;
top: 100px;
left: 0px;
height: 20px;
width: 800px;
background: #fff url(breadcrumb_tcm27-7631.gif) no-repeat top left;
padding-top: 3px;
padding-left: 18px;
font-size: 11px;
font-weight: normal;

/* ie5 hack */
voice-family: "\"}\""; 
voice-family:inherit;
height: 17px;
width: 742px;
}
html>body { }
#breadcrumb br { display: none; }

#breadcrumb a {
color: #000;
}

#breadcrumb a:hover {
text-decoration: none;
}
/* TAGLINE STYLES END */


/* MENU STYLES */
#menu {
position: absolute;
top: 130px;
left: 0px;
width: 130px;
height: 200px;
font-size: 11px;
}

#menu .top {
width: 150px;
height: 17px;
background: #9f2d20 url(menutop_tcm27-7634.gif) no-repeat top left;
color: #fff;
padding-top: 3px;
margin-bottom: 1px;
font-size: 11px;
text-align: center;
font-weight: bold;
}

#menu .foot {
width: 150px;
height: 20px;
background: #9f2d20 url(menufoot_tcm27-7635.gif) no-repeat top left;
text-align: center;
padding-top: 3px;

/* ie5 hack */
voice-family: "\"}\""; 
voice-family:inherit;
height: 17px;
}
html>body { }

#menu ul { list-style-type: none; }
#menu ul li { margin-bottom: 1px; }

#menu ul a {
display: block;
width: 100%;
background: #ccc url(arrow_right_red_tcm27-7633.gif) no-repeat 2px 6px;
padding: 4px;
padding-left: 16px;
color: #004959;
text-decoration: none;
font-weight: bold;
}

#menu ul a:hover { background-color: #ddd; }
#menu ul a.active { background-color: #ddd; }
#menu ul a.active:hover { background-color: #ddd; }
#menu ul.submenu { background-color: #ddd; }

#menu ul.submenu a {
background: none;
background-color: #ddd;
color: #000;
border-bottom: #999 1px dashed;
font-weight: normal;
}

#menu ul.submenu a:hover { text-decoration: underline; }
#menu ul.submenu a.submenu_active { background: none; background-color: #ddd; text-decoration: underline; }
#menu .foot a { color: #fff; font-weight: normal; text-decoration: underline; }
#menu .foot a:hover { color: #000; font-weight: normal; text-decoration: underline; }
#validation { text-align: center; margin-top: 15px; }
/* MENU STYLES END */





/* CONTENT STYLES */
#content {
position: absolute;
top: 130px;
left: 160px;
width: 600px; 
}

#content .box_top {
width: 600px;
height: 27px;
background: #9f2d20 url(content_top_tcm27-7636.gif) no-repeat top left;
}

#content .box_body {
width: 600px;
padding: 7px;
padding-top: 0px;
border-left: #666 1px solid;
border-right: #666 1px solid;
line-height: 17px;

/* ie5 hack */
voice-family: "\"}\""; 
voice-family:inherit;
width: 584px;
}
html>body { }

#content .box_footer {
width: 600px;
height: 16px;
background: #fff url(content_bottom_tcm27-7632.gif) no-repeat top left;
}

#content p {
padding-bottom: 15px; 
}

#content a {
color: #336699;
font-size: x-small;

/* ie5 hack */
voice-family: "\"}\""; 
voice-family:inherit;
font-size: small;
}
html>body { }

#content a:hover {
color: #9f2d20;
font-size: x-small;

/* ie5 hack */
voice-family: "\"}\""; 
voice-family:inherit;
font-size: small;
}
html>body { font-size: small; }

#content ul
{
margin: 10px 0px 20px 15px; 
list-style-image: url(arrow_right_red_tcm27-7633.gif);
}

#content li {
padding: 2px;
}

#content ol
{
margin: 0px 0px 15px 25px;
}

#content ol li {
padding: 5px;
}

#content blockquote {
padding: 10px 20px 10px 20px;
font-style: italic;
}

#lozenge_text {
width: 150px;
height: 20px;
padding-top: 3px;
text-align: center;
}

#lozenge_text h2 {
font-size: 11px;
font-weight: bold;
color: #fff;
}

#content h3 {
color: #004959;
font-size: small;
font-weight: bold;
margin-bottom: 10px;
/* ie5 hack */
voice-family: "\"}\""; 
voice-family:inherit;
font-size: medium;
}
html>body { }

#content h4 {
color: #004959;
font-size: x-small;
font-weight: bold;

/* ie5 hack */
voice-family: "\"}\""; 
voice-family:inherit;
font-size: small;
}
html>body { }

img.thumbnails {
padding: 0px 10px 10px 0px;
width: 120px;
height: 85px;
float: left;
}

img.mainpics {
width: 200px;
height: 140px;
border: 0px;
float: right;
}

#content .page_footer {
text-align: center;
width: 540px;
margin-top: 7px;
font-size: 11px;
color: #999;
margin-bottom: 20px;
}

#content .page_footer a {
color: #999;
font-size: 11px;
}

#content .page_footer a:hover {
color: #666;
font-size: 11px;
}

.imgcred { float:left; margin-right:10px; border:0; }
hr { visibility: hidden; clear:both; }

/* CONTENT STYLES END */

/* hack for bust siteedit, on account of not really knowing how to fix it properly right now */

div.box_body h1 { display:none; }

/* rv weekend dates - css from existing rvzone whacked in here */

table.weekend_dates {
margin: 10px 10px 10px 10px;
border: 1px black solid;
background: #f8f8f8;
}

table.weekend_dates td {
padding: 2px;
text-align: center;
}

table.weekend_dates th {
font-weight: bold;
background: #eeeeff;
}