/* Joomla Template for Islander
 Copyright 2007 All rights reserved
 Produced by Jiet Chong
   */
/* CSS global reset for all browsers */

body
{
	//margin: 0;
	//padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	min-width: 950px;
}

td, tr, div {
	font-family      : Verdana, Arial, Helvetica, sans-serif;
 	font-size        : 11px;
	color            : #000000;
}
p {
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	font-size        : 9/17pt;
	color            : #000000;
	margin-top: 0px;
	margin-bottom: 8px;
}
ul {
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	font-size        : 12px;
	color            : #666666;
	margin-top: 0px;
	margin-bottom: 10px;
}
li {
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	font-size        : 12px;
	color            : #666666;
	margin-top: 0px;
	margin-bottom: 5px;
}
h1 {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	margin: 0 0 10px 0;
	padding: 0;
	color: #2353A8;
}
h2 {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	margin: 0 0 10px 0;
	padding: 0;
	color: #2353A8;
}
hr {
  background       : #CCCCCC;
  height           : 1px;
  width            : 100%;
}

.pathway {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin-bottom: 5px;
}

a.pathway:link, a.pathway:visited {
  color            : #000000;
  font-weight      : normal;
}

a.pathway:hover {
  color            : #000000;
  font-weight      : normal;
  text-decoration   : underline;
}

/* --Default Class Settings-- */

a.mainlevel:link, a.mainlevel:visited {
	width: 170px;
	height: 28px;
	line-height: 28px;
	display: block;
	color: #2A4DB1;
	font-weight: bold;
	text-decoration: none;
	border-top: 1px dashed #B5DBFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 }

a.mainlevel:hover {
	color: #B80E3D;
	text-decoration: underline;
	background: #E4EDF6;
        }



        a.mainmenu:link, a.mainmenu:visited {
        color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        }

a.mainmenu:hover, {
        color: #000000; text-decoration: underline;
        }

a.sublevel:hover {
        color: #000000; text-decoration: underline;
        }

a.sublevel:link, a.sublevel:visited {
        color: #333333; font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
}


table.moduletable {
	margin: 0px;
	width: 100%;
        }

table.moduletable th {
  font-size        : 11px;
  font-weight      : bold;
  color            : #033636;
  width            : 100%;

}

table.moduletable td {
        font-size: 10px;
        font-weight: normal;
}

.poll {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #666666;
  line-height      : 14px;
}


.sectiontableheader {
  background-color : #CCCCCC;
  color            : #7B8DA1;
  font-weight      : bold;
}

.sectiontableentry1 {
  background-color : #F0F0F0;
}

.sectiontableentry2 {
  background-color : #E0E0E0;
}


.small {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #3366C0;
  text-decoration  : none;
  font-weight      : medium;
}

.smalldark {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : normal;
}


.contentpane {

}

.contentpaneopen {

}

.contentheading {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	margin: 0 0 10px 0;
	padding: 0;
	color: #2353A8;
	font-weight: bold;
}
.componentheading {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	margin: 0 0 10px 0;
	padding: 0;
	color: #2353A8;
	font-weight: bold;
}
.contentheading-red {
	font-family      : Arial, Helvetica, sans-serif;
	font-size        : 12px;
	font-weight      : bold;
	color            : #990000;
	text-align       : left;
}
.createdate {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #999999;
  text-align       : left;
}


.button {
  font-family      : Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 10px;
  font-weight      : bold;
  background-color : #F0F0F0;
  color            : #000000;
  border           : 1px solid #CCCCCC;
}

.inputbox {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  background-color : #F0F0F0;
  border           : 1px solid #CCCCCC;
}


a:link, a:visited {
  font-size        : 9/17pt;
  color            : #D50826;
  text-decoration  : none;
  font-family      : Arial, Helvetica, sans-serif;
}

a:hover {
  color            : #D50826;
  text-decoration  : underline;
}
/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
         color: #000000;
        text-align:left;
        }

a.contentpagetitle:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        text-align:left;
        color: #7B8DA1;
        text-decoration: underline;
        font-weight: bold;
        }

