/* 
    Document   : style
    Created on : Feb 19, 2009, 3:25:58 PM
    Author     : macide
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
.borderDiv {
        padding:0px 5px;
        margin-top:6px;
        border:1px dotted #831903;
    }
.image {
    float:left;
    position:relative;
    left:-5px;
}
.wrap1 {
    position:relative;
    z-index:2;}
.wrap3 {
    position:absolute;
    top:0px;
    left:0px;
    z-index:2;
    }
.wrap2 {
    position:relative;
    z-index:1;}
body {


    background-color: #d6a80c;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.resortContainer {
    position:relative;
    padding-left:120px;
    padding-top:0px;
    padding-bottom:10px;
    width:430px;
    
}
.fieldName {
    color:#930000;
    text-align:right;
    font-weight:bold;
    font-size:20px;
    vertical-align:top;
    width:145px;
}
div#popUp {
    background-color:#930000;
    border:1px solid #930000;
    width:300px;
    height:200px;
    position:absolute;
    color:#F7D631;
    top:200px;
    left:150px;
    text-align:right;
}
div#popUp a {
    color:white;
    text-decoration:none;
}
div#popUpContent {
 color:#930000;
    border-top:1px solid #930000;
    width:300px;
    height:174px;
    background-color:#F7D631;
    position:absolute;
    top:25px;
    left:0px;
    text-align:center;
}
.resortLocation {
    font-weight:bold;
}
.formField input, .formField select{
    background-color:#DDEAF8;
    border:1px dashed #930000;
    color:#930000;
    width:300px;
    font-size:16px;
    margin:5px;
    vertical-align:top;
    
}
.formField {
    width:310px;
    text-align:left;
}
.formButtons{
     text-align:left;
}
.formButtons input{
    background-color:#DDEAF8;
    border:1px solid #930000;
    color:#930000;
    width:100px;
    font-size:16px;
    margin:5px;
    vertical-align:top;
   

}
.formField textarea{
    background-color:#DDEAF8;
    border:1px dashed #930000;
    font-size:16px;
    margin:5px;
    color:#930000;
    width:300px;
    height:75px;

}
.confField {
     background-color:#DDEAF8;
    border:1px dashed #930000;
    width:140px;
    margin-bottom:2px;
     font-size:18px;
     color:#930000;
     font-weight:bold;
     text-align:center;
}
.resortContainer .mainText {
  
   text-align:left;
   
  
    font-size: 12px;
}
.resortContainer .mainText h3 {
   background-color:#FFFFFF;
   margin-left:-10px;
}

.resortImage {
    
    height:83px;
    width:108px;
    background-image: url(images/shadow.jpg);
    background-repeat: no-repeat;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    vertical-align: top;
    text-align: left;
    position: absolute;
    top: 30px;
    left: 1px;
}


div#outerBorder {
    margin-left: auto;
    margin-right: auto;
    width: 798px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 15px;
    margin-top: 5px;
    background-image: url(images/shadowCenter.jpg);
    background-repeat: repeat-y;
}
div#innerBorder {
    height: 100%;
    width: 778px;
}
div#main {
    
 background-image: url(images/leftcolBG.jpg);
    background-repeat: repeat-y;
    background-color: #E7E7E7;
}
div#leftSidebar {
  float: left;
  width: 204px;
  font-family:Arial,Helvetica,sans-serif;
  color:#930000;
  font-size:10px;
  font-weight: bold;
  height: 100%;
}
div.sidebarSection a {
    text-decoration: none;
    color:#930000;
    font-size:10px;
}
div.sidebarSection {
    
    text-align: left;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
}
div.sidebarSection ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	}
div.sidebarSection ul li {
    background-image: url(images/arrow.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 16px;
    margin-bottom: 5px;
    height: 14px;
}
div#freeTickets {

  
    text-align: center;
    font-weight: bold;
    font-size: 13px;
}
div#content {
    padding-top:10px;
    padding-bottom:53px;
    width:549px;
    float:right;
    text-align:center;
    padding-right:13px;
    
}

div#mainMenu {

    background-image: url(images/wbeach1.jpg);
    background-position: center center;
}
div#destinations {

    background-image: url(images/wbeach2.jpg);
     background-position: center center;
}
div#footer {
    position:absolute;
    text-align:center;
    top:-33px;
    left:204px;
    width:574px;
    height:33px;
}
div#footerContainer {
    position:relative;
    left:-10px;
    clear: both;
  
    height:8px;
    width:798px;
    background-image: url(images/shadowBottom.jpg);
}
div#header {
    position:relative;
    left:-10px;
    padding-left:10px;
    clear: both;
    padding-top:0px;
    width:798px;
    background-image: url(images/shadowTop.jpg);
    background-repeat: no-repeat;
}

.redText {
    color:#FF0000;
    font-weight:bold;
    text-align:center;
}

.mainText {
    font-weight:bold;
    font-size:12px;
    font-family: Arial,Helvetica,sans-serif;
    text-align:center;
}
.mainRed {
    font-weight:bold;
    font-size:12px;
    font-family: Arial,Helvetica,sans-serif;
    text-align:center;
    color:#930000;
}
.packageDetails {

    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
}
.phoneNumber {
    color:#990000;
    font-weight:bold;
    font-size:25px;
    font-family: Arial,Helvetica,sans-serif;
    text-align:center;
}
.subHeader {
     color:#990000;
    font-weight:bold;
    font-size:16px;
    font-family: Arial,Helvetica,sans-serif;
    text-align:center;
}
.packageContainer {
    width:183px;
    height:175px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:15px;
    
    margin-bottom:0px;
    background-image: url(images/cell.gif);
    background-position: 0px 32px;
    background-repeat: no-repeat;
}
.packageContainer img {
    border:none;

}
.packageContainer a {
    text-decoration:none;
}
.packageContent img {
    margin:2px;
    margin-bottom:5px;
}
.packageContent {
    padding-top:0px;
    padding-left:5px;
    padding-right:9px;
    padding-bottom:15px;
    text-align:center;
}
.packagePrice {
    color:#930000;
    font-weight:bold;
    font-size:24px;
    font-family: Arial,Helvetica,sans-serif;
}
.packageLocation {
    color:#000000;
    font-weight:bold;
    font-size:16px;
    font-family: Arial,Helvetica,sans-serif;
}
.packageNights {
    color:#930000;
    font-weight:bold;
    font-size:18px;
    font-family: Arial,Helvetica,sans-serif;
}
.leftCell {
    float:left;
    margin-left:0px;
    margin-right:0px;
    width:183px;
}
.centerCell {
    float:left;
    margin-left:2px;
    margin-right:2px;
    width:183px;
}
.rightCell {
    float:right;
    margin-left:0px;
    margin-right:8px;
    width:183px;
}
div#packageCells {
    width:561px;
    padding:0px;
    margin:0px;
}
div#bottomEdge {

}