body{
   font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
   font-size: 12px;
   padding: 0px;
   margin-left:  0%;
   margin-right: 0%;
   color: #505050; 
 }

table, th, td, li, pre {
   font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
   font-size: 12px;
   padding: 0px;
 }

#container {
   margin:0 auto; 
   width:980px;
   background-color: #ffffff;
   border: 0px solid #ffffff;
}

#containermail {
   margin:0 auto; 
   width:500px;
   background-color: #ffffff;
   border: 0px solid #ffffff;
}


#containerInside {
   margin:0 auto; 
   width:960px;
   background-color: #ffffff;
   border: 0px solid #ffffff;
}

#containerInsideMail {
   margin:0 auto; 
   width:480px;
   background-color: #ffffff;
   border: 0px solid #ffffff;
}


.BlueBox {
	background-color: #99CCFF;
	border: 0px solid #99CCFF;   
	margin: 0px 0px 0px 0px; 
	color: #333333;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 14px;
	font-weight: bold;
}

.BrownBoxHomePage {
	background-color: Brown;
	border: 3px solid #ffffff;   
	margin: 0px 0px 0px 0px; 
	color: #333333;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 12px;
	font-weight: bold;
}


.BlueBoxSmall {
	background-color: #99CCFF;
	border: 0px solid #99CCFF;   
	margin: 0px 0px 0px 0px; 
	color: #333333;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 12px;
	font-weight: bold;
	height: 14px;
	padding: .2em 0em 0em .25em;
}


.TanBox {
	background-color: #efe7da;
	border: 0px solid #efe7da;   
	margin: 0px 0px 0px 0px; 
	color: #333333;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 14px;
	font-weight: bold;
}

.OldTanBoxWithPadding {
	background-color: #efe7da;
	border: 0px solid #efe7da;   
	margin: 0px 0px 0px 0px; 
	color: #333333;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	padding: .5em 0em 0em .5em;
	align: center;
}


.SmallTanBox {
	background-color: #efe7da;
	border: 0px solid #efe7da;   
	margin: 0px 0px 0px 0px; 
	color: #333333;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 12px;
	font-weight: bold;
	align: center;
}


.BrownBox {
	background-color: #8D4F28;
	border: 0px solid #8D4F28;   
	margin: 0px 0px 0px 0px; 
	color: #333333;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 14px;
	font-weight: bold;
	height: 10px;
	padding: .5em 0em 0em .5em;
	align: center;
}




.TanBoxSmall {
	background-color: #efe7da;
	border: 0px solid #efe7da;   
	margin: 0px 0px 0px 0px; 
	color: #333333;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 12px;
	font-weight: bold;
	height: 14px;
	padding: .2em 0em 0em .25em;
}



.OrangeBox {
	background-color: #CC3300;
	border: 0px solid #CC3300;   
	margin: 0px 0px 0px 0px; 
	color: #ffffff;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	padding: .5em 0em 0em .5em;
}

.CalendarDateBooked {
	background-image:  url('/sites/destin/images/Calendar/BGBooked.jpg');
	border: 1px solid #CCCCCC;   
	margin: 0px 0px 0px 0px; 
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	height: 40px;
	width: 40px;
}

.CalendarDateOpen {
	background-color:  #FFFFFF;
	border: 1px solid #CCCCCC;   
	margin: 0px 0px 0px 0px; 
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	height: 40px;
	width: 40px;
}

.CalendarDateCheckIn {
	background-image:  url('/sites/destin/images/Calendar/BGCheckIn.jpg');
	border: 1px solid #CCCCCC;   
	margin: 0px 0px 0px 0px; 
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	height: 40px;
	width: 40px;
}

.CalendarDateCheckOut {
	background-image:  url('/sites/destin/images/Calendar/BGCheckOut.jpg');
	border: 1px solid #CCCCCC;   
	margin: 0px 0px 0px 0px; 
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	height: 40px;
	width: 40px;
}

.CalendarDateCheckInOut {
	background-image:  url('/sites/destin/images/Calendar/BGCheckInOut.jpg');
	border: 1px solid #CCCCCC;   
	margin: 0px 0px 0px 0px; 
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	height: 40px;
	width: 40px;
}



.GrayBox {
	background-color: #DDDDDD;
	border: 0px solid #DDDDDD;   
	margin: 0px 0px 0px 0px; 
	color: #333333;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	padding: .5em 0em 0em .5em;
}

.GrayBoxSmall {
	background-color: #DDDDDD;
	border: 0px solid #DDDDDD;   
	margin: 0px 0px 0px 0px; 
	color: #333333;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 12px;
	font-weight: bold;
	height: 14px;
	padding: .2em 0em 0em .25em;
}





.GreenBox {
	background-color: #33FF99;
	border: 0px solid #33FF99;   
	margin: 0px 0px 0px 0px; 
	color: #333333;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 14px;
	font-weight: bold;
}

.YellowBox {
	background-color: #FFFF66;
	border: 0px solid #FFFF66;   
	margin: 0px 0px 0px 0px; 
	color: #333333;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 14px;
	font-weight: bold;
}