a.category:link, a.category:visited {
  color            : #333333;
  font-weight      : bold;
}

a.category:hover {
  color            : #7B8DA1;
}

/* Styles for dhtml tabbed-pages */
.ontab {
        background-color: #ffae00;
        border-left: outset 2px #ff9900;
        border-right: outset 2px #808080;
        border-top: outset 2px #ff9900;
        border-bottom: solid 1px #d5d5d5;
        text-align: center;
        cursor: hand;
        font-weight: bold;
        color: #FFFFFF;
}
.offtab {
        background-color : #e5e5e5;
        border-left: outset 2px #E0E0E0;
        border-right: outset 2px #E0E0E0;
        border-top: outset 2px #E0E0E0;
        border-bottom: solid 1px #d5d5d5;
        text-align: center;
        cursor: hand;
        font-weight: normal;
}
.tabpadding {
}

.tabheading {
        background-color: #ffae00;
        text-align: left;
}

.pagetext {
        visibility: hidden;
        display: none;
        position: relative;
        top: 0;
}

/* for modifying {moscode} output.  Dont set the colour! */
.moscode {
        background-color: #f0f0f0;
}

/* Text passed with mosmsg url parameter */
.message {
        font-family : Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size : 10pt;
        color : #ff6600;
        text-align: center;
}
/* custom stuff */
#container
	{
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	}

