/* ------ NOTES ---------------------------------------------------------------

Global CSS for Manta Lodge & Scuba Centre, lovingly crafted by Damien Buckley, Propeller Graphic Design & Marketing (http://www.propellerglobal.com).
See ancialliary file for IE patches.
V:10/06/09
--------- CONTENTS ------------------------------------------------------------

1: GLOBAL RESET
2: BODY & CONTAINER STYLES
	a) Masthead
	b) Skip Links
	c) H1 - logo
	d) Primary Nav
	e) Flash Slideshow - Home Page
	f) Main Content Divisions
	g) Sidebar
3: SEARCH
	a) Search
	b) Search Results
	c) RSS Live Search
4: GLOBALS
	a) Collapsable Modules
	b) Weather Widgets
	c) Affiliate Links
5: FOOTER
6: MAIN CONTENT
	a) Typography
	b) Inline Image Styles
7: RSS
8: VIDEO
9: GALLERY PAGE
10: TABLES
11: EVENT CALENDARS
12: NEWS
13: CONTACT PAGE & OTHER FORMS
13: MISC

---------------------------------------------------------------------------- */

/* 1. Global Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: small;
	font-family: inherit;
	vertical-align: baseline;
	}

ol, ul {
	list-style: none;
	}

table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}

blockquote, q {
	quotes: "" "";
	}

strong {font-weight:bold;}

em {font-style:italic;}

/* 2. Body & Container Styles
============================================================================ */

body {
	text-align: center;
	background: #1A306C url(/images/bg_top.jpg) center top repeat-x;
	color:#FEFEFE;
	font-family: "Lucida Grande", Geneva, Helvetica, sans-serif;
	}

#container {
	text-align:left;
	margin:0 auto;
	overflow:hidden;
	width:810px;
	padding:0 25px;
	background:transparent url(/images/container_bg.png) 50% 0 repeat-y;
	}

#bottom {
	margin:0 auto;
	overflow:hidden;
	width:860px;
	height:20px;
	background:transparent url(/images/bottom_bg.png) 50% 100% repeat-y;
	}


/* 2a. Masthead
============================================================================ */

#masthead {
	position:relative;
	overflow:hidden;
	}

/* 2b. Skip links
============================================================================ */

ul#accessibility {
	text-align:center;
	}

#accessibility li {
	display:inline;
	}

#accessibility a:link, #accessibility a:visited {
	color:#1A2732;
	}

#accessibility a:hover, #accessibility a:active {
	color:#FEFEFE;
	}

/* 2c. h1 - logo
============================================================================ */

h1 {
	width:810px;
	height:100px;
	padding-top:30px; /* To give following span text space */
	position:relative;
	}

h1 a {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	color:#FFF;
	}

h1 a span {
	position:absolute;
	top:0;
	left:0;
	width:810px;
	height:130px;
	background:transparent url(/images/logo.jpg) no-repeat top left;
	}

/* 2d. Primary Nav
============================================================================ */

ul.primaryNav {
	width:270px;
	margin-bottom:10px;
	}

body.default .primaryNav {
	float:right;
	margin-bottom:6px;
	}

.primaryNav li {
	border:1px solid #40627E;
	text-align:right;
	margin-bottom:4px;
	letter-spacing:0.2em;
	text-transform:uppercase;
	}

.primaryNav a {
	display: block;
	height:26px;
	line-height:26px;
	background-color:#3B4650;
	padding-right:4px;
	font-family: "Gill Sans", Geneva, Helvetica, sans-serif;
	}

.primaryNav a:link, .primaryNav a:visited {
	color:#FEFEFE;
	text-decoration:none;
	border-left:10px solid #3B4650;
	}

.primaryNav a:hover, .primaryNav a:active {
	color:#FC3;
	border-left-color:#40627E;
	}

/* Page Indicators
============================================================================ */

#container ul.primaryNav li a.active {
	border-left-color:#FC3;
	color:#FEFEFE;
	}

/* 2e. Flash Slideshow - Home Page
============================================================================ */

#flashcontent {
	width:530px;
	height:348px;
	float:left;
	}

/* 2f. Main Content Divisions
============================================================================ */

#main {
	overflow:hidden;
	}

#content {
	width:530px;
	float:left;
	overflow:hidden;
	background:url(/images/manta_lg_bg.gif) no-repeat 40px 100%;
	}

#content img.header {
	margin-bottom:6px;
	}

#sidebar {
	float:right;
	width:270px;
	}

/* Content
============================================================================ */

