@charset "utf-8";
/*-------------------------------------------------
 Basic Stylesheet for Dive Blue Lagoon Website
 
 Version: 1.1
 Author: Ben Stillwell / Stillwell Solutions
 E-mail: info@stillwell-solutions.com
 Website: www.stillwell-solutions.com
 --------------------------------------------------*/
 
/*Body Style --------------------------------------*/

body{
background-color:#003A61;
margin-left: 0px;
margin-top: 25px;
margin-right: 0px;
margin-bottom: 25px;
}

a:link {
	color: #5480A3;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #5480A3;
}
a:hover {
	text-decoration: underline;
	color: #003A61;
}
a:active {
	text-decoration: none;
	color: #5480A3;
}
/*Wrappers -----------------------------------------*/
#wrapper{
width:960px;
margin: 0 auto;
text-align:left;
background-color:#FFFFFF;
padding-top:15px;
padding-bottom:15px;
}

/*Links Header Text and Links ----------------------*/
#links_header{
width:930px;
margin-top:0px;
margin-left:15px;
margin-right:15px;
text-align:right;
background-color:#FFFFFF;
height:20px;
}

.link_header_p{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
font-weight:bold;
text-transform:uppercase;
margin:0;
}

/*Headings -------------------------------*/
h1 {
background-image:url(../images/new_images/logo/logo_above_and_below_dive_centre_yorkshire.png);
text-indent: -9000px;
background-repeat:no-repeat;
background-position:top;
width:223px;
height:154px;}

h2{
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
line-height:20px;
padding:5px;
margin-top:0px;
margin-bottom:7px;
color:#003A61;
border-bottom:solid 4px #003A61; }

h3{
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
padding:5px;
margin-top:7px;
margin-bottom:7px;
margin-right:7px;
color:#003A61;
border-bottom:solid 2px #003A61; }

/*Header ------------------------------------------*/
#MastHeader {
text-align:center;
background-image:url(../images/new_images/banners/main_header.jpg);
background-position:center;
background-repeat:no-repeat;
background-color:#FFFFFF;
height:172px;
clear:left;
position:relative;
margin-bottom:15px;
margin-top:10px;
}

#MastHeaderLogo {
	position:absolute;
	left:8px;
	top:-68px;
	width:223px;
	height:154px;
}

/*Navigation Style --------------------------------*/
#navigation {
text-align:left;
height:27px;
background-color:#003A61;
margin-left:15px;
margin-right:15px;
margin-bottom:15px;
position:relative;
}

#navigation ul {
margin:0px;
padding: 0;
list-style: none;
width:930px;
float:left;
margin-right:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
clear:both;
}

#navigation ul li{
float:left;
}

#navigation ul a{
display:block;
background-color:#003A61;
padding: 0 1.5em;
line-height:2.1em;
text-decoration:none;
color:#FFFFFF;
border-right:solid 1px #FFFFFF;
}

#navigation ul .last a{
border-right: solid 1px #FFFFFF;
background-color:#FF0000;
}

#navigation ul .last a:hover{
border-right: solid 1px #FFFFFF;
background-color:#00CC33;
color:#FFFFFF;
}

#navigation ul a:hover {
color: #FFFFFF;
background-color:#5480A3;}

/*Content-------------------------- This is main frame*/
#content{
width:930px;
text-align:left;
margin-left:15px;
margin-right:15px;
margin-top:15px;
margin-bottom:15px;
background-color:#ffffff;
}

/*Home Content-------------------------- */
#IconsTop {
width:930px;
text-align:left;
margin-left:15px;
margin-right:15px;
margin-top:15px;
margin-bottom:15px;
background-color:#ffffff;
vertical-align:top;
border-style:none;
}

#HomepageUnderIcons {
width:930px;
text-align:left;
margin-left:15px;
margin-right:15px;
margin-top:15px;
margin-bottom:15px;
background-color:#ffffff;
vertical-align:top;
clear:both;
}

#padi_speciality_image {
	position:absolute;
	width:250px;
	height:250px;
	left: 638px;
	top: 3px;
}

#HomepageLeft {
width:615px;
background-color:#FFF;
margin-left:15px;
margin-top:0px;
margin-right:15px;
float: left;
}

#HomepageLeft p{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:20px;
font-weight:normal;
padding:5px;
margin:0px;
}

#HomepageRight {
width:290px;
background-color:#FFF;
margin-left:0px;
margin-top:0px;
margin-right:15px;
float: right;
}