#topNavigation
{
	background-color: #222;
	padding: 30px 100px 0 100px;
	font-size: 20px;
}
#topNavigation ul
{
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
}
#topNavigation ul li
{
	font-size: 10px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	float: left;
	color: #82C2EE;
	font-weight: bold;
	text-transform: lowercase;
	background-color: #222;
	height: 24px;
	
	
}
#topNavigation ul li a
{
	padding: 0 10px;
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	color: #82C2EE;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#topNavigation ul li.selected a
{
	background-color: #1643A0;
	color: white;
}
#topNavigation ul li a:hover
{
	background-color: #3E403D;
}
#topNavigation ul li.selected a:hover
{
	background-color: #1643A0;
}

#header
{
	height: 237px;
	background: #1643A0 url(../images/header_gradient_homepage.jpg) repeat-x top left;
	border-bottom: 2px solid #7AC4E9;
	padding-left: 100px;
	clear: both;
}
#header.small
{
	height: 122px;
	background: #1643A0 url(../images/header_gradient_homepage.jpg) repeat-x top left;
}
#header a
{
	color: #C0DEF6;
}

#header #headerWrapper
{
	height: 187px;
	overflow: hidden;
	padding: 25px 430px 25px 0;
	background: url(../images/boat_homepage.jpg) no-repeat top right;
}
#header #headerWrapper p
{
	line-height: 16px;
	color: #7FC1F5;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#header #headerWrapper p a
{
	line-height: 16px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
#header #headerWrapper p a:hover
{
	line-height: 16px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#header.small #headerWrapper
{
	height: 72px;
	background-position: center right;
}
#header #headerWrapper .byLine
{
	text-transform: uppercase;
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: white;
	font-weight: bold;
	display: block;
	margin-top: 10px;
}
#header.small #headerWrapper .byLine
{
	margin-top: 0px;
}
#header #headerWrapper .issueNb
{
	float: right;
}
#header #headerWrapper p
{
	margin: 0;
	padding: 0 0 5px 0;
}
#header #headerWrapper a.backLink
{
	color: #7FC1F5;
	text-decoration: none;
	position: relative;
	top: -10px;
}
#header #headerWrapper a.backLink:hover
{
	color: #C0DEF6;
	text-decoration: underline;
}

#body
{
	font-size: 11px;
	padding: 30px 100px 0 100px;
}
#body #sideNavigation
{
	width: 170px;
	margin: 0;
}
#body #sideNavigation ul, #body #sideNavigation ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#body #sideNavigation ul li, #body #sideNavigation ul li a
{
	width: 170px;
	height: 28px;
	line-height: 28px;
	display: block;
	color: #2A4DB1;
	font-weight: bold;
	text-decoration: none;
	border-top: 1px dashed #B5DBFF;
}
#body #sideNavigation ul li a:hover
{
	color: #B80E3D;
	text-decoration: underline;
	background: #E4EDF6;
}
#body #sideNavigation ul li.selected a
{
	color: #B80E3D;
	text-decoration: underline;
	background: #E4EDF6;
}


#body #sideNavigation #archiveSelector
{
	margin: 0;
	padding: 0;
	background: #E4EDF6;
	border-top: 1px dashed #B5DBFF;
	border-bottom: 1px dashed #B5DBFF;
}
#body #sideNavigation #archiveSelector fieldset
{
	margin: 0;
	padding: 5px 2px;
	border: 0;
	color: #7B7B7B;
}
#body #sideNavigation #archiveSelector select
{
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	color: #7B7B7B;
	margin-top: 5px;
}

#body #mainContent
{

	margin-left: 30px;
margin-right: 10px;

}

#body #otherContent
{
	width: 200px;
}

#body #bodyClearer
{
	width: 100%;
	clear: both;
	height: 30px;
}

#footer
{
	background: #8EA9E0 url(../images/footer_gradient.jpg) repeat-x top left;
	color: white;
	font-size: 11px;
	margin-top: 20px;
	padding-top: 20px;
	padding-right: 100px;
	padding-bottom: 20px;
	padding-left: 100px;
}
#footer #bottomNavigation
{
	float: left;
}
#footer .clearer
{
	clear: both;
}
#footer #directory
{
	background-color: #C0CEEB;
	float: right;
	width: 200px;
	padding: 5px;
}
#footer #directory span.legend
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CC0000;
	display: block;
	margin-bottom: 2px;
}
#footer #copyrights
{
	float: left;
	color: #eee;
	margin-top: 10px;
}
#footer #copyrights a
{
	color: #eee;
}

/* WIDGET STYLES */

/* Article preview on homepage */
div.articlePreview
{
	border-bottom: 1px dashed #B5DBFF;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
div.articlePreview.last
{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
div.articlePreview .articlePreviewTitle
{
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	margin: 0 0 10px 0;
	padding: 0;
	color: #2353A8;
}
div.articlePreview .articlePreviewTitle a
{
	color: #2353A8;
	text-decoration: none;
}
div.articlePreview .articlePreviewTitle a:hover
{
	text-decoration: underline;
}
div.articlePreview .articlePreviewContent
{
	margin: 0 0 5px 0;
}
div.articlePreview .articlePreviewLink
{
	color: #D50826;
	text-decoration: none;
}
div.articlePreview .articlePreviewLink:hover
{
	background-color: #FFCFCF;
	text-decoration: underline;
}


/* Article full length */
div.articleFull
{

}
div.articleFull h2
{
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	margin: 0 0 10px 0;
	padding: 0;
	color: #2353A8;
}
div.articleFull p
{
	margin: 0 0 10px 0;
	line-height: 16px;
}
div.articleFull a
{
	color: #D50826;
}


/* Headline article preview on homepage */
div.headlinePreview
{
	background: #A8BBE3;
	padding: 10px;
	position: relative;
}
div.headlinePreview .tl
{
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	top: 0;
	left: 0;
	background: url(../images/headline_tl.gif) no-repeat top left;
	font-size: 1px;
	line-height: 1px;
}
div.headlinePreview .tr
{
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	top: 0;
	right: 0;
	background: url(../images/headline_tr.gif) no-repeat top right;
	font-size: 1px;
	line-height: 1px;
}
div.headlinePreview .bl
{
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	bottom: 0;
	left: 0;
	background: url(../images/headline_bl.gif) no-repeat bottom left;
	font-size: 1px;
	line-height: 1px;
}
div.headlinePreview .br
{
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	bottom: 0;
	right: 0;
	background: url(../images/headline_br.gif) no-repeat bottom right;
	font-size: 1px;
	line-height: 1px;
}
* html div.headlinePreview .tl, * html div.headlinePreview .bl
{
	left: -10px;
}
* html div.headlinePreview .bl, * html div.headlinePreview .br
{
	display: none;
}
div.headlinePreview .headlinePreviewTitle
{
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	margin: 0 0 10px 0;
	padding: 0;
	color: #2353A8;
}
div.headlinePreview .headlinePreviewTitle .type
{
	text-transform: uppercase;
	font-family: verdana, arial, san-serif;
	font-size: 9px;
	font-variant: small-caps;
	font-weight: bold;
	color: #CB1023;
}
div.headlinePreview .headlinePreviewTitle a
{
	color: #2353A8;
	text-decoration: none;
}
div.headlinePreview .headlinePreviewTitle a:hover
{
	text-decoration: underline;
}
div.headlinePreview .headlinePreviewContent
{
	margin: 0 0 5px 0;
	color: white;
}
a.readon
{
	color: #D50826;
	text-decoration: none;
}
a.readon:hover
{
	background-color: #FFCFCF;
	text-decoration: underline;
}

/* Ad rotator */
div.adRotator
{
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
div.adRotator img
{
	border: 0;
}

/* Footer navigation block */
div.navBlock
{
	float: left;
	border-left: 1px solid #BFD3ED;
	padding: 0 10px;
}
div.navBlock h3
{
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
}
div.navBlock ul
{
	float: left;
}
div.navBlock ul, div.navBlock ul li, div.navBlock ul li a
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-decoration: none;
	color: white;
}
div.navBlock ul.leftSpace
{
	margin-left: 10px;
}
div.navBlock ul li a:hover
{
	text-decoration: underline;
}

/* Boating directory */

#directory input
{
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	color: #5A5A5A;
	width: 100px;
	margin-right: 10px;
}
#directory input.button
{
	font-weight: bold;
	width: 70px;
}


/* Breadcrumbs on top of article pages */
div.breadCrumbs
{
	color: #ABABAB;
	font-size: 10px;
	margin-bottom: 5px;
}
div.breadCrumbs a
{
	color: #ABABAB;
}

/* Media related to an article */
div.mediaContainer
{
	background: #E7E7E7;
	padding: 10px;
	position: relative;
}
div.mediaContainer .tl
{
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	top: 0;
	left: 0;
	background: url(../images/media_tl.gif) no-repeat top left;
	font-size: 1px;
	line-height: 1px;
}
div.mediaContainer .tr
{
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	top: 0;
	right: 0;
	background: url(../images/media_tr.gif) no-repeat top right;
	font-size: 1px;
	line-height: 1px;
}
div.mediaContainer .bl
{
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	bottom: 0;
	left: 0;
	background: url(../images/media_bl.gif) no-repeat bottom left;
	font-size: 1px;
	line-height: 1px;
}
div.mediaContainer .br
{
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	bottom: 0;
	right: 0;
	background: url(../images/media_br.gif) no-repeat bottom right;
	font-size: 1px;
	line-height: 1px;
}
* html div.mediaContainer .tl, * html div.mediaContainer .bl
{
	left: -10px;
}
* html div.mediaContainer .bl, * html div.mediaContainer .br
{
	display: none;
}
div.mediaContainer .title
{
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0;
	color: #6A6A6A;
}
div.mediaContainer .media
{
	margin-right: 0px;
	margin-bottom: 3px;
	border: 0;
}
div.mediaContainer .clearer
{
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
	clear: both;
}


/* Quick links to other articles in the right-hand side bar */
div.quickLinks
{
	padding: 10px;
}
div.quickLinks .title
{
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #6A6A6A;
}
div.quickLinks .qlTitle
{
	font-size: 10px;
	margin: 0;
	margin-top: 15px;
	padding: 0;
	color: #244E96;
}
div.quickLinks .qlText
{
	font-size: 10px;
	margin: 0;
	padding: 0;
	color: #434343;
}
div.quickLinks .qlLink
{
	font-size: 10px;
	font-weight: bold;
	color: #D30B25;
}

#top_links {
	text-align: center;
}

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