h2 {
	font-family: "Gill Sans", Geneva, Helvetica, sans-serif;
	font-weight:normal;
	}

/* 2g. Sidebar
============================================================================ */

#sidebar p {
	margin:0 4px 0.5em;
	}

#sidebar div ul {
	margin:0 4px 0.5em;
	}

#sidebar h3 {
	margin:0 4px 0.5em;
	font-weight:bold;
	}

#sidebar div a:link, #sidebar div a:visited {
	color:#FC3;
	text-decoration:none;
	}

#sidebar div a:hover, #sidebar div a:active {
	color:#FC3;
	text-decoration:underline;
	}

/* 3a. Search
============================================================================ */

#sidebar #searchBar {
	border:1px solid #40627E;
	margin-bottom:10px;
	background-color:#3B4650;
	padding: 4px;
	height:18px;
	text-align:right;
	vertical-align:middle;
	position:relative;	/* new */
	}

#searchBar p {
	margin:0;
	}

#search label {
	font-family: "Gill Sans", Geneva, Helvetica, sans-serif;
	letter-spacing:0.2em;
	text-transform:uppercase;
	}

#searchBox {
	text-align:left;
	border:none;
	padding:0 2px;
	width:140px;
	height:18px;
	}

#search input {
	display:inline;
	}

/* 3b. Search Results
============================================================================ */

div.searchResult {
	border:1px solid #40627E;
	padding:5px;
	background-color:#3B4650;
	margin-bottom:0.5em;
	opacity:.9;
	filter:alpha(opacity=90);
	}

p.small a {font-size:90%;}

/* 3c. Duplicates for RSS Live Search
============================================================================ */

#searchform fieldset {
	margin:0;
	}

#searchform label {
	font-family: "Gill Sans", Geneva, Helvetica, sans-serif;
	letter-spacing:0.2em;
	text-transform:uppercase;
	}

#livesearch {
	text-align:left;
	border:none;
	padding:0 2px;
	width:140px;
	height:18px;
	}

#searchform input {
	display:inline;
	}

/* Live Search Display Parameters
============================================================================ */

#LSResult {
	position: absolute;
	top: -1px;
	right: 269px;
	z-index:100;
	background-color:#BFD4D5;
	width: 270px;
	opacity:.9;
	filter:alpha(opacity=90);
	}

#LSShadow {padding: 1px;}

#LSRes {background-color: #40627E;}

.LSRow {padding: 8px 5px 5px;}

#LSHighlight {
	background-color: #1A2732;
	}

#LSHighlight a {color:#FC3!important;}

#LSHeader {
	padding: 2px 2px 8px;
	background-color: #1A2732;
	}

.lsDate {
	display: block;
	color: #CCC;
	font-size:90%;
	}

#LSResult a {
	color:#FFF;
	text-decoration:none;
	}


/* 4a. Collapsable Modules
============================================================================ */

div.module {
	margin-bottom:10px;
	border:1px solid #40627E;
	}

.module p {margin-bottom:0;}

div.moduleContent {
	background-color:#3B4650;
	padding-bottom:1px;
	}

.module h2 {
	position:relative;
	line-height:26px;
	letter-spacing:0.2em;
	text-transform:uppercase;
	text-align:right;
	padding:0 4px;
	border:1px solid #3B4650;
	background-color:#3B4650;
	border-bottom-color:#3B4650;
	}

/* Hide - Show
============================================================================ */

.module h2 a {
	position:absolute;
	top:50%;
	left:10px;
	width:9px;
	height:9px;
	overflow:hidden;
	cursor:pointer;
	margin:-4px 0 0 0;
	}
	
.module h2 a img {
	display:block;
	}

.collapsed h2 a img {
	position:relative;
	top:-9px;
	}

.collapsed .moduleContent {display:none;}

/* 4b. Weather Widgets
============================================================================ */

.current, .forecast {
	display:inline;
	float:left;
	}

#weather .current {
	margin-left:4px;
	}

#weather .forecast {
	margin-left:10px;
	}

/* 4c. Affiliate Links
============================================================================ */

#affiliates .moduleContent a {
	display:inline;
/*	float:right;*/
	margin-left:10px;
	}

/* 5. Footer
============================================================================ */

#footer {
	clear:both;
	padding:15px 0 50px;
	border-top:1px solid #40627E;
	text-align:center;
	margin-top:10px;
	}

#footer a {color:#FEFEFE;}

/* 6. Main Content
============================================================================ */

#content a:link, #content a:visited {
	color:#FC3;
	text-decoration:none;
	}

