/*  Font size and face, etc for all text within tags */
/*  For consistency, these should be set the same as the BODY tag, above. */

* {
	margin: 0;
	padding: 0;
}

* html body {
 font-size: 13px;
 letter-spacing:0.02em;
 }

body {
	text-align: center; /* IE 5.x recognizes this and centers EVERYTHING in the body */
	background: #83A6D2 url(../images/bgd.gif) repeat-x;
	font-family:"Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	margin:0px;
	padding:0px;
	font-size:12px;
}
#wrapper {
	width: 740px; /* ideal width for 800 x 600 screen resolutions */
	margin: 0 auto 0 auto; /* centers the #wrapper */
	text-align: left; /* for IE5.x because of the margin:auto bug*/
	background-color:#F7FAFF;
}


#main {
	width: 81%;
	float: left;
	background-color:#0C3D69;
}
#mainmenu {
	background:url(../images/menu_bgd.png) no-repeat;
	height: 35px;
}
#content {
	background-color:#FfF;
	float: right;
	width: 76%;
	height:auto;
	border-right: 2px solid #DAE5F3;
	
}
#sidebar1 {
	background-color:#0C3D69;
	min-height: 500px;/* for IE 6*/
	margin-right: 77%; /* must be greater than the width of #content */
}
#sidebar2 {
	background: #F7FAFF url(../images/sidebar2_bgd.gif) no-repeat top right;
	margin-left: 81%; /* margin must be greater than the width of #main */
	
}

#footer {
	background-color: #8BADCE;
	clear: both;
	}

.footer {
	font-weight:bold;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:11px;
	text-align:center;
	color:#fff;
	padding:3px;
}





P	{
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 10pt;
	FONT-WEIGHT : normal;
	TEXT-DECORATION :none;
	COLOR : #616161;
}

TD	{
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 10pt;
	FONT-WEIGHT : normal;
	TEXT-DECORATION :none;
	COLOR : #616161;
	padding: 5px;
	
}
	

TH	{
	FONT-FAMILY :  Arial, Helvetica, sans-serif;
	FONT-SIZE : 10pt;
	FONT-WEIGHT : normal;
	TEXT-DECORATION :none;
	COLOR : #FFFFFF;
}


/*  Other General Default Formatting information - keep minimal */ 
/*  Inherit from default classes/settings where possible! */

B{
	FONT-WEIGHT : bold;
}

