/*
  =======================================================
    General
  =======================================================	
*/

/*Tag Defaults*/

body{	
	margin:10px 0px 0px 0px;
	padding:0px;	
	background-color:rgb(147,176,216);
	background-image: url('../graphics/site_graphics/body-bg.jpg');
	background-repeat:repeat-x;
}
div, img{
	padding:0px;
	margin:0px;
}
a:visited, a:link, a:active, a img {
	color:blue;
	border:none;
	outline:none;
}
p,li{
	font-family:arial;
	font-weight:normal;
	font-size:14px;
	color:white;
}
h1, h2 {
	color:white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 20px;
}

/*Site Wide*/

.alignTop{
	vertical-align:text-top;
}
.linksArea{
	margin: 37px 5px 20px 15px;	
	width:175px;
	height:225px;	
}
.blurbTitle{
	position:relative;
	top:11px;
	left:55px;
	font-weight:bold;
	font-family:arial;
	font-size:16px;	
	color:white;
}
.content{		
	width:960px;	
	margin: 1px auto 0px auto;
	background-image: url('../graphics/site_graphics/content-bg.gif');
	background-repeat: repeat-y;	
}
.column{
	float:left;
	width:360px;		
}
.menuColumn{
	float:left;
	width:240px;			
}
.wideColumn{
	float:right;
	width:720px;	
}
.hidden{
	display:none;
}
.topBarImage{
	float:left;
	border-left-style:solid;
	border-left-color:white;
	border-left-width:1px;
	padding:0px;
	margin: 0px;
	width:159px;
	height:120px;	
}
.blackText{
	color:black;
}
.blurb{
	margin: 320px 10px 10px 17px;
	width:214px;
	height:314px;
	background-image: url('../graphics/site_graphics/blurbBackground.png');
	background-repeat: no-repeat;	
}
#topBarImageHolder{
	margin: 0px auto 0px auto;
	background-color:red;
	padding:0px;
	width:960px;	
	height:120px;	
}

/*Header & Footer*/

#whiteLineA{
	margin: 1px auto 0px auto;
	width:960px;
	height:3px;
	background-color:white;
}
#whiteLineB{
	margin: 0px auto 1px auto;
	width:960px;
	height:3px;
	background-color:white;
}
#topBand{
	margin: 0px auto 0px auto;
	width:960px;
	height:8px;
	background-color:white;
}
#logoBar{
	margin:0px auto 0px auto;
	background-color:white;
	height:56px;
	width:960px;		
}
#logo{
	margin:13px;
}
#locationBar{
	background-image: url('/graphics/site_graphics/locationBarBackground.png');
	background-repeat: repeat-x;
	margin: 0px auto;	
	height:30px;
	width:960px;		
}
#locationText{
	font-size:12pt;
	font-weight:bold;
	font-family:arial;
	color:white;
	padding: 5px 0px 0px 14px;
	margin:0px;
	text-align: center;
}
#footer{
	clear:both;
	background-image: url('../graphics/site_graphics/bottomBar.gif');
	background-repeat: repeat-x;
	margin: 0px auto 20px auto;	
	height:25px;
	width:960px;	
}
#copyRight{
	margin-top:2px;
	display:block;
	text-align:center;
	padding-top:5px;
	font-family:arial;
	font-size:12px;
	width:100%;
	color:black;
}

/*Index Page Specific*/

.photoFrame{
	position:relative;
	width:160px;
	height:120px;	
	background-image: url('../graphics/site_graphics/photoFrame.gif');
	background-repeat:no-repeat;
}
.locationPhoto{
	position:relative;
	top:3px;
	left:3px;
}
.photoCaption{
	text-align: center;	
	color:white;
	font-size:11px;
	font-family:arial;
	font-weight:bold;
	height:15px;
	width:154px;
	padding:2px 0px 0px 0px;
	margin:0px;	
}
#skipperPhoto{
	margin:24px 0px 0px 22px;
	border-style:solid;
	border-width:1px;
	border-color:black;	
}
#skipperText{
	margin:10px 30px 0px 20px;
	font-family:arial;
	font-size:12px;
	text-align:center;
	color:black;
}
#enquireNow{
	margin:17px 0px 0px 23px;
}
#padi{
	position:relative;
	left:20px;
	top:140px;	
}
#map{
	position:relative;
	top:-75px;
	left:40px;
}
#bodyText{
	margin: 30px 10px 10px 10px;		
}
#photoCaptionC{
	position:relative;
	top:-19px;
}
#photoFrameA{	
	top:25px;
	left:20px;
}
#photoFrameB{	
	top:-111px;
	left:182px;
}
#photoFrameC{
	top:-93px;
	left:20px;
}
#photoFrameD{
	top:-229px;
	left:182px;
}
#enquireArea{	
	height:110px;
}
#photoArea{		
	height:285px;
}
#mapArea{
	height:245px;	
}

/*Trip Page Specific*/

