/*  sets the layoput for the body tag.  The body container for the page */
body{
        background: #f2f6fd url(images/sky_bg.jpg) repeat-x center 0;
        margin: 0;
   width:760px; /* sets the width of the element */
        margin-top: 15px; /* moves the full page down 125px from top*/
        margin-right:auto; /* auto scale right margin*/
        margin-bottom: 0; /*  bottom margin to 0px */
        margin-left: auto; /* set left margin to auto size*/
        padding: 0;  /* all padding opx;*/
        }

/* sets the layout for the main div area*/
#main {
        padding: 0; /* all padding opx;*/
        margin-bottom:15px; /* bottom margin 15px so the background colur of body appears here */
        /*background-image: url(images/maincontent.gif);*/ /* the image that show the shadow effect of the sides of the page*/
        /*background-repeat: repeat-y; *//* repeat up-down*/
        /*background-position: center top; *//* snaps to top center of the body*/
        width:760px; /* widht of the elment image*/
        background-color:#FFFFFF;
}

/* sets the layout for the header div area*/
#header{
        height:137px; /* sets height of element*/
/*      background-image: url(assets/header_images/oasis.jpg);*/ /* header image with logo*/
        background-repeat: no-repeat; /* do not repeat this */
        background-position: center top; /* snap to top of main */
        width: 760px; /* set width*/
        margin:0px; /* no margin */
        padding: 0px; /* no padding */
}

/* sets the layout for the mainmenu div area*/
#mainmenu {
        /*background-image: url(images/menubar.jpg);*/ /*green horizontal bar*/
        /*background-repeat: no-repeat; *//* do not repeat */
        /*background-position: center top; *//* snap to top center of main, which will be below the header div*/
        height: 22px; /*set height*/
        width:760px; /* set width */
        text-align: center; /* align text to center, evens out the menu links*/
        margin:0 0 10px 0; /* no margins */
        padding:0px;
        background-color:#0066CC;
}


/* sets the maincontent area below the mainmenu which is the container for the sectionmenyu and section content*/
#maincontent {
margin:0px; /* no margin */
padding:0px; /* no padding */
        text-align: center; /* align everything center within this element */
        width:760px; /* set width */
}



/* this is the element that holds the reuired for the left menu */
#sectionmenu {
        text-align: center; /* center all child elements */
        float: left; /* very important, moves this to the top left of the main conent element*/
        /*background-image: url(images/sectionmenumiddle.gif);*/ /*green strip with shadow left and right*/
        /*background-repeat: repeat-y; *//* the green image that makes the menu expand*/
        margin-top: 0px; /* set all margins to 0px*/
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left:0px; /* except for this one, makes the green menu block 12 px from side */
        padding: 0px 0 0 0; /* no padding */
        width:182px; /* set the width*/
        background-color:#0066CC;
}




/* sectionmenuitems contains the menu*/
#sectionmenuitems{
        padding:2px 0 0 0;
        text-align: left; /* align text left*/
        margin: 0px; /* none*/
}

#logos{
	background-color:#fff;
	text-align: center;
	margin:0;
	padding:20px 0 0 0;
	
}
a img{
border:none;
}



/*  the main content area */
#mainsection {
        /*background-image: url(images/sectioncontentmiddle.gif);*/ /* the side border image*/
        /*background-repeat: repeat-y; *//* repaet this image as the conent expands */
        /*background-position: center;*//* center in image*/
        float: right;/* important, moves th full element to top right of mainconent.  makes the left menu and this appear side by si
de */
        margin-right: 2px;/* set right margin*/
        margin-left:0px;/* remove left margin*/
        text-align: center;/* align text centrer*/
        padding: 0px;/* no padding       */
        margin-top: 0px;/* remove margins top   */
        margin-bottom: 0px;/* remove bottom margin */
        width:572px;/* set widht to same as image*/
        
        }




/* where the content will appear*/
#sectioncontent {
        text-align: left; /* align text left*/
        padding-left:0px;/* pad the left 10 px*/
        padding-right:0px;/* pad the right 10 px*/
        width:572px;/* subtract the padding form the width 540 and set to 520*/
        font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
        font-size: 11px;
        color: #000000; 
}



/* manisection footer to hold bottom navigation*/
#mainfooter {
        text-align:center;/* align the text center*/
        color: #0066CC;/*set the colur of the text */
        background-position: center bottom;/* center and bottom*/
        margin: 0px;/* no margin required */
        padding: 0px;/* no padding required*/
        clear: both;/* important, removes the effects of the other float rulles and brings back into body structure*/
        width:760px;/* set the width*/
}

/* footer for the page, the shadow graphic at the bottom*/
#sectionfooter {
        /*background-image: url(images/sectionfooter.gif);*/ /* use an image */
        /*background-repeat: no-repeat;*//* no repeat required*/
        height:3px;/* set to image height*/
        width:760px;/* set to image widht*/
        /*background-position: center bottom;*//* set to bottom to remove space*/
        padding: 0px;/* remove the padding*/
}

/* CONTENT DISPLAY FORMATTING */

/* Navigation Menus */
#topmenu{
        display:inline;
}

#topmenu a{
        font-family: verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        color: #ffffff;/* font colur*/
        text-align: center;/* align center*/
        text-decoration:none;/* remove under lines from the a tag*/
        padding-left:10px;
        padding-right:10px;
}



