﻿body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #025196 url('Images/background.jpg') repeat-x;
	margin:0;
	padding:0;
}


a 
{
    color:#025196;
    text-decoration:underline;
}

a:hover 
{
    text-decoration:none;
}

.Content 
{
    padding-top:10px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
}

.HeaderImage 
{
    font-size:0.0em;
    line-height:0px;
}

.Separator 
{
    width:100%;
    background: url('Images/separator-single-pixel.jpg') repeat-x;
    margin-top:10px;
}


.MainContent 
{
    width:965px;
    padding-left:15px;
    margin-left:auto;
    margin-right:auto;
    background: url("images/fade-left.png") repeat-y left;
}

.MainContent2 
{
    width:950px;
    margin-left:auto;
    margin-right:auto;
    padding-right:15px;
	background:url("images/fade-right.png") repeat-y right;
}

.MainContent3 
{
    
    background-color: white;
}


.BottomFade 
{
    margin-left:auto;
    margin-right:auto;
	width:980px;
	height:15px;
	line-height:15px;
	background: url("images/fade-btm.png") repeat-x ;	
}

.BottomLeft 
{
    width:15px;
    float:left;
}

.BottomRight 
{
    width:15px;
    float:right
}

/** Homepage Items **/

.DiveIn
{
    width:45%;
    float:left;
    padding-right:70px;
}
.DiveInTitle {
	font-family: arial, helvetica, sans-serif;
	font-size:64px;
	font-weight:bold;
	color: #025196;
	padding:10px 0 0 25px;
}

.JoinTheFunTitle {	
	font-family: arial, helvetica, sans-serif;
	font-size:43px;
	font-weight:bold;
	color: #ef9022;
	text-align:right;
	margin-top:-20px;
}

.HomepageHeader 
{
    color: #025196;
    font-size: 1.2em;
    font-weight: bold;
}

.HomepageText 
{
    padding-top: 20px;
    padding-bottom:5px;
    padding-right:20px;
    padding-left:20px;
    font-size: 11px !important;
    color: #3D3D3D;
    float:left;
    width:40%;
    line-height:18px;
    
}
.HomepageText div
{
    padding-top:10px;
}


 
.UnderwaterAdventure 
{
}
 
.UnderwaterAdventureText 
{
    float:left;
    width:430px;
    background-color: #E6EDF5;
    font-size:11px !important;
    line-height:18px;
    margin-left:5px;
    margin-top:8px;
    padding-left:20px;
    padding-top:10px;
    padding-right:25px;
}

.UnderwaterAdventureLink 
{
    text-align:right;
    padding-bottom:10px;
}
.UnderwaterAdventureLink  a
{
    color:#025196;
}

.UnderwaterAdventureImageDiv
{
    float:left;
    width:420px;
}

.UnderwaterAdventureImage
{
    width:inherit;
}

.FooterLinks 
{
    clear:both;
    text-align:center;   
    font-size:.7em;
    padding-top:20px;
    padding-bottom:20px;
    color:#025196;
}
.FooterLinks a
{
    padding-left:10px;
    padding-right:10px;
    color:#025196;
    text-decoration:none;
}

/** End Homepage Items **/

/** General Items **/

.YellowHeader 
{
    clear:both;
    font-family: arial, helvetica, sans-serif;
	font-size:2.1em;
	line-height:25px;
	font-weight:bold;
	color: #ef9022;
	margin-top:15px;
}



.SmallBlueHeader 
{
    color: #03499E;
    font-size:1.0em;
    font-weight:bold;
}

.MediumBlueHeader 
{
    color: #03499E;
    font-size:1.4em;
    font-weight:bold;
    margin-top:10px;
}

.MediumBlueText,
.GrayText,
.BlueText 
{
    color: #06499A;
    line-height:18px;
    font-size:.8em;   
    padding:10px;
}
.GrayText 
{
    color:#424A4D !important;
}

.MediumBlueText 
{
    font-size:.9em;
}

.BlueBackground 
{
    background-color: #E6EDF5;
    padding:10px;
    /*float:left;
    width:430px;
    font-size:.7em;
    line-height:18px;
    margin-left:25px;
    margin-top:8px;*/
}
.YellowBulletPointList 
{
    list-style-type:disc;
}

.YellowBulletPointList li
{
    color: #ef9022;
}
.YellowBulletPointList li span
{
    color:#424A4D;
    line-height:15px;
    font-size:1.0em;  
}

.FloatLeft 
{
    width:450px;
    float:left;
    margin-top:40px;
    font-size:.75em;
}

.DiverImageDiv 
{
    width:400px;
    float:left;
    margin-bottom:5px;
}
.DiverImage 
{
    width:400px;
}

.RefresherPageDiv 
{
    float:left;
    width:40%;
}

.BottomPadding 
{
    padding-bottom:10px;
}

.UnderlineText 
{
    text-decoration:underline;
}
/** Anchor List **/

.sf_anchorList li 
{
    margin-bottom:25px !important;
}

.sf_simpleList li, 
.sf_pageList li,
.sf_expandedList li,
.sf_expandableList li
{
    margin-bottom: 0px !important;
}