.tripBlurb{
	width:480px;
}
.tripImage{
	clear:left;
	float:right;	
	border:solid;
	border-width:2px;
	border-color:black;
	margin:4px;
}
#vesselA{
	clear:right;
	margin:20px 4px 4px 20px;
}
#vesselB{
	clear:right;
	margin:4px 4px 4px 20px;
}
#diveImage{
	margin-top:30px;
}
#sightA{
	clear:right;
	margin-top:4px;
}
#sightB{
	clear:right;
	margin-top:4px;
}
#fishImage{
	margin-top:20px;
}
#tripTextArea{
	margin:20px;
}
#fishList{
	margin:30px 0px 0px 35px;
	padding:0px;		
}
#fishList li{
	color:black;
}

/*Contact Page Specific*/

.contactColumn1{
	width:70px;
	font-weight:normal;
}
.enquireColumn1{
	width:120px;
}
.contactText{
	color:white;
	font-family:arial;
	font-size:12px;
}
.actionMessageSuccess{	
	position:relative;
	left:75px;
	top:40px;
	width:500px;	
	background-color:white;
	padding: 0px 20px 20px 20px;
	border: solid;
	border-color:green;
	border-width:4px;
}
.actionMessageFailure{
	position:relative;
	left:75px;
	top:40px;
	width:500px;	
	background-color:white;
	padding: 0px 20px 20px 20px;
	border: solid;
	border-color:red;
	border-width:4px;
}
#contactForm{
	margin: 20px 0px 20px 5px;
	background-image: url('../graphics/site_graphics/contactForm.png');
	background-repeat:no-repeat;
	width: 690px;
	height:490px;
	color:white;
	font-family:arial;
	font-size:14px;
}
#security{
	width:400px;
	font-size:14px;
	margin:5px 0px 5px 0px;
	padding:0px;
}
#skipperRound{
	position:relative;
	top:35px;
	left:80px;
}
#datePickerIcon{
	position:relative;
	top:3px;
}
#bookings{
	font-weight:bold;
}
#marineLifeTitle{
	left:32px;
}
#localLinks{
	left:58px;	
}
#linkList{
	margin:10px 0px 0px 25px;
	padding:0px;	
}
#linkList li{
	color:black;
}
#contactSkipperDirect{
	margin: 30px 0px 0px 5px;
	background-image: url('../graphics/site_graphics/contactSkipper.png');
	background-repeat:no-repeat;
	width: 690px;
	height:220px;
}
#contactDetails{
	position:relative;
	left:200px;
	top:-48px;
	color:white;
	font-weight:bold;
	font-family:arial;
}
#contactFormFields{
	margin: 30px 0px 0px 80px;
}
#message{
	width:410px;
	height:50px;
}
#bookingEnquiry{
	position:relative;
	top:30px;
	left:65px;
}
#contactTitle{
	position:relative;
	top:30px;
	left:65px;
}

/*
  =======================================================
    Menu
  =======================================================	
*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
	float:left;
	margin-left:40px;
	list-style-type: none;
	margin: 0px 0;
	padding: 20px;
	width: 200px;/*170*/
	/*border: 0px solid #9A9A9A;*/
	border-bottom-width: 0;
}

.glossymenu li a{
    background: white url('../graphics/site_graphics/menuBack2.gif') repeat-x bottom left;
    font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: white;
    display: block;
    width: auto;
    padding: 16px 0;	/*3*/
    padding-left: 30px;
    text-decoration: none;
}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
    width: 140px;
}

.glossymenu li a:visited, .glossymenu li a:active{
    color: white;
}

.glossymenu li a:hover{
    background-image: url('../graphics/site_graphics/menuBack.gif');
}

/*
  =======================================================
    Date Picker
  =======================================================	
*/

/* The containing DIV element for the Calendar */
#dpCalendar {
  display: none;          /* Important, do not change */
  position: absolute;        /* Important, do not change */
  background-color: #eeeeee;
  color: black;
  font-size: xx-small;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 150px;
}
/* The table of the Calendar */
#dpCalendar table {
  border: 1px solid black;
  background-color: #eeeeee;
  color: black;
  font-size: xx-small;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 100%;
}
/* The Next/Previous buttons */
#dpCalendar .cellButton {
  background-color: #ddddff;
  color: black;
}
/* The Month/Year title cell */
#dpCalendar .cellMonth {
  background-color: #ddddff;
  color: black;
  text-align: center;
}
/* Any regular day of the month cell */
#dpCalendar .cellDay {
  background-color: #ddddff;
  color: black;
  text-align: center;
}
/* The day of the month cell that is selected */
#dpCalendar .cellSelected {
  border: 1px solid red;
  background-color: #ffdddd;
  color: black;
  text-align: center;
}
/* The day of the month cell that is Today */
#dpCalendar .cellToday {
  background-color: #ddffdd;
  color: black;
  text-align: center;
}
/* Any cell in a month that is unused (ie: Not a Day in that month) */
#dpCalendar .unused {
  background-color: transparent;
  color: black;
}
/* The cancel button */
#dpCalendar .cellCancel {
  background-color: #cccccc;
  color: black;
  border: 1px solid black;
  text-align: center;
}
/* The clickable text inside the calendar */
#dpCalendar a {
  text-decoration: none;
  background-color: transparent;
  color: blue;
}

/*
  =======================================================
    Additional Lightbox code
  =======================================================	
*/

#caption div {
	font-size: 10px;
	font-weight: normal;
	margin-top: 6px;
}