HR	{
COLOR : #BE0909;}


/*  Only Internet Explorer or Netscape 6.0+ use the following */
A:link    {COLOR:#990000  }
A:visited {COLOR:#990000;}
A:hover   {COLOR: #0C3D69;}
A:active  {COLOR: #990000;}



/*  MENU */

.menu{
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	FONT-WEIGHT: normal;
	TEXT-DECORATION : none;
	COLOR: #FFFFFF;
}
.menu A:LINK   {COLOR: #FFFFFF; TEXT-DECORATION: none;}
.menu A:VISITED{COLOR: #FFFFFF; TEXT-DECORATION: none;}
.menu A:HOVER  {COLOR: #BE0909; TEXT-DECORATION: none;}
.menu A:ACTIVE {COLOR: #FFFFFF; TEXT-DECORATION: none;}

.menu2{
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION : none;
	COLOR: #FFFFFF;
	font-style : italic;
}
.menu2 A:LINK   {COLOR: #FFFFFF; TEXT-DECORATION: none;}
.menu2 A:VISITED{COLOR: #FFFFFF; TEXT-DECORATION: none;}
.menu2 A:HOVER  {COLOR: #fff; TEXT-DECORATION: none;}
.menu2 A:ACTIVE {COLOR: #FFFFFF; TEXT-DECORATION: none;}


/*  CUSTOM CLASSES FOR THIS SITE */
/*  Please avoid using H1 - H7 */

.text{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #FFFFFF;
	font-weight : normal;
}

.text2{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #DCDCDC;
	font-weight : normal;
}

.text3{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #FFA000;
	font-weight : normal;
}

.text4{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #FFCC00;
	font-weight : normal;
}

.text5{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #BE0909;
	font-weight : normal;
}

.text6{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #FAFAD2;
	font-weight : normal;
}

.text7{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #F0FFF0;
	font-weight : normal;
}
	
.header{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14pt;
	color : #FFFFFF;
	font-weight : normal;
}

.header2{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14pt;
	color : #DCDCDC;
	font-weight : normal;
}

.header3{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14pt;
	color : #FFA000;
	font-weight : normal;
}
	
.header4	{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14pt;
	color : #FFCC00;
	font-weight : normal;
}	

.header5	{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14pt;
	color : #BE0909;
	font-weight : normal;
}	

.header6	{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14pt;
	color : #FAFAD2;
	font-weight : normal;
}
	
.header7	{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14pt;
	color : #F0FFF0;
	font-weight : normal;
}	
	
.sub{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color : #FFFFFF;
	font-weight : normal;
}

.sub2{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color : #FFFFFF;
	font-weight : bold;
}
.sub2 A:LINK   {COLOR: #FFA000; TEXT-DECORATION: none;}
.sub2 A:VISITED{COLOR: #FFA000; TEXT-DECORATION: none;}
.sub2 A:HOVER  {COLOR: #BE0909; TEXT-DECORATION: none;}
.sub2 A:ACTIVE {COLOR: #FFA000; TEXT-DECORATION: none;}


a.menu_a {
text-decoration:none;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
color:#0C3D69;

font-weight:bold;
font-size: 18px;
padding: 0px 12px;
}

a.menu_a:hover {
color:#990000;
font-weight:bold;
}

a.menu_a:active {
color:#990000;
font-weight:bold;

}
a.menu_a:visited {
color:#0C3D69;
font-weight:bold;
}

.text {
color:#616161;
padding: 10px 25px;
}
.rightsidebar_menu {
text-align:center;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 13px;
padding-top:10px;
}
a.p_menu{
text-decoration:none;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
color:#990000;
text-transform:capitalize;
font-weight:bold;
font-size: 14px;
padding: 0px 5px;
}
a.links_menu{
text-decoration:none;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
color:#0C3D69;
font-weight:bold;
font-size: 14px;
padding: 0px 0px 10px 15px;
text-align:center;
}

a.p_menu:hover, a.links_menu:hover {
color:#0C3D69;
font-weight:bold;

}

a.p_menu:active, a.links_menu:active {
color:#0C3D69;
font-weight:bold;
text-decoration:underline;
}
a.p_menu:visited {
color:#0C3D69;
font-weight:bold;
}
.icons {
padding: 15px 0px;
}

#banner {
margin: 20px 0px 10px 10px;
}

.subheader {
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
color:#B53B42;
font-size:22px;
font-weight:bold;
text-align:center;
}

.subsubheader {
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
color:#0C3D69;
font-size:16px;
font-weight:bold;
text-align:center;
}

a.pdf_link:hover {
color:#333399;
}

a.pdf_link:link {
color:#333399;
}

a.pdf_link {
color:#000;
text-decoration:none;
}

.form {
margin: 5px;
}

.form-reservations {
margin: 15px;
padding:5px;
}

.input-reservations, textarea {
margin:10px;
}

input{
width:240px;
}

label {

clear: both;
color:#0C3D69;
font-weight:bold;
padding-top:5px;
font-size: 1.1em;
}

.specials_menu{
text-decoration:none;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
color:#990000;
text-transform:capitalize;
font-weight:bold;
font-size: 1.5em;
padding: 0px 5px;
}
.highlighted {
color:#990000;
font-weight:bold;
}
.highlighted-newsletter {
color:#990000;
font-weight:bold;
text-align: right;
margin-right: 50px;
}
.sign {
margin-bottom:20px;
}

.travel-list{
list-style:none;
color:#0C3D69;
font-size: 13px;
font-weight:bold;
padding:0;
margin-top:-20px;
margin-left:180px;
margin-bottom:20px;
}

.search-div {
margin-left:10px;
margin-bottom:10px;
}

.diving-types {
margin: 0 20px;
margin-bottom:20px;
text-align:center;
}
.contacts {
margin: 20px 10px;
text-align:center;
}
.contacts-header {
font-size: 12px;
font-weight:bold;
color:#B53B42;
}

.contacts-text {
color: #616161;
font-size: 1.1em;
padding:0px;
margin:0px;
}
.contacts-subsubheader {
font-size: 1.2em;
font-weight:bold;
color:#0C3D69;
text-align:center;
}
#canada1 {
float: left;
width: 200px;
text-align:center;
}
#canada1 {
float: right;
width: 180px;
text-align:center;
}

.contacts-link {
font-size: 1.1em;
font-weight:bold;
color:#0C3D69;
text-align:center;
}

.contacts-link a{
font-size: 1em;
color:#990000;
text-align:center;
padding:10px;
}

.contacts-link a:hover {
font-size: 1em;
color:#3366FF;
text-align:center;
padding:10px;
}
.buttons {
margin:10px auto;
width: 100px;
text-align:center;
margin-left: 50px;
}

#form-reservations {
margin-right: 10px; 
background: url(images/reservations-bgd.gif) bottom right;
background-repeat:no-repeat;
}
.liveaboards-subsubheader {
color:#990000;
font-size: 14px;
text-align:center;
font-weight:bold;

}
.liveaboards-list{
color:#990000;
font-size: 12px;
text-align:center;
}

.subsubheader-list {
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
color:#0C3D69;
font-size:16px;
font-weight:bold;
text-align:center;
margin: 10px;
}

.links-right {
float:right;
width:185px;
margin-right:15px;
}

.links-left {
float:left;
width:185px;
margin-left:15px;
}


/* setup the background image of the British Isles */

/* move the text off screen */
#diving-destination-map {padding:0; margin:0; list-style-type:none; background:url(../images/scuba-diving-destinations.png) no-repeat;  width:740px; height:269px; margin:0;}

.uk { position:absolute; z-index:100;}
.uk li a {text-indent:-999px; display:block; width:15px; height:15px; background:url(../images/bullet.gif) no-repeat; position:absolute; line-height:8px;}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.uk li a em {visibility:hidden; position:absolute;}
/* position the square markers */
.uk li a.curacao {top:165px; left:265px; z-index:156;}
.uk li a.aruba {top:170px; left:255px; z-index:157;}

.uk li a.cayman {top:145px; left:220px; z-index:159;}
.uk li a.cuba {top:130px; left:210px; z-index:160;}
.uk li a.nt {top:110px; left:120px; }
.uk li a.canada {top:30px; left:100px; z-index:190;}
.uk li a.usa {top:55px; left:120px; z-index:191;}
.uk li a.mexico {top:110px; left:120px; z-index:171;}
.uk li a.bahamas {top:90px; left:180px; z-index:160;}
.uk li a.barbados {top:177px; left:327px; z-index:99;}
.uk li a.trinidad {top:192px; left:320px; z-index:104;}
.uk li a.vincent {top:177px; left:312px; z-index:103;}
.uk li a.lucia {top:165px; left:320px; z-index:104;}
.uk li a.dominica {top:162px; left:310px; z-index:104;}
.uk li a.guadeloupe {top:148px; left:325px; z-index:105;}
.uk li a.usvergin {top:156px; left:298px; z-index:110;}
.uk li a.ukvergin {top:144px; left:302px; z-index:109;}
.uk li a.stbarts{top:149px; left:312px; z-index:107;}
.uk li a.levis{top:138px; left:314px; z-index:108;}
.uk li a.puertorico {top:150px; left:285px; z-index:113;}
.uk li a.turks {top:135px; left:260px; z-index:115;}
.uk li a.bermuda {top:95px; left:255px; z-index:115;}
.uk li a.jamaica {top:155px; left:230px; z-index:158;}
.uk li a.dominicanrpblk {top:150px; left:270px; z-index:114;}
.uk li a.bonaire{top:178px; left:270px; z-index:153;}
.uk li a.honduras{top:165px; left:195px; z-index:159;}
.uk li a.belize{top:153px; left:187px; z-index:160;}
.uk li a.costarica{top:190px; left:195px; z-index:158;}
.uk li a.galapagos{top:187px; left:97px; z-index:160;}
.uk li a.coco{top:173px; left:103px; z-index:160;}
.uk li a.australia{top:146px; left:495px; z-index:80;}
.uk li a.palau{top:80px; left:540px; z-index:92;}
.uk li a.truklagoon{top:80px; left:560px; z-index:91;}
.uk li a.indonesia{top:100px; left:480px; z-index:93;}
.uk li a.tahiti{top:45px; left:560px; z-index:94;}
.uk li a.hivaoa{top:20px; left:585px; z-index:92;}
.uk li a.fiji{top:20px; left:507px; z-index:96;}
.uk li a.newguanea {top:110px; left:545px; z-index:93;}
.uk li a.borabora{top:25px; left:570px; z-index:93;}
.uk li a.moorea{top:30px; left:555px; z-index:95;}
.uk li a.huahine{top:55px; left:575px; z-index:93;}
.uk li a.egypt{top:100px; left:400px; z-index:96;}
.uk li a.kenya{top:150px; left:420px; z-index:96;}
.uk li a.yap{top:70px; left:550px; z-index:93;}
.uk li a.sipadan{top:75px; left:465px; z-index:93;}

/* move the text back into view on hover */
.uk li a:hover {background:#600; text-indent:0; height:1.1em; font-size:1.1em; color:#fff; line-height:1em; padding:4px 10px; width:200px;}
/* hack for IE5.x */
* html .uk li a:hover {width:200px; height:1.5em; w\idth:200px; he\ight:1.2em;}
/* make the descriptive text visible, give it a size and position */
.uk li a:hover em  {visibility:visible; margin-left:5px;  border:none; color:#600; padding:0px 0px; font-style:normal; top:-31px; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; letter-spacing:0.01em; line-height:1.2em; text-align:center;}
/* hack for IE5.x */
* html .uk li a:hover em {width:250px; w\idth:250px;}
/* give the image a border and margin */
.uk li a:hover em p img {border:5px solid #fff; display:block; margin-bottom:10px; padding:10px;  }
/* style the empty span (I know it's not semantically correct) into an arrow point */
.uk li a:hover em span {position:absolute; left:0; top:28px;}
.uk li a:hover em span img {border:none;}

/* hack for IE5.x */
* html .uk li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;}
.img-scuba-dest {
margin:0 auto;
width:167px;
height:115px;
}

.uk li a:hover em p {background-color:#FFFFFF;
padding:0px 10px;
font-size:11px;
}



.uk li a:hover em h2 {
background:url(../images/top.gif) top left no-repeat; width: 250px; margin:0px; padding-top:5px; 
font-size:20px; 
font-weight:bold;
margin-top:10px;
color:#B23E45;
}

.uk li a:hover em h3 {
background: url(../images/bottom.gif) bottom left no-repeat; width: 250px; margin:0px;  padding-top: 0px;
font-size:16px; 
font-weight:bold;
margin-top:0px;
padding-bottom: 4px;
color:#B23E45;
}


/** Advanced ballons**/
/*.uk li a:hover em p {background:url(../images/center.png) repeat-y; 
padding:0px 0px 0px 0px;
font-size:11px;
}

.uk li a:hover em p b {
margin:0px 10px;
font-size:11px;
text-align:left;
font-weight:normal;
width:200px;
}


.uk li a:hover em h2 {
height:25px;
background:url(../images/top.png) top left no-repeat; width: 250px; margin:0px; padding-top:10px; 
font-size:20px; 
font-weight:bold;
margin-top:10px;
color:#B23E45;
}

.uk li a:hover em h3 {
background: url(../images/bottom.png) bottom left no-repeat; width: 250px; margin:0px;  padding-top: 0px;
font-size:16px; 
font-weight:bold;
margin-top:0px;
padding-bottom: 14px;
color:#B23E45;
}
*/

/* Deals styles*/
.deals-list {
list-style:url(../images/check-deal.jpg);
min-height:400px;
margin:0 auto;
padding:0px 0px 5px 10px;
}
.deals-list li {
border-top: 1px dotted #003366;
padding:5px;
width:310px;
margin:0 auto;
margin-left:50px;

}
.deals-list li a {
text-decoration:none;
}

.deal-destination-name {
font-weight:bold;
color:#B13E45;
font-size:1.5em;
}
.deal-price, .deal-resort-name {
color:#0066FF;
font-weight:bold;
}