#IconsTopInner {
width:145px;
text-align:left;
margin-left:0px;
margin-right:11px;
margin-bottom:15px;
background-color:#fff;
vertical-align:top;
height:145px;
border:0px;
float:left;
border-style:none;
}

#IconsTopInner1{
width:145px;
text-align:left;
margin-left:0px;
margin-right:11px;
margin-bottom:15px;
background-color:#fff;
vertical-align:top;
height:145px;
border:0px;
float:left;
border-style:none;
}

#IconsTopInner2{
width:145px;
text-align:left;
margin-left:0px;
margin-right:11px;
margin-bottom:15px;
background-color:#fff;
vertical-align:top;
height:145px;
border:0px;
float:left;
border-style:none;
}

#IconsTopInner3{
width:145px;
text-align:left;
margin-left:0px;
margin-right:11px;
margin-bottom:15px;
background-color:#fff;
vertical-align:top;
height:145px;
border:0px;
float:left;
border-style:none;
}


#IconsTopInner4{
width:145px;
text-align:left;
margin-left:0px;
margin-right:11px;
margin-bottom:15px;
background-color:#fff;
vertical-align:top;
height:145px;
border:0px;
float:left;
border-style:none;
}

#IconsTopInner5{
width:145px;
text-align:left;
margin-left:0px;
margin-right:11px;
margin-bottom:15px;
background-color:#fff;
vertical-align:top;
height:145px;
border:0px;
float:left;
border-style:none;
}

#IconsTopInner a:link     {border-style:none; border:none; color:#FFF; text-decoration:none;}
#IconsTopInner a:visited  {border-style:none; border:none; color:#FFF; text-decoration:none;}
#IconsTopInner a:hover    {border-style:none; border:none; color:#FFF; text-decoration:none;}
#IconsTopInner a:active   {border-style:none; border:none; color:#FFF; text-decoration:none;}

#IconsTopInnerRight {
width:149px;
text-align:left;
margin-left:0px;
margin-right:0px;;
background-color:#fff;
vertical-align:top;
height:130px;
float:right;
}

#IconsTopInnerRight a:link     {border-style:none; color:#FFF; text-decoration:none;}
#IconsTopInnerRight a:visited  {border-style:none; color:#FFF; text-decoration:none;}
#IconsTopInnerRight a:hover    {border-style:none; color:#FFF; text-decoration:none;}
#IconsTopInnerRight a:active   {border-style:none; color:#FFF; text-decoration:none;}
/*Left Navigation  --------------------------- Within main frame to left*/
#NavigationLeft{
width:225px;
float:left;
padding-top:0px;
margin-bottom:20px;
margin-top:0px;
}

#NavigationRight{
width:225px;
padding-top:0px;
margin-bottom:20px;
margin-top:0px;
}

#NavigationRight2{
width:225px;
padding-top:0px;
margin-bottom:20px;
margin-top:0px;
}

/*Right Content-------------------------- centered in main frame*/
#MainContent2{
width:670px;
float:left;
margin-left:15px;
margin-right:15px;
vertical-align:top;
text-align:left;
margin-bottom:15px;
}

#MainContent2 p{
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding:5px;
line-height:20px;
margin-top:0px;
margin-bottom:0px;}

#MainContent{
width:440px;
float:left;
margin-left:15px;
margin-bottom:15px;
vertical-align:top;
text-align:left;
}

#GoBack{
width:100px;
float:right;
margin-right:24px;
vertical-align:top;
text-align:left;
margin-bottom:25px;
}

#MainContent p{
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding:5px;
line-height:20px;
margin:0px;}

#MainContent h2{
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
line-height:20px;
padding:5px;
margin-top:0px;
margin-bottom:7px;
color:#003A61;
border-bottom:solid 4px #003A61; }

/*Right Content Right-------------------------- right in main frame*/
#MainContentRight{
width:235px;
float:right;
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
}

#MainContentRightEnquiry{
width:200px;
float:right;
margin-top:20px;
margin-left:15px;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
padding:7px;
color:#000;
}

.img_right{
margin-bottom:10px;
padding:5px;
border:solid 1px #dcdcdc;
}

#TertiaryContent{
background-color:#FFFFFF;
width:690px;
clear:both;
margin-left:240px;
}

#TertiaryContent p{
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding:5px;
line-height:20px;
margin-top:0px;}

