/* vcvb.css */
/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Start Stylesheet */
body
{
/* background-color: #8A4117; */
background-color: #7C4E36;
margin: 0;
padding: 0;
font-family: sans-serif;
}
p
{
margin: 0;
padding: 0;
}
.spacer
{
clear: both;
}
#main
{
width: 996px;
margin: 0 auto;
z-index: 1;
}
#header
{
position: relative;
margin: 0;
background-image: url('/vcvb/images/headerback.jpg');
width: 996px;
height: 199px;
z-index: 2;
}
#logo
{
float: left;
padding: 15px 0 0 80px;
}
#logo img
{
border: none;
}
#logo a
{
text-decoration: none;
}
#boots
{
float: left;
padding: 3px 0 0 30px;
}
.fadeBoots
{
position: absolute;
float: left;
}
#slogan
{
margin: 0 0 0 130px;
padding: 50px 0 0 40px;
float: left;
}
#navbar
{
display: block;
margin: 0;
padding: 0;
clear: both;
float: left;
width: 941px;
z-index: 10;
position: relative;
}
#navbar ul
{
display: block;
float: left;
margin: 0 0 0 95px;
padding: 0;
list-style: none;
z-index: 15;
position: relative;
}
#navbar ul li
{
display: block;
float: left;
width: 125px;
height: 15px;
margin: 0 8px 0 0;
font-size: 0.7em;
font-family: Arial, Helvetica, sans-serif;
position: relative;
background-image: url('/vcvb/images/homeTabRed.png');
color: #FCEA55;
padding: 4px 0 0 0;
font-weight: 900;
text-align: center;
z-index: 20;
}
#navbar ul li a
{
text-decoration: none;
text-align: center;
color: #FCEA55;
padding: 0;
display: block;
font-weight: 900;
z-index: 21;
}
#navbar ul li ul
{
float: none;
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 50;
width: 118px;
display: none;
top: 100%;
left: 0;
}
#navbar ul li ul li
{
background-color: #052A46;
background-image: none;
padding: 3px 3px;
width: 118px;
height: auto;
display: block;
z-index: 50;
}
#navbar ul li ul li a
{
font-size: 1.4em;
z-index: 50;
}
#navbar ul li ul li a:hover
{
color: #B52C28;
}
#navbar ul li:hover
{
background-image: url('/vcvb/images/homeTabRollover.png');
}
#navbar ul li:hover ul
{
display: block;
}
#navbar ul li:hover ul li
{
background-image: none;
}
#navfooter
{
margin: 0 0 0 90px;
float: left;
z-index: 23;
}
#homecontent
{
position: relative;
margin: 0;
background-image: url('/vcvb/images/homeback.jpg');
width: 996px;
height: 583px;
z-index: 1;
}
#dateweather
{
background-image: url('/vcvb/images/homeweatherbox.png');
height: 20px;
width: 794px;
font-size: 0.7em;
margin: 0 0 0 95px;
z-index: 1;
}
#dateweather p
{
padding: 4px 0 0 10px;
color: #B12B28;
}
#mainImage
{
float: left;
margin: 5px 0 0 85px;
width: 528px;
position: relative;
z-index: 1;
}
.imageFade
{
position: absolute;
}
#redbox
{
background-image: url('/vcvb/images/homeRedBox.png');
width: 280px;
height: 221px;
float: left;
margin: 3px 0 0 618px;
z-index: 1;
position: relative;
}
#redbox img
{
display: block;
margin: 7px auto 0;
}
#redbox ul
{
margin: 0 35px 0 35px;
}
#redbox ul li
{
clear: both;
color: #FFFFFF;
padding: 2px 0 0;
font-size: 0.7em;
}
#redbox ul li em
{
font-style: normal;
font-weight: 600;
color: #FCEA55;
}
#redbox a
{
color: #72AB19;
text-decoration: none;
font-weight: 500;
}
#redbox a:hover
{
text-decoration: underline;
}
#welcomebox
{
/* background-image: url('/vcvb/images/homeWelcomBox.png'); */
width: 279px;
height: 156px;
float: left;
margin: 0 0 0 618px;
z-index: 1;
}
#welcomebox a img
{
z-index: 5;
}
#welcomeboxstrap
{
margin: -159px 0 0 612px;
width: 159px;
float: left;
z-index: 10;
}
#welcomeboxstrap img
{
float: left;
z-index: 15;
}
#guidebox
{
background-image: url('/vcvb/images/homeVisitGuideBoxUpdate.png');
width: 281px;
height: 94px;
float: left;
margin: 0 0 0 90px;
z-index: 1;
}
#guidebox p
{
display: block;
color: #ffffff;
font-size: 0.8em;
margin: 20px 0 0 70px;
}
#guidebox p em
{
color: #FCEA55;
font-style: normal;
}
#guidebox p a
{
color: #72AB19;
font-style: normal;
text-decoration: none;
}
#middlebox
{
color: #332215;
float: left;
width: 360px;
z-index: 1;
}
#middlebox p
{
margin: 20px 0 0;
text-align: center;
font-size: 1em;
}
#middlebox p a
{
color: #B52C29;
text-decoration: none;
}
#middlebox p a:hover
{
color: #72AB19;
}
#middlebox p a span.arrows
{
color: #72AB19;
}
#playbox
{
float: right;
margin: 0 100px 0 0;
z-index: 1;
}
#footer
{
color: #D3C2BA;
font-size: 0.8em;
z-index: 1;
}
#footer ul
{
width: 800px;
margin: 10px auto;
list-style: none;
}
#footer ul li
{
float: left;
padding: 10px;
}
#footer ul li a
{
color: #D3C2BA;
text-decoration: none;
}
#footer ul li a:hover
{
color: #FCEA55;
}
#footer ul li img
{
margin-top: -5px;
}
#outerBox
{
width: 996px;
margin: 0 auto;
background-color: #99603F;
padding: 0 0 20px 0;
}
#innerBox
{
width: 901px;
margin: 0 auto;
background-color: #F7F3E9;
position: relative;
}
#leftMenu
{
width: 155px;
float: left;
}
#leftMenu ul
{
list-style: none;
padding: 5px 7px 0 10px;
margin: 0;
}
#leftMenu ul li
{
font-size: 0.8em;
padding: 2px 0;
color: #804123;
border-top: solid 1px #804123;
}
#leftMenu ul li a
{
color: #804123;
text-decoration: none;
}
#menuTitle
{
margin: 15px 0 0 10px;
}
#pressMenuTitle
{
margin: 15px 0 0 0;
}
#content
{
margin: 45px 20px 20px 0;
width: 705px;
float: left;
background-color: #F3EDDF;
}
#titleImage
{
width: 132px;
margin: 10px 0 10px 10px;
float: left;
}
#contentBox
{
float: right;
width: 540px;
padding: 10px 20px 10px 0;
color: #804123;
}
#contentBox a, #getawayContentBox a
{
color: #B52C29;
text-decoration: none;
}
#contentBox a:hover, #getawayContentBox a:hover
{
color: #72AB19;
}
#pressContentBox
{
float: right;
width: 652px;
padding: 10px 20px 10px 0;
color: #804123;
}
#contentImage
{
float: right;
margin: 0 0 5px 5px;
}
#contentBox dl dd
{
margin: 0;
padding: 0;
}
#footer p
{
text-align: center;
}
.accomodations
{
margin: 15px 0;
padding: 0;
border-collapse: collapse;
border: 1px black solid;
}
.accomodations th
{
padding: 5px;
}
.accomodations tr td
{
border: 1px black solid;
padding: 2px;
}
table.accomodations tbody tr td img
{
margin: 0 auto -35px auto;
width: 50px;
}
.icon
{
text-align: center;
}
#titleImage ul
{
list-style: none;
padding: 0 0 0 5px;
margin: 0;
}
#titleImage ul li
{
text-align: left;
padding: 10px 0 0 0;
}
#titleImage ul li a
{
text-decoration: none;
color: #804123;
font-size: 0.7em;
}
#resultlist
{
margin: 10px;
}
#listing
{
padding: 10px 0;
}
#reservationBox
{
padding: 20px 0 20px 90px;
}
a.sm2_link
{
color: black;
}
a.sm2_link:hover
{
}
a.sm2_playing
{
color: black;
}
a.sm2_playing:hover
{
}
a.sm2_paused
{
color: white;
background-color: gray;
}
a.sm2_paused:hover
{
}
#player
{
margin-left: 410px;
}
.playlist
{
margin: 0;
padding: 0;
}
#pressreleases ul
{
list-style-type: none;
}
#pressreleases ul li a
{
text-decoration: none;
color: #804123;
}
#socialmedialinks
{
float: right;
text-align: right;
margin: -15px 0 0 0;
}
#socialmedialinks img
{
margin: 0 0 -5px 0;
}
a#jetlink
{
text-decoration: none;
color: #72AB19;
font-weight: 700;
}
a#jetlink:hover
{
color: #FCEA55;
}
#getawayContent
{
margin: 45px 5px 20px 0;
width: 736px;
float: left;
background-color: #F3EDDF;
}
#getawayContentBox
{
float: right;
width: 731px;
padding: 10px 0 10px 0;
color: #804123;
}
#getawayContentBox h2
{
color: #B52C29;
font-size: 24px;
margin: 3px 0 5px 3px;
}
#getawayContentBox p
{
margin: 10px 20px 10px 3px;
font-size: 18px;
}
.getawaysbox
{
background-image: url('/vcvb/images/GetawaysRedBox.jpg');
width: 360px;
height: 450px;
position: relative;
float: left;
margin: 0 5px 5px 0;
}
.getawaysbox h3, .getawaysboxwide h3, .getawaysboxsmwide h3
{
font-family: Helvetica, Arial, sans-serif;
font-weight: 500;
margin: 62px 0 5px 0;
text-align: center;
color: #FCEA55;
}
#getawayContentBox .getawaysbox p
{
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
margin: 5px 0;
padding: 0 35px;
text-align: center;
color: #FFFFFF;
font-size: 12px;
}
.getawaysboxwide
{
background-image: url('/vcvb/images/GetawaysRedBox725w.jpg');
width: 725px;
height: 450px;
position: relative;
float: left;
margin: 10px 5px 5px 0;
}
.getawaysboxsmwide
{
background-image: url('/vcvb/images/GetawaysRedBox725wSm.jpg');
width: 725px;
height: 282px;
position: relative;
float: left;
margin: 10px 5px 5px 0;
}
#getawayContentBox .getawaysboxwide p
{
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
margin: 5px 0;
padding: 0 50px;
text-align: center;
color: #FFFFFF;
font-size: 12px;
}
#getawayContentBox .getawaysboxsmwide p
{
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
margin: 5px 0;
padding: 0 50px;
text-align: center;
color: #FFFFFF;
font-size: 12px;
}
#getawayContentBox p.boxedp
{
border: 1px solid #804123;
padding: 10px;
font-size: 14px;
}
.phonenum
{
font-weight: 700;
color: #72AB19;
}
.footnote
{
font-size: 10px;
}
#guideContentBox
{
float: right;
width: 652px;
padding: 10px 20px 10px 0;
color: #804123;
}
#guideContentBox h3
{
font-size: 24px;
}
.guidesbox
{
margin: 10px 0 0;
padding: 0 0 20px;
}
.guidesbox p
{
margin: 5px;
}
.guidesbox img
{
margin: 5px 10px 5px 0;
}
.guidesbox a
{
color: #B52C29;
text-decoration: none;
}
.guidesbox a:hover
{
color: #72AB19;
}
.guideimage
{
float: left;
}
#content h2
{
color: #B52C29;
font-size: 20px;
padding: 7px 0 5px 3px;
}
#content h3
{
color: #B52C29;
font-size: 18px;
padding: 5px;
}
#content
{
color: #804123;
}
#content p
{
padding: 5px;
}
/*
#content ul
{
margin: 5px;
list-style-type: disc;
list-style-position: inside;
}
#content ul li
{
padding: 3px 7px;
}
*/
#content a
{
color: #B52C29;
text-decoration: none;
}
#content a:hover
{
color: #72AB19;
}
#calendarcontent
{
float: left;
width: 300px;
height: 360px;
padding: 0 0 0 0;
margin: 10px 0 0 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
#calendarcontent h2
{
font-size: 22px;
font-family: Arial, Helvetica, sans-serif;
color: #052A46;
font-weight: 100;
margin: 0 0 10px 0;
text-align: center;
}
#calendarcontent h3
{
color: #804123;
font-weight: 700;
width: 302px;
font-size: 18px;
text-align: center;
}
table#calendar
{
margin: 7px 0;
float: left;
width: 302px;
}
table#calendar tbody
{
}
table#calendar tbody tr td
{
width: 38px;
height: 38px;
border: 1px solid #804123;
color: #B52C29;
text-align: right;
padding: 2px;
font-size: 18px;
background-color: #F3EDDF;
}
table#calendar tbody tr td.today
{
background-color: #804123;
color: #F7F3E9;
}
table#calendar tbody tr td.today a
{
color: #F7F3E9;
}
table#calendar tbody tr td.eventday
{
background-color: #B52C29;
color: #FCEA55;
}
table#calendar tbody tr td.eventday a
{
color: #FCEA55;
}
table#calendar thead tr td
{
font-size: 12px;
}
table#calendar thead tr td a
{
color: #804123;
text-decoration: none;
}
table#calendar thead tr td.next
{
text-align: right;
}
#eventlist
{
width: 300px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0 65px 0 0;
padding: 25px 0 0 0;
}
#eventlist h4
{
color: #052A46;
font-size: 16px;
}
#eventlist h5
{
color: #B52C29;
font-size: 14px;
margin: 3px 0;
}
#eventlist p
{
color: #804123;
font-size: 14px;
padding: 0;
margin: 5px 0;
}
.event
{
margin-bottom: 5px;
}
.morelink
{
position: absolute;
bottom: 15px;
left: 35px;
font-size: 12px;
}
.event a
{
color: #FCEA55;
}