#content a:hover, #content a:active {
	color:#FC3;
	text-decoration:underline;
	}

#content h2 a:link, #content h2 a:visited {
	color:#FEFEFE;
	text-decoration:none;
	}

#content h2 a:hover, #content h2 a:active {
	color:#FC3;
	}

#content h2 {
	padding-left:50px;
	background:transparent url(/images/manta-bullet.gif) 0 50% no-repeat;
	line-height:32px;
	letter-spacing:0.2em;
	text-transform:uppercase;
	margin-bottom:10px;
	}

#content h2 em {
	font-weight:bold;
	font-style:normal;
	color:#FC3;
	}

#content .article {
	border-bottom:1px solid #40627E;
	padding-bottom:10px;
	margin-bottom:20px;
	margin-top:6px; /* new */
	}

#content h3 {
	font-weight:bold;
	margin-bottom:0.5em;
	font-size:1.1em;
	}

#content ul, ol, dl {
	margin:1em 0 1em 1em;
	}

#content li {
	margin-left:0.5em;
	padding-left:0.5em;
	margin-bottom:0.5em;
	}

#content ul li {
	list-style:disc;
	}

/* 6a. Typography
============================================================================ */

#content p {
	margin-bottom:0.5em;
	line-height:1.5em;
	}

p.posted {
	font-size:90%;
	color:#CCC;
	padding-bottom:0.2em;
	border-bottom:1px dotted #40627E;
	}

p.small {font-size:90%;}

#content dl {
	margin:0;
	}

#content dt {
	color:#FC3;
	font-weight:bold;
	margin-bottom:0.5em;
	}

#content dd {
	margin:0 1em 0.5em;
	}

/* 6b. Inline Images
============================================================================ */

img.left {
	float:left;
	margin:0 5px 5px 0;
	}

img.right {
	float:right;
	margin:0 0 5px 5px;
	}

#sidebar img.left {
	margin:0 5px 5px 4px;
	}

#sidebar img.right {
	margin:0 4px 5px 5px;
	}

/* 7. RSS
============================================================================ */

#feeds h2 a {
	padding-right:30px;
	background: #3B4650 url(/images/RSS-icon.png) 100% 50% no-repeat;
	display: block;
	height:26px;
	line-height:26px;
	font-family: "Gill Sans", Geneva, Helvetica, sans-serif;
	color:#FEFEFE;
	}

#feeds h2 a:link, #feeds h2 a:visited {
	text-decoration:none;
	}

#feeds h2 a:hover, #feeds h2 a:active {
	color:#FC3;
	}

/* 8. Home Page Video
============================================================================ */

#video .moduleContent div, #directions .moduleContent a {margin-left:4px;}

/* 9. Gallery Page
============================================================================ */

.gallery #content {background-image:none; background-color: #1B2632;}

.gallery #flashcontent {
	width:810px;
	height:600px;
	float:none;
	margin-bottom:10px;
	}

.gallery #content div {border-bottom:none;}


/* 10. Tables
============================================================================ */

#rates, #siteFeatures, #conditions {
	margin:0 4px 0.5em;
	border:1px solid #999;
	border-width:1px 0 0 1px;
	}

#rates td, #rates th, #siteFeatures td, #siteFeatures th, #conditions th, #conditions td {
	padding:4px;
	text-align:center;
	border:1px solid #999;
	border-width:0 1px 1px 0;
	}

/* 11. Event Calendars
============================================================================ */

.minical_nav, .zem_event_calendar_nav {
	text-align:center;
	margin-bottom:0.5em;
	}

.minical_nav a.next, .zem_event_calendar_nav a.next, .minical_nav p, .minical_nav a.prev, .zem_event_calendar_nav a.prev, h3.zem_event_calendar_nav {
	display: inline;
	text-decoration:none;
	line-height:1.5em;
	}

h3.zem_event_calendar_nav {border-bottom:none;}

table.minical {
	clear: both;
	margin:0 4px;
	width:260px;
	font-family: Georgia, Times, serif;
	}

.minical caption {
	display:none;
	}

table.minical td, table.minical th {
	text-align:center;
	padding:1px 4px 5px;
	font-size:90%;
	}

td.full {
	background-color:#1A2732;
	}

.minical a {
	text-decoration:none;
	color:#FEFEFE;
	}

/* Big Calendar
============================================================================ */

table.zem_event_calendar {
	border-collapse:collapse;
	border:1px solid #40627E;
	margin-left:1px;
	}