#TertiaryContent h1{
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
line-height:20px;
padding:5px;
margin-top:0px;
margin-bottom:7px;
color:#003A61;
border-bottom:solid 4px #003A61; }

/*Tabbed Insert Images ----------------------------------*/

.img_tabbed{
padding:5px;
margin-right:15px;
margin-left:10px;
border:solid 1px #dcdcdc;
background-color:#FFFFFF;}

.img_offers{
padding:3px;}

.img_home a:link {border:solid 0px #FFF; color:#FFF; text-decoration:none;}
.img_home a:visited{border:solid 0px #FFF; color:#FFF; text-decoration:none;}
.img_home a:hover {border:solid 0px #FFF; color:#FFF; text-decoration:none;}
.img_home a:active{border:solid 0px #FFF; color:#FFF; text-decoration:none;}

.img_yes {
vertical-align:middle;
padding-right:5px;
}

/*Footer General ----------------------------------*/
#footer{
width:930px;
margin-top:20px;
margin-left:15px;
margin-right:15px;
margin-bottom:1px;
text-align:left;
background-color:#003A61;
height:27px;
clear:both;
}

#footer_left{
margin-top:6px;
margin-left:10px;
margin-right:10px;
text-align:left;
float:left;
width:200px;
}

.footer_left_p{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#FFFFFF;
font-size:11px; 
margin:0;}

.footer_left_p a:link     {color:#FFF; text-decoration:none;}
.footer_left_p a:hover    {color:#FFF; text-decoration:underline;}
.footer_left_p a:visited  {color:#FFF; text-decoration:none;}
.footer_left_p a:active   {color:#FFF; text-decoration:none;}

#footer_right{
margin-top:6px;
margin-left:10px;
margin-right:10px;
text-align:right;
float:right;
width:550px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#FFFFFF;
font-size:11px; }

#footer_links{
width:930px;
margin-top:15px;
margin-left:15px;
margin-right:15px;
text-align:left;
background-color: #FFF;
height:130px;
vertical-align:top;
}

#footer_links_content{
vertical-align:top;
border-right: dashed 1px #FFFFFF;
margin-top:10px;
margin-left:10px;
margin-right:10px;
float:left;
width:210px;
height:110px;}

.footer_links_content_p{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000000;
font-size:11px; 
text-align:left top;
vertical-align:text-top;
margin-top:0px;}

.footer_links_content_p a:link   {color:#000000; text-decoration:none;}
.footer_links_content_p a:hover  {color:#5480A3; text-decoration:underline;}
.footer_links_content_p a:visited{color:#000000; text-decoration:none;}
.footer_links_content_p a:active {color:#000000; text-decoration:none;}

#footer_links_content_end {
vertical-align:top;
margin-top:10px;
margin-left:10px;
margin-right:10px;
text-align:left;
float:left;
width:212px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000000;
font-size:11px; 
text-decoration:none;}

#footer_contact{
width:930px;
margin-left:15px;
margin-right:15px;
margin-bottom:5px;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
text-align:center;
color:#000000;
font-size:11px;
height:20px;
}

/*Icons -----------------------------------------*/
#icons{
width:930px;
margin-top:15px;
margin-left:15px;
margin-right:15px;
margin-bottom:15px;
text-align:left;
background-color:#FFF;
height:50px;
}

/*Misc -----------------------------------------*/
.red {
color:#FF0000;
font-weight:bold;}

.maintext{
margin:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

/*Buttons -----------------------------------------*/
a.button {
display:block;
width:180px;
line-height:1.4em;
background-color:#009933;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding:5px;
margin-left:0px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

a.button:hover {
background-color:#FF0000;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding:5px;
margin-left:0px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

a.button1 {
display:block;
width:90px;
line-height:1.4em;
background-color:#009933;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding:5px;
margin-left:0px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

a.button1:hover {
background-color:#FF0000;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding:5px;
margin-left:0px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

/*Forms -----------------------------------------*/

fieldset {
border:solid 0 transparent;
margin:5px;
padding:5px;
border: solid 1px #CCC;
background: #FFFFFF;
margin-bottom:20px;
}

legend {
font-weight:bold;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}

label {
display:block;
float:left;
width:140px;
}

input {
width:200px;
}

.required {
color:#FF0000;
font-size:9px;
}

.button {
width:60px;
margin-left:12px;
margin-top:20px;
}

.margin-form {
margin-bottom:20px;
}