#topmenu a:hover{
        color: #ffffff;/* font colur*/
        text-decoration:underline;
}

#topmenu a.current{
color: #fff;/* font colur*/
text-decoration:underline;
}



#sectionmenuitems ul{
        margin:10px 10px 10px 10px;
        padding:0px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #ffffff;   

}

#sectionmenuitems li{
        list-style-type: none;
        text-align:left;
        margin:0px;
        padding-bottom:1px;
        padding-top:1px;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-top-style: dotted;
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;

        
}

#sectionmenuitems li a{
font-family: verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        color: #ffffff;/* font colur*/
        text-align: center;/* align center*/
        font-style: normal;/* no fancy*/
        text-decoration:none;/* remove under lines from the a tag*/
}

#sectionmenuitems a:hover{
        color: #fff;/* font colur*/
        text-decoration:underline;
}

#sectionmenuitems a.current{
color: #fff;/* font colur*/
text-decoration:underline;

}

#mainfooter p a{
        font-family: verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        font-weight:bold;
        color: #0066CC;/* font colur*/
        text-align: center;/* align center*/
        display:inline;/* keep it inline*/
        text-decoration:none;/* remove under lines from the a tag*/
        padding-left:1px;
        padding-right:1px;
}

#mainfooter a:hover{
                color: #000000;/* font colur*/
}

#mainfooter a.current{
color: #000000;/* font colur*/
text-decoration:underline;
}

.pageTitleBar{

    padding:0px;
    margin: 0px; 
        float:left;
    width:300px;
        font-weight:bold;
font-size: 12px;
        font-weight:bold;
color:#fff;

}

.dateTitleBar{

    padding:0px;
    margin: 0 0 0 282px; 
    text-align:right;
font-size: 12px;
        font-weight:bold;
color:#fff;


}

#blueBar{ 
background-color:#8FB2EC;
height:16px;
padding:0px;
margin:0px;
        
}


#contact_table{
    margin-left:60px;
	width:500px;
	border:dashed;
	border-width:1px;
	border-color:#0066CC;
}


#contact_table .holiday_type{
font-weight:bold;
color:#0066CC;

}

#contact_table .tel_num{
font-weight:bold;
}
#contact_table .fax_num{
font-weight:bold;
}


.email_thanks{
text-align:center;
font-size:14px;


}

.email_error{
text-align:center;
font-size:14px;
color:#FF0000;
font-weight:bold;

}

/* begin formatting of contact form - in HTML, form must have id="contactform" */

form#contactform {
	margin:0 0 0 85px;
	padding:0;
	 width:380px;
	/*comment out the above line have form expand to width of containing element */
}

form#contactform  label{
	display:block;
	padding:4px 0 4px 145px; /* the last value here creates a space equivalent to the width of the span containing label text */
	margin: 0 0 0px 0;
	color: #0066CC;
	/*background-color:#D6E6F5;*/
	font-family : sans-serif;
	font-weight:bold;
	border-bottom: 1px solid #FFF;
}

 form#contactform  label span{
	position: relative;
	left: -135px; /* this pushes the left edge of the span over to the left edge of the space created by the padding set above */
	float: left;
	margin-right: -145px; /*reduce the values of this and the above commented elements to make a narrower label*/
	padding-top: 3px;
}

form#contactform input.texfield{
	width: 220px;
}

form#contactform select{
	width: 220px;
}

form#contactform  textarea{
	width: 220px;
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

form#contactform  p#buttons {
	text-align:center;
	
}
/*end formatting of contact form */

/* begin formatting of contact form - in HTML, form must have id="contactform" */

form#cruiseclubform {
	margin: 0 0 0 20px;
	 width:530px;
	/*comment out the above line have form expand to width of containing element */
}

form#cruiseclubform  label{
	display:block;
	padding:4px 0 4px 0px; /* the last value here creates a space equivalent to the width of the span containing label text */
	margin: 0 0 0px 0;
	color: #0066CC;
	/*background-color:#D6E6F5;*/
	font-family : sans-serif;
	font-weight:bold;
	border-bottom: 1px solid #FFF;
}

 form#cruiseclubform  label span{
	position: relative;
	
	float: left;
	
	padding-top: 3px;
}

form#cruiseclubform  input.texfield{
	width: 400px;
}

form#cruiseclubform  span.checkbox{
display:block;
	width:125px;
	float:left;
	color: #0066CC;
	font-family : sans-serif;
	font-weight:bold;
}

form#cruiseclubform  p#buttons {
	text-align:center;
	
}

form#cruiseclubform fieldset{
	margin: 20px 20px 0 20px;
}

form#cruiseclubform legend{
	font-weight : bold;
	font-variant : small-caps;
	font-size : 14px;
}

form#cruiseclubform span{
display : block;
font-weight : bold;
	font-size : 12px;
	padding : 10px 0 10px 0;
}

form#cruiseclubform span.required{
font-weight : bold;
display : inline;
	font-size : 12px;
	color : Red;
}

form#cruiseclubform span.cruiseline{
font-weight : bold;
display : block;
	font-size : 12px;
	color: #0066CC;
	text-align : center;
}
/*end formatting of contact form */



.etomite_license{
	text-align:center;
	font-size:9px;
	
	
}