.sf_anchorList 
{
    font-size:.85em;
    color:#424A4D;
}
.sf_anchorList li 
{
    color: #ef9022;
    margin-bottom: 0px !important;
}

.sf_anchorList li a
{
    color:#424A4D;
}

.sf_listTitle 
{
    display:none;
    line-height:0;
}
.sf_listItemTitle 
{
    color: #03499E;
    font-size:1.4em;
    font-weight:bold;
}
.sf_listItemBody
{
    
}
.sf_backToList 
{
    
}

.sf_expandedList
{
    list-style:none;
}

/** Rental Rates Grid **/

.RentalRatesGridDiv 
{
    margin-left:25px;
    margin-bottom:30px;
    margin-top:15px;
}

.RentalRatesGrid 
{
    border:0;
    font-size:0.8em;
    color: #424A4D;
}
.EquipmentColumn 
{    
    width:300px;
}

.EquipmentColumnHeader,
.SingleDayPriceColumnHeader,
.WeekPriceColumnHeader,
.TwoWeekPriceColumnHeader  
{
    text-align:right;
    width:175px;
    font-size:1.05em;
    color: #06499A;
}

.EquipmentColumn,
.SingleDayPriceColumn,
.WeekPriceColumn,
.TwoWeekPriceColumn 
{
    vertical-align:top;
    border-top:solid 1px #AFAFAF;
    text-align:right;
}

.EquipmentColumn,
.EquipmentColumnHeader 
{    
    width:300px;
    text-align:left;
}
 /** Service Rates Grid **/
.ServiceRatesGridDiv 
{
    margin-left:25px; 
    color: #424A4D;  
    padding-top:15px;
}

.ServiceRatesGrid 
{
    border:0;
    font-size:0.8em;
}

.ServiceNameColumnHeader,
.CostColumnHeader 
{
    text-align:right;
    font-size:1.05em;
    color: #06499A;
}

.CostColumnHeader,
.CostColumn 
{
    width:125px;
}

.ServiceNameColumn,
.CostColumn 
{
    text-align:right;
    border-top:solid 1px #AFAFAF;
}

.ServiceNameColumnHeader,
.ServiceNameColumn 
{
    width:350px;
    text-align:left;
}

/** Events Display **/

.EventDisplay 
{
    font-size:9pt;
    line-height:12px !important;
    padding:0 !important;
    margin-left:20px;
}
.EventDisplay .sf_eventSummary .GrayText
{
    line-height:12px !important;
    padding-bottom:0 !important;
}
.EventDisplay .sf_eventTitle 
{
    font-size:1.2em !important;
    padding-bottom:5px !important;
    margin-bottom: 0px !important;
    font-weight: bold !important;
    margin-top:0px !important;
}

.EventDisplay .sf_eventPriod 
{
    padding-left:8px !important;
}

.EventDisplay .sf_eventLocation 
{
    display:none;
}

.EventDisplay ol li 
{
    float:left;
    width: 270px;
    height:200px;
    margin:5px;
    padding:5px;
    background-color: #E6EDF5 !important;
}

.IntroToScuba ol li 
{
    height:130px;
}
.BasicOpenWater ol li 
{
    height: 185px;
}

.ClassScheduleContainer 
{
    background-color:White;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
}

.EventDetails
{
    margin-left:10px;
}

.EventDisplay .sf_contentComments,
.EventDisplay .sf_eventSummary,
.EventDisplay .sf_eventContact,
.sf_displayNone 
{
    display:none;
}

.sf_eventClassInformation
{
    display:block;
}

.ClassDates
{
    padding-left:10px;
}


/** Trip Classes **/

.TripList
{
    list-style:none;
    margin-top: 15px;
}

.TripList li
{
    width:400px;
    float:left;
    padding-bottom:5px;
}
.TripList li a
{
    font-size:.8em;
}

.TripImage 
{
    float:left;
    margin-top:20px;
}

.TripHeader
{
    float:left;
    margin-left:20px;
    margin-top:20px;
}

.TripHeader div
{
    padding-bottom:5px;
}

.TripDescription 
{
    clear:both;
    padding-top:10px;
    
}

.BasicTripControls 
{
    font-size:.8em;
    list-style:none;
}
.BasicTripControls li
{
    padding-bottom:5px;
}
.TripControlHeader 
{
    width:200px;
    float:left;
}
.DescriptionDiv
{
    clear:both;
}
.TripImageBullet 
{
    width:90px;
    float:left;
    padding-left:5px;
}
.TripNameLink
{
    margin-left:45px;
    
}

.Video 
{
    padding-left:80px;
}

.TripBoxOuter 
{
    background-color: #E6EDF5;
    padding:5px;
    margin:5px;
}

.TripBox 
{
    padding-top:5px;
    background-color: white;
}
/** Float Images **/

.FloatNextToImage 
{
    float:left;
    width:50%;
    padding-top:5px;
}

.FloatImageNextToText 
{
    float:left;
    padding-left:5px;
    padding-bottom:10px;
    width:45%;
}
.Clear 
{
    clear:both;
}

.ImageNextToLinkList 
{
    float:right;
    padding-right:50px;
}

.ImageNextToServiceRates
{
    float:right;
    padding-left:10px;
}