/* BASIC HTML DEFINITIONS */
.style2 {
font-family: Verdana;
font-size: x-small;
}
/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
html, body {height:100%; margin:0; padding:0;}
/* Set the position and dimensions of the background image. */
#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */
#content {
position:relative;
z-index:1;
padding:0px;
color: #333333;
font-family: Verdana, Arial, sans-serif;
font-size: 10pt;
margin: 0px
}
body {background: #FFF url('resort3/includes/images/background.jpg') repeat-x; color: #000; font-family: Verdana, Arial, sans-serif; font-size: 75%; margin: 0px padding: 0px;
}
ul li {
color: #333333;
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
margin: 20px 20px;
padding: 5px;
line-height:20px;
text-align:left;
margin-left:20;
margin-right:20;
font-size:9pt;
padding-left:5px
}
hr {background-color: #B29C8C; color: #B29C8C; height: 1px; width: 80%;}
form {margin: 5px 0 0 0; padding: 0; font-size: 100%;}
.formbutton1 {background-color: #C0C0C0; color: #FFFFFF;}
.forminput {background-color: #FFF; color: #000; border: 1px solid #C0C0C0; padding: 3px; font-size: 100%; font-family: Verdana, Arial, sans-serif; margin: 2px;}
.feedback {width: 450px; background-color: #FFF; color: #000; border: 3px double #808080; padding: 10px;}
/* HEADING DEFINITIONS */
h1 {font-family: Georgia, Times, serif; color: #4060BA; text-align: left; font-size: 26px; font-weight: normal;}
h2 {font-family: Georgia, Times, serif; color: #34477C; text-align: left; font-size: 14pt; font-weight: normal; letter-spacing:3; text-transform:uppercase; margin-left:20; margin-right:20; }
h4 {font-size: 120%; font-weight: bold; color: #4060BA; border-bottom: 1px solid #4060BA;}
h5 {font-size: 120%; font-weight: bold; color: #836D5D;}
h6 {font-size: 120%; font-weight: bold; color: #34477C;}
span.dropcap {font-family: Times, Times, serif; float: left; color: #4060BA; font-size: 75px; line-height: 55px; padding: 0 4px 0 0;}
/* BASIC LINK COLORS */
A:LINK {color: #006699; text-decoration: none; font-weight: bold}
A:VISITED {color: #006699; text-decoration: none; font-weight: bold}
A:HOVER {color: #B29C8C; text-decoration: underline; font-weight: bold;}
A:ACTIVE {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
.rollover {float: left; color: #FFF; font-size: 12px;}
.rollover A:LINK {display: block; margin: 0; width: 124px; float: left; color: #FFF; background: url('images/buttongroup.jpg') no-repeat 0 0; ; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:Tahoma; padding-left:0; padding-right:0; padding-top:8px; padding-bottom:8px}
.rollover A:VISITED {display: block; margin: 0; width: 124px; float: left; color: #FFF; background: url('images/buttongroup.jpg') no-repeat 0 0; ; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:Tahoma; padding-left:0; padding-right:0; padding-top:8px; padding-bottom:8px}
.rollover A:HOVER {background-position: -125px 0; font: bold 12px Tahoma; color: #000; text-decoration: none;}
.rollover A:ACTIVE {background-position: -125px 0; font: bold 12px Tahoma; color: #000; text-decoration: none;}
.header a:link {color: #7194D6; text-decoration: none; font-weight: bold;}
.header a:visited {color: #7194D6; text-decoration: none; font-weight: bold;}
.header a:hover {color: #A8C0E8; text-decoration: none; font-weight: bold;}
.header a:active {color: #7194D6; text-decoration: none; font-weight: bold;}
.footer a:link {color: #7194D6; text-decoration: none; font-weight: bold;}
.footer a:visited {color: #7194D6; text-decoration: none; font-weight: bold;}
.footer a:hover {color: #A8C0E8; text-decoration: none; font-weight: bold;}
.footer a:active {color: #7194D6; text-decoration: none; font-weight: bold;}
/* MAIN CLASSES */
.wrapper {width: 750px; text-align: left; background-color: #FFF; border: 1px solid #808080;}
.header {
font-family: Georgia, Times, serif;
color: #34477C; text-align: left;
font-size: 14pt;
font-weight: bold;
margin-left:20;
margin-right:20;
letter-spacing:3;
text-transform:uppercase;
margin: 20px 20px;
}
.subheader {
font-family: Arial, Verndana, sans-serif;
color: #996600;
text-align: left;
font-size: 11pt;
font-weight: normal;
margin-left:20;
margin-right:20;
margin: 20px 20px;
}
.mainnavigation {
text-align: center;
color: #B2782F;
height: auto;
padding-left:0;
padding-right:0;
padding-top:1px;
padding-bottom:1px;
word-spacing: normal;
font-size: 12px;
}
.sidebar {
width: 280px;
text-align: center;
vertical-align: top;
padding: 10px;
margin-left:40;
margin: 20px 40px;
line-height: 16px;
border-right: 1px dashed #34477C;
border-left: 1px dashed #34477C;
font-size: 90%;
}
.maintext {
color: #333333;
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
margin: 20px 20px;
padding: 5px;
line-height:18px;
text-align:left;
margin-left:20;
margin-right:20;
font-size:9pt;
padding-left:5px
}
.special {
color: #333333;
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
margin: 20px 20px;
padding: 5px;
line-height:18px;
text-align:left;
margin-left:20;
margin-right:20;
font-size:9pt;
padding-left:5px
}
.menutext {padding: 5px; line-height:20px; text-align:left; margin-left:50; margin-right:20; font-size:9pt; text-indent:-10; padding-left:5px}
.footer {text-align: center; font-size:8pt; color: #FFFFFF;}
.notetext {padding: 5px; font-size:8pt; padding-left:5px}
/* ASSIGN CLASSES TO IMAGES TO PLACE THE BORDER AND ALIGNMENT */
.imageleft {margin: 0 10px 0 0; float: left; border: 3px double #828282;}
.imageright {margin: 0 0 0 10px; float: right; border: 3px double #828282;}
.imagecenter {margin: 0 5px; border: 3px double #828282;}