.zem_event_calendar td, .zem_event_calendar th {
	width:64px;
	border:1px solid #40627E;
	padding:5px;
	}

.zem_event_calendar caption {display:none;}

.zem_event_calendar ul {
	margin:0;
	padding:0;
	}

.zem_event_calendar li {
	list-style:none;
	margin:0;
	padding:0;
	}

.zem_event_calendar .number {
	text-align:right;
	font-size:80%;
	}

.zem_event_calendar .day {
	height:110px;
	vertical-align:top;
	}

.zem_event_calendar .day li {
	font-size:70%;
	line-height:1em;
	}

.zem_event_calendar th {
	text-align:center;
	background-color:#40627E;
	color:#FFF;
	}

.zem_event_calendar .number {
	background-color:#3b4650;
	}

#content ul.zem_event_list {
	margin:0;
	padding:0;
	}

#content .zem_event_list li {
	margin:0 0 0.5em;
	padding:0;
	list-style:none;
	}

#content .zem_event_list li .zem_event_name {
	line-height:1.1em;
	font-size:70%;
	}

/* Other Event Stuff
============================================================================ */

/* Directory & Events Listings
============================================================================ */

dl.zem_event_list {
	margin:0 4px 0.5em;
	padding:0;
	}

dl.zem_event_list dt {
	margin-bottom: 0.2em;
	}

#events .zem_event_list dd {
	margin:0 0 0.5em;
	padding-bottom: 0.2em;
	border-bottom: 1px dotted #40627e;
	}


#events .zem_event_list dd span {
	font-size:90%!important;
	color: #ccc;
	}

#content ul.event_details li {
	list-style:none;
	}


/* Contact Form */

#zemContactForm fieldset {
	padding:10px;
	border:1px solid #40627E;
	}

#zemContactForm ul.zemError, ul.comments_error {
	padding:10px;
	margin:10px 0;
	background-color:#3B4650;
	border:1px solid #40627E;
	}

#zemContactForm .zemError li, ul.comments_error li {
	padding-left:0;
	margin-left:0;
	list-style:none;
	}

/* vCard */

div.vcard div.adr {margin:0 4px 0.5em;}

/* 12: News Section
============================================================================ */

div.news_excerpt {
	margin:1em 0 2em;
	}

div.news_excerpt h3 {
	border-bottom:none;
	margin-bottom:0;
	}

p.comments_block {
	line-height: 2.5em;
	border-bottom:1px dotted #40627E;
	text-align:right;
	}

.headline {
	border-bottom:1px dotted #40627E;
	margin-bottom:0.5em;
	}

/* 13: Contact Page & Other Forms
============================================================================ */

#txpCommentInputForm legend {display:none;}

p.announcement, #txpCommentInputForm fieldset {
	padding:0.75em 10px 0;
	border:1px solid #40627E;
	background-color:#3B4650;
	margin-bottom:0.5em;
	opacity:0.9;
	filter:alpha(opacity=90);
	}

.comments {
	padding-left:1em;
	margin-bottom:1em;
	}

.comments li {
	padding:0.75em 10px 0;
	border:1px solid #40627E;
	background-color:#3B4650;
	margin-bottom:0.5em;
	list-style-type:decimal-leading-zero;
	opacity:0.9;
	filter:alpha(opacity=90);
	}

#cpreview {
	padding:5px 10px;
	border:1px solid #40627E;
	background-color:#3B4650;
	margin-bottom:0.5em;
	color:#FFF;
	}

#cpreview p.announcement {
	background-color:#1A2732;
	border:1px solid #40627E;
	}

p.announcement {
	padding-bottom:0.75em;
	}

.comments .details {font-size:90%;}

#cpreview a {color:#FFF!important;}

#comment_name_input, #comment_email_input, #comment_web_input, #Name, #Email, #Web, #Website, #Message, #message {
	border:1px solid #9AB6D8;
	padding:3px;
	width: 430px;
	}

#comment_name_input:focus, #comment_email_input:focus, #comment_web_input:focus, #Name:focus, #Email:focus, #Web:focus, #Website:focus, #Message:focus, #message:focus, #subscribeBox:focus, #searchBox:focus {
	background-color: #F9FDFF;
	color:#004275;
	}

#publish .button, .zemContactForm .button {
	background-color:#1A2732;
	border:1px solid #40627E;
	color:#FFF;
	text-transform:lowercase;
	font-size:90%;
	padding:3px;
	}

.zemContactForm input.button {float:right;}

/* 13: Misc
============================================================================ */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide */

.clear {clear:left;}