.YellowSearchResult {
	background-color: #FFFF66;
	border: 0px solid #FFFF66;   
	margin: 0px 0px 0px 0px; 
	color: #333333;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 14px;
	font-weight: bold;
	padding: .5em 0em 0em .5em;
}


.IconBoxTop {
	background-color: #FFFFFF;
	border: 0px solid #FFFFFF;
	border-top: 1px solid #aaaaaa;   
	margin: 0px 0px 0px 0px; 
	color: #333333;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 14px;
	font-weight: bold;
}

.IconBoxBottom {
	background-color: #FFFFFF;
	border: 0px solid #FFFFFF;
	border-bottom: 1px solid #aaaaaa;   
	margin: 0px 0px 0px 0px; 
	color: #333333;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 14px;
	font-weight: bold;
}




.EmeraldBox2 {
	background-color: #053780;
	border: 2px solid #aaaaaa;  
	margin: 2px 0px 0px 0px; 
}

.HeaderContainer {
	background-color: #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
}

fieldset {
	padding: 0 1em 1em 1em;
	background-color: #FFFFFF;
	border: 1px solid #aaaaaa;  
		
}

legend {
	padding: .5em 1em .5em 1em;
	background-color: #eeeeee;
	
}



.fontsize10{
   font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
   font-size: 10px;
 }

.fontsize11{
   font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
   font-size: 11px;
 }


.fontsize12{
   font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
   font-size: 12px;
 }

.fontsize13{
   font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
   font-size: 13px;
 }
.smallGreyFont{
   font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
   font-size: 10px;
   color: #666666;
}


/*
        a { color: #16387c; text-decoration:none }
        a:link,a:visited{text-decoration:none;}
        a:hover {text-decoration:underline}
*/

		a:link { color: #16387C; text-decoration: none;  }
		a:visited { color: #16387C; text-decoration: none;  }
		a:hover { color: #F37020; text-decoration: underline;  }


        .simpleborder1{
             background:#fff;
             border:1px solid #cccccc;
             margin:2px 0px 0px 0px;
             line-height: 1.25em; 

            }

        .simpleborder2{
             background:#fff;
             border:2px solid #cccccc;
             margin:2px 0px 0px 0px;
             line-height: 1.25em; 
            }

        .simpleborder3{
             background:#fff;
             border:3px solid #cccccc;
            }

	    .simpleborderYellow1{
				 background-color: #FFFF66;
	             border:1px solid #cccccc;
	             margin:2px 0px 0px 0px;
				 font-size: 14px;
				 font-weight: bold;
	
	            }


        .blueborderthick{
             background:#ffffff;
             border:2px solid #15009E;
             margin:5px 0px 0px 0px;
            }


        body  {
                font: 0.8125em sans-serif; 
                line-height: 1.25em; 
                color: #505050; 
                font-size: 12px;
                margin:0px 0px 0px 0px;
                padding:0px;
                font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
                background: #336699;
                }


hr {                                                           /* Creates a thicker blue line */
   height:2px;  
   width:100%;
   background-color: #cccccc;
   border:0px; 
 }


h1 {                                                          /* Our Dark Font Used as Sub headers */
   font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
   font-size: 14px;
   color: #333333;
   font-weight: bold;
}

h2 {                                                           /* Our Red Font Normally Shown in Gray Table Header */
   font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
   font-size: 14px;
   color: #333333;
   font-weight: bold;
 }

h3 {
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 16px;
	color: #333333;
	font-weight: lighter;
	margin-top: 0;
	margin-bottom: 0;
}


h4 {
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 14px;
	color: #333333;
	font-weight: lighter;
	margin-top: 0;
	margin-bottom: 0;
}

/* ******************************
/* Notify Box - Used at top of pages for messages
/* *************************** */
.notifyBox {
	background-image: url(/common/images/Notify/notify-check.gif);
	background-repeat: no-repeat;
	background-position: 15px 12px;
	background-color: #d9ffb2;
	border: 1px solid #88c331;
	margin: 10px 0;
	margin-top: 20px;
	padding: 15px 20px 15px 80px;
}
.notifyBox h3 {
	font-size: 19px;
	color: #4c8700;
}
.notifyBox .hl {
	background-color: #fff2ac;
}
.notifyBox.bad {
	background-image: url(/common/images/Notify/notify-bad.gif);
	background-color: #ffc9bb;
	border: 1px solid #e07d63;
}
.notifyBox.bad h3 {
	color: #9f1e00;
}
.notifyBox.info {
	background-image: url(/common/images/Notify/notify-info.gif);
	background-color: #dceeff;
	border: 1px solid #a5b2bf;
}
.notifyBox.info h3 {
	color: #004e9d;
}
.notifyBox.notifySearch {
	background-image: url(/common/images/Notify/notify-search.gif);
	background-color: #fffbe1;
	border: 1px solid #e0d9a8;
}
.notifyBox.notifySearch h3 {
	color: #7f5711;
}
.notifyBox h2 {
	padding: 0;
}
.notifyBox ul {
	margin: 0;
	padding-left: 25px;
}
.notifyBox ul ul {
	list-style: circle;
	margin: 0;
	padding-left: 30px;
}