/*

[ CSS Document ]

	Style Sheet Name: fresh_style.css
	Website: (The Website Homepage)
	Author: Jimmyweb Web Design
	Author URL: www.jimmyweb.net
	Version: 2.0
	Date: 4/02/10

[ Table Of Contents ]

	0- Reset
	1- Global
	2- Headings
	3- Header
	4- Navigation
	5- Main Content Elements
	6- Main Content
	7- Extras
	8- Forms
	9- Footer

[ Colour Reference Guide ]

	Black: #000000
	White: #ffffff - (Used for...)
	Etc...

*/ 


/* ????????????????????????????????????????????????????????????????
   =0 Reset 
??????????????????????????????????????????????????????????????????? */

/* Universal - reset browser default styles */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 		0;
	padding: 		0;
	border: 		0;
	outline: 		0;
	font-size: 		100%;
	vertical-align: baseline;
	background: 	transparent;
}
body {
	line-height: 	1;
}
ol, ul {
	list-style: 	none;
}
blockquote, q {
	quotes: 		none;
	font-style:		italic;
}
:focus {
	outline: 		0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* Tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ????????????????????????????????????????????????????????????????
   =1 Global 
??????????????????????????????????????????????????????????????????? */

/* General style applied to HTML */
html {
	text-align: 	left;
	padding: 		0;
	margin: 		0;
	border: 		0;
	font-family: 	Arial, Helvetica, sans-serif;
	width: 			100%;
	height:			100%;
	overflow:		hidden;
}
/*	
	background: #fff url(images/bg-main.jpg) top center repeat;
	background: url(images/bg-top.jpg) top center repeat-x;
*/

/* Body style */
body {
	clear: 			both;
	line-height: 	1;
	vertical-align: top;
	color: 			#000;
	padding: 		0;
	margin: 		0;
	text-align: 	left;
	width: 			100%;
	height:			100%;
	overflow:		hidden;
}
/* Preset global styles */
.right {
	float: 			right;
}
.left {
	float: 			left;
}
.align-left {
	text-align: 	left;
}
.align-right {
	text-align: 	right;
}
.align-center {
	text-align:		center;
}
.justify {
	text-align:		justify;
}
.hide {
	display: 		none;
}
.clear {
	clear: 			both;
}
.bold {
	font-weight:	bold;
}
.italic {
	font-style:		italic;
}
img.centered {
	display: 		block;
	margin-left: 	auto;
	margin-right: 	auto;
}
img.alignleft {
	float: 			left;
	margin: 		4px 20px 10px 0px;
}
img.alignright {
	float: 			right;
	margin: 		4px 0px 4px 10px;
}
.spacer {
	display: 		block;
	clear: 			both;
	visibility: 	hidden;
	line-height: 	0;
	height: 		0;
}
/* ????????????????????????????????????????????????????????????????
   =2 Headings
??????????????????????????????????????????????????????????????????? */  

/* General headings */
h1 {
	color: 			#000;
	font-size: 		1.3em;
	margin: 		0 0 0.5em 0;
	font-weight: 	500;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.20);
	font-family: 	Trebuchet MS, Arial, Helvetica, sans-serif;
}
h2, h3, h4, h5, h6 {
	color: 			#000;
	font-weight: 	500;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.20);
	font-family: 	Trebuchet MS, Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 		1.2em;
	margin: 		0 0 0.5em 0;
}
h3 {
	font-size: 		1.1em;
	margin: 		0 0 0.5em 0;
}
h4 {
	font-size: 		1.0em;
	margin: 		0 0 0.5em 0;
		font-weight: 	bold;
}
h5 {
	font-size: 		0.9em;
	margin: 		0 0 0.5em 0;
	font-weight: 	bold;
	color: 			#333;
}
h6 {
	font-size: 		0.8em;
	margin: 		0 0 0.5em 0;
}
/* ????????????????????????????????????????????????????????????????
   =3 Header
??????????????????????????????????????????????????????????????????? */ 

/* Header section style */

#headerWrap {
	margin: 		0px;
	height: 		98px;
	width:			100%;
	display: 		block;
	text-align: 	center;
	background: 	url('images/bg-nav1.png') top center repeat-x;
	border-bottom: 	1px solid #000;
}
.headerinner
{
	height: 		98px;
	width:			100%;
	background: 	url('images/bg-nav1.png') top center repeat-x;
}
#header {
	width: 			990px;
	text-align: 	left;
	margin:  		0px auto 0px auto;
	position: 		relative;
}
#logo {
	margin: 		8px 0 0px 14px;
}
#searchWrap {
	margin:  		16px 0px 0px 0px;
	width: 			310px;
	float: 			right;
}
#search {
	margin:  		0px 0px 0px 0px;
	width: 			310px;
}
#search input#s {
	background: 	url(images/search.png) top left no-repeat;
	border: 		none;
	padding: 		3px 30px 3px 6px;
    width:          276px;
}
/* Search Form elements */
#search form div {
	position: 		relative;
	margin: 		0;
	padding: 		0;
}
#search form div label {
	font-family: 	Helvetica, Arial;
	font-size: 		10pt;
	position: 		absolute;
	top: 			3px;
	left: 			7px;
	color: 			#8e8e8e;
}
#search form div br {
	display: 		none;
}
#search form div label {
	margin: 		0;
	padding: 		0;
    display:        none;
}
#search form input#searchsubmit {
	background: 	url(images/search.png) top right no-repeat;
	position: 		absolute;
	top: 			0px;
	right: 			2px;
	cursor: 		pointer;
	margin: 		0;
	padding: 		0;
    width:          23px;
    text-indent:    -5000px;
    border:         0;
}
#timeAndWeather {
	float: 			left;
	width: 			300px;
	height: 		82px;
	margin:  		13px 0px 0px 0px;
}
#timeAndWeather p {
	font-size: 		10px;
	color: #464b5b;
}
/* ????????????????????????????????????????????????????????????????
   =4 Navigation
??????????????????????????????????????????????????????????????????? */ 




/* ????????????????????????????????????????????????????????????????
   =5 Main Content Elements
??????????????????????????????????????????????????????????????????? */ 

/* General paragraph style */
p {
	color: 			#000;
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		0.8em;
	line-height: 	1.3em;
	margin: 		0px 0px 0px 0px;
	padding: 		0em 0px 1.5em 0px;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.13);
}
blockquote {
	font-style:		italic;
	quotes: 		none;
}
blockquote cite {
	color: 			#000;
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		0.7em;
	font-style:		italic;
	text-align: 	right;
	display: 		block;
	line-height: 	1.3em;
	margin: 		0px 0px 0px 0px;
	padding: 		0em 0px 0em 0px;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.13);
	position: 		relative;
	top: 			-17px;
}
/* General list styles  */
#content ul {
	list-style-type: disc;
}
#content ol {
	list-style-type: decimal;
}
#content ul, #content ol {
	color: 			#000;
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		0.8em;
	line-height: 	1.3em;
	margin: 		0px 0px 0px 20px;
	padding: 		0em 0px 1.5em 0px;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.13);
}
/* General link styles  */
#content a:link, #content a:visited {
	color:			#255494;
	text-decoration: none;
}
#content a:hover {
	color:			#b21500;
	text-decoration: none;
	background-color: #fff;
}
/* ????????????????????????????????????????????????????????????????
   =6 Main Content 
??????????????????????????????????????????????????????????????????? */ 

/* Sitewide Content --------------------- */

/* Supersize Background Image Styles */
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(images/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	#supersized { position:fixed; left:0; top:99px; overflow:hidden; z-index:-999; height:100%; width:100%; }
    #supersized img{ height:auto; width:auto; position:relative; outline:none; border:none; -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }
/* ------- Page Beardcrumbs ------- */
#breadcrumbs {
	margin:  		0px 0px 0px 0px;
	padding-top: 5px;
	padding-bottom: 10px;
  position: relative;
}
#breadcrumbs p {
	font-size: 		10px;
	margin:  		0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
	line-height: 	1.3em;
	color: 			#999;
}
#breadcrumbs ol {
	float: 			left;
	margin:  		0px 0px 0px 0px;
	padding: 		0px 0px 4px 0px;
	list-style-type: none;
	border-bottom: 	1px solid #fff;
	display: 		block;
	width: 			100%;
}
#breadcrumbs ol li {
	margin:  		0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
	font-size: 		10px;
	float: 			left;
	line-height: 	1em;
	color: 			#999;
	display: inline;
}
#breadcrumbs ol li a {
	padding: 		2px 18px 5px 0px;
}
#breadcrumbs ol li a:link, #breadcrumbs ol li a:visited {
	color: 			#999;
	background: 	url(images/crumb.png) right bottom no-repeat;
	text-decoration: none;
}
#breadcrumbs ol li a:hover {
	color: 			#333;
	background: 	url(images/crumb.png) right top no-repeat;
	text-decoration: none;
}
.nextprevlinks {
    clear: both;
    text-align: center;
    font-size: 70%;
    padding: 30px 0 10px;
}
.nextprevlinks .nav-previous {
    margin-right: 10px;
}
.nextprevlinks .nav-next {
    margin-left: 10px;
}
/* ------- Main Content ------- */
/* Content wrappers */
#container {
	clear: 			both;
	margin: 		0px auto 0px;
	text-align: 	center;
	width: 			100%;
	height: 		100%;
	overflow: 		auto;
	position: absolute;
}
#content {
	margin:  		0px auto 0px auto;
	padding: 		0px 0px 0px 0px;
	width: 			990px;
	text-align: 	left;
}
#mainContentWrap {
	background: 	url(images/bg-trans-off-white.png) top center repeat;
	float: 			left;
	margin:  		20px 0px 20px 0px;
	padding: 		0px 0px 0px 0px;
	width: 			650px;
	border-left: 	5px solid #fff;
	border-right: 	5px solid #fff;
}
#mainContent {
	margin:  		0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
	width: 			650px;
	float: 			left;
}
/* ------- Main Content - Modules ------- */
#mainContent .module {
	margin:  		0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
	float: 			left;
	border-bottom: 	5px solid #fff;
	width: 			100%;
	background: 	url(images/bg-module.png) top left repeat-y;
}
#mainContent .more {
font-weight: 900;
font-size: 10px;
border-left: 1px solid #929aa3;
padding: 2px 5px;
}
#mainContent .moduleMain ul {
	clear: both;
}
#mainContent .module a .imgleft {
	float: left
}
#mainContent .module a:link .imgleft, #mainContent .module a:visited .imgleft {
	margin: 4px 10px 10px 0;
	padding: 0;
	border: 5px solid #fff;
}
#mainContent .module a:hover .imgleft{
	margin: 4px 10px 10px 0;
	padding: 0;
	border: 5px solid #929aa3;
}
#mainContent .moduleMain {
	float: 			right;
	width: 			410px;
	padding: 		10px 20px 0px 0px;
}

.contentPage #mainContent .moduleMain {
	 min-height: 520px;
}

.fullwidth #mainContent .module {
	background: none;
}

.fullwidth #mainContent .moduleMain {
   min-height: 520px;
	 float: none;
	 width: auto;
	 padding-left: 10px;
}

.moduleCam h5{
	padding: 		10px 10px 0px 10px;
}
.moduleCam {
height: 256px;
}
.moduleCam img{
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	border-right: 5px solid #fff;
}
.moduleCam ul {
position: relative;
left: 20px;
}
#mainContent .moduleSide {
	float: 			left;
	width: 			195px;
	padding: 		0px 0px 0px 0px;
}
#mainContent .moduleSide p {
	padding: 		0px 10px 6px 10px;
}
#mainContent .moduleSide h5 {
	padding: 		10px 10px 0px 10px;
}
/*
.contentPage #mainContent .moduleSide h5 {
	padding: 		45px 10px 0px 10px;
}
*/
#mainContent .moduleSide img {
	border-bottom: 	5px solid #fff;
}
.moreLink {
	margin:  		0px 0px 6px 0px;
	padding: 		2px 2px 2px 2px;
	text-align: 	right;
	font-size: 		11px;
	font-weight: 	bold;
}

#content #mainContent #homepageCams ul {
    margin: 0px;
    left: 0px;
    font-size: 0.8em;
}

/* submenu */
#content #mainContent .moduleSide ul {
	list-style: 	none;
	margin:  		0px 0px 0px 10px;
	padding: 		0px 0px 0px 0px;
	background: transparent url(images/bg-module.png);
	font-size: 87%;
}
#content #mainContent .moduleSide ul ul {
  margin-left: 0;
}
#content #mainContent .moduleSide ul li{
  display: block;
}
#content #mainContent .moduleSide ul li a,
#content #mainContent .moduleSide ul li span.dm_current{
  padding: 4px 8px;
	display: block;
	font-size: 100%;
}

#content #mainContent .moduleSide ul li span.dm_current {
	background: #fff;
}

#content #mainContent .moduleSide ul ul li a,
#content #mainContent .moduleSide ul ul li span.dm_current {
  padding-left: 20px;
}

#content #mainContent .moduleSide ul ul ul li a,
#content #mainContent .moduleSide ul ul ul li span.dm_current {
  padding-left: 30px;
}


#content .moreLink a:link, #content .moreLink a:visited {
	background: 	url(images/crumb1.png) center right no-repeat;
	padding: 		0px 10px 0px 0px;
	text-decoration: none;
}
#content .moreLink a:hover {
	background: 	#fff url(images/crumb1.png) center right no-repeat;
	padding: 		0px 10px 0px 0px;
	text-decoration: none;
}




/* Section - Page */
.sectionPage #sectionContent {
	width: 			675px;	
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 0px 0px;
	min-height: 610px;
}
.sectionPage #sectionContent h1 {
	color: 			#fff;
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 0px 0px;
	font-size: 		1.4em;	
}

body #sectionContent ul {
	list-style: 	none;
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 0px 0px;
}
body #sectionContent ul li{
	padding: 		0px 0px 0px 0px;
	margin: 		15px 15px 0px 0px;
	width: 			200px;
	height: 		160px;
	background: 	#EAE7E2;
	float: 			left;
	border: 		5px solid #fff;
}
body #sectionContent ul li a {
	display: 		block;
	width: 			200px;
	height: 		160px;
	overflow: hidden;
}

body #sectionContent ul li a:link, #sectionPage #sectionContent ul li a:visited {
background-color: 	#b7c7df;
}
body #sectionContent ul li a:hover {
background-color: 	#b7c7df;
}

.sectionPage #sectionContent .dm_widgets {
	list-style: 	none;
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 0px 0px;
}
.sectionPage #sectionContent .dm_widgets .content_image {
	padding: 		0px 0px 0px 0px;
	margin: 		15px 15px 0px 0px;
	width: 			200px;
	height: 		160px;
	background: 	#EAE7E2;
	float: 			left;
	border: 		5px solid #fff;
}

/* when user is editing, show the images per line for easier editing */
.sectionPage .edit #sectionContent .dm_widgets .content_image {
	float: none;
	clear: both;
	height: auto;
}

.sectionPage #sectionContent .dm_widgets .content_image a {
	display: 		block;
	width: 			200px;
	height: 		160px;
	overflow: hidden;
	position: relative;
}

.sectionPage #sectionContent .dm_widgets .content_image a img {
  position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.sectionPage #sectionContent .dm_widgets .content_image span.caption {
	display: block;
	background: transparent url(images/bg-trans-off-white.png);
	color: #000000;
	font-weight: bold;
	font-size: 80%;
	height: 26px;
	padding: 4px 0 0 8px;
	z-index: 2;
	position: relative;
}

.sectionPage #sectionContent .dm_widgets .content_image a:link, .sectionPage #sectionContent .dm_widgets .content_image a:visited {
background-color: 	#b7c7df;
}
.sectionPage #sectionContent .dm_widgets .content_image a:hover {
background-color: 	#b7c7df;
}
.sectionLink {
	display: 		block;
	background: 	url(images/bg-trans-off-white.png) top center repeat;
	height: 		26px;
	padding: 		4px 0px 0px 8px;
	color: #000;
	font-weight: 900;
}

.sectionPage #breadcrumbs {
	border-left: 	5px solid #fff;
	border-right: 	5px solid #fff;
	margin: 		0px 0px 10px 0px;
}
.sectionPage #mainContentWrap {
	background: 	none;
	float: 			left;
	margin:  		20px 0px 20px 0px;
	padding: 		0px 0px 0px 0px;
	width: 			675px;
	border-left: 	none;
	border-right: 	none;
}

/* Content Lead In - Page */
.mainContent #moduleSummary {
	background-position: top left;
	background-repeat: no-repeat;
	float: 			right;
	width: 			405px;
	height: 		543px;
	padding: 		20px 20px 0px 20px;
	position: relative;
}
.mainContent #moduleSummary #summary {
	background: 	url(images/bg-trans-black.png) top left repeat;
	width: 			220px;
	padding: 		10px 10px 4px 10px;
	border: 1px solid #000;
	
}
#content #summary .moreLink {
	border-top: 1px solid #fff;
	padding: 10px 0 0 0;
}
#content #summary .moreLink a:link, #content #summary .moreLink a:visited {
	color: #fff;
	font-size: 12px;
	padding: 		2px 10px 2px 5px;
}
#content #summary .moreLink a:hover {
	color: #000;
	font-size: 12px;
	padding: 		2px 10px 2px 5px;
}
.mainContent #moduleSummary #summary p {
color: #fff;
font-size: 11px;
}
.mainContent #moduleSummary #summary h1 {
color: #fff;
}
.mainContent #moduleSummary .linkSummary{
	position: 		absolute;
	bottom: 		20px;
	right: 			0px;
	width: 			280px;
	padding: 		0px 0px 0px 0px;
	margin: 		0px;
	text-align:right;
	
}
.mainContent #moduleSummary .linkSummary ul{
	list-style: none;
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 0px 0px;
}

.mainContent #moduleSummary .linkSummary ul li {
	
	margin: 10px 0 0 0;
	padding: 		0px 0px 0px 0px;
	border: 1px solid #000;
	font-size: 16px;
	font-weight: 900;
}
.mainContent #moduleSummary .linkSummary ul li a:link, .mainContent #moduleSummary .linkSummary ul li a:visited {
background: 	url(images/bg-trans-black.png) top left repeat;
display: block;
color: #d8d8d8;
padding: 		5px 10px 5px 10px;
}
.mainContent #moduleSummary .linkSummary ul li a:hover {
background: 	#000;
display: block;
color: #fff;
padding: 		5px 10px 5px 10px;
}
/* Travel Module */
.moduleTravel {
	background-color: #fff;
	border-top: 	1px solid #c3cad3;
	border-bottom: 	1px solid #c3cad3;
	border-left: 	5px solid #c3cad3;
	border-right: 	5px solid #c3cad3;
	padding: 		5px 10px 5px 10px;
	margin-top: 	20px;
	margin-bottom: 	40px;
	position: 		relative;
}
.moduleTravel p {
	margin:  		0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
	font-size: 		0.7em;
}
a#tag {
	position: 		absolute;
	top: 			-30px;
	right: 			-14px;
	width: 			230px;
	height: 		100px;
}
a#tag:link, a#tag:visited {
	background: 	url(images/tag1.png) top right no-repeat;
}
a#tag:hover {
	background: 	url(images/tag1.png) bottom right no-repeat;
}
/* Sub content columns */
#contentCol1 {
	width: 			240px;
	float: 			left;
	position: 		relative;
}
#contentCol2 {
	width: 			240px;
	float: 			right;
	position: 		relative;
}
.moduleInner {
	background: 	url(images/swoosh1.png) top left no-repeat;
	padding: 		105px 10px 0 15px;
	position: 		relative;
	z-index: 		500;
}
.moduleInner p {
	font-size: 		0.7em;
}
.moduleInner h5 {
	color: 			#637182;
	font-weight: 	bold;
}
#mainContentFooter {
	clear: 			both;
	background-color: #919aa5;
	border-top: 	5px solid #c3cad3;
	padding: 		20px 20px 0 30px;
}
#mainContentFooter p, #mainContentFooter ul li {
	color: 			#fff;
}

/* Sub Column - Twitter Module */
#twit h5{
	width: 			180px;
	padding: 		0px 0px 0px 0px;
	margin:  		0px 0px 0px 0px;
	background-color: #fff;

}
#content #mainContent .moduleSide ul#tweetFade {
	padding: 		10px 10px 0px 10px;
	margin:  		0px 0px 10px 0px;
	width: 			180px;
	height: 190px;
	overflow: hidden;
	background: 	url(images/twit.png) bottom left no-repeat;
}
#content #mainContent .moduleSide ul#tweetFade li {
	padding: 		0px 10px 0px 0px;
	margin:  		0px 0px 0px 0px;
	width: 190px;
}

/* ------- Side Content ------- */

#sideContent {
	margin:  		20px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
	width: 			310px;
	float: 			right;
}
#sideContent .module {
	margin:  		0px 0px 20px 0px;
}
#sideContent #logInModule {
	padding: 		5px 5px 5px 5px;
	background: 	url(images/bg-trans.png) top center repeat;
	display: 		none;
}
/* Login Form elements */
#logInModule form h5 {
	padding: 		8px 0px 10px 10px;
	margin:  		0px 0px 0px 0px;
}
#logInModule form p {
	position: 		relative;
	margin: 		0;
	padding: 		0px;
	width: 			125px;
	float: 			left;
}
p#signUp {
	font-size: 		10px;
	clear: 			both;
	padding: 		4px 0px 6px 10px;
}
#logInModule form p label {
	font-family: 	Helvetica, Arial;
	font-size: 		10pt;
	position: 		absolute;
	top: 			1px;
	left: 			4px;
	color: 			#333;
}
#logInModule form p br {
	display: 		none;
}
#logInModule form p input {
font-size: 11px;
}
#logInModule form p label {
	margin: 		0;
	padding: 		0;
	font-size: 11px;
}
#logInModule form p input#searchSubmit {
	background-image: 	none;
	background-color: #fff;
	position: 		absolute;
	top: 			0px;
	left: 			125px;
	cursor: 		pointer;
	margin: 		0;
	padding: 		1px 3px;
	border: 		1px solid #95979e;
}
#logInModule form ul {
    margin: 4px 0px;
    list-style: none;
    font-size: 11px;
    color: red;
    padding: 0px;
}
#logInModule .avatar {
    border: 3px solid #FFF;
    position: absolute;
    margin: 0 0 0 10px;
    top: 10px;
    left: 0px;
}
#logInModule p.welcome {
    padding-left: 80px;
    position: relative;
    padding-bottom: 15px;
    padding-top: 10px;
}
#logInModule p.welcome span {
    color: #4A567A;
    font-style: italic;
}
#logInModule .statistics {
    list-style: none;
}
#logInModule .statistics span {
    color: #4A567A;
}
#content #usLinks {
	clear: both;
	border-top: 2px solid #fff;
	padding: 		5px 0px 0px 10px;
	margin:  		0px 0px 0px 0px;
}
#content #usLinks p {
	padding: 		3px 0px 3px 0px;
	margin:  		0px 0px 0px 0px;
	font-size: 11px;
	font-weight: 900;
}
#content #usLinks p a, #content #usLinks p span.dm_current {
	padding: 		2px 10px 2px 18px;
	margin:  		0px 3px 0px 0px;
}
#content #usLinks p a:link, #content #usLinks p a:visited, #content #usLinks p span.dm_current {
	background: #4a567a url(images/us.png) top left no-repeat;
	color: #fff;
	text-decoration: none;
}
#content #usLinks p a:hover {
	background: #fff url(images/us.png) bottom left no-repeat;
	color: #4a567a;
	text-decoration: none;
}
/* Top Side Ad Block */
.topSide-AdModule {
	padding: 		5px 5px 5px 5px;
	background: 	url(images/bg-trans.png) top center repeat;
	display: 		none;
}
.topSide-AdModule p {
	padding: 0;
}
/* Newsletter Module */
#newsletterModule {
	display: 		none;
	padding: 		0px 0px 0px 0px;
	margin:  		0px 0px 0px 0px;
}
#newsletterModule a {
	background: 	url(images/bg-trans.png) top center repeat;
	padding: 		5px 5px 5px 5px;
	margin:  		20px 0px 0px 0px;
	width: 			300px;
	font-size: 		10px;
}
#newsletterModule a strong {
	color: 			#000;
	font-size: 		12px;
}
#newsletterModule a:hover {
	background-color: #fff;
	text-decoration: none;
}
#info {
	padding: 		20px;
}
#sideContent a.lead {
	padding: 		5px 5px 5px 5px;
	width: 			80px;
	height: 		96px;
	float: 			left;
	font-size: 		0.7em;
}
#sideContent a.lead img {
	margin-bottom: 	3px;
}
#sideContent a.lead:link, #sideContent a.lead:visited {
	background: 	url(images/bg-trans.png) top center repeat;
	text-decoration: none;
	font-weight: 	bold;
	color: #666;
}
#sideContent a.lead:hover {
	background-color: #fff;
	text-decoration: none;
	font-weight: 	bold;
	color: #333;
}
#sideContent a#lead1 {
	margin: 		0 20px 0 0;
	display: 		none;
}
#sideContent a#lead2 {
	margin: 		0 20px 0 0;
	display: 		none;
}
#sideContent a#lead3 {
	margin: 		0 0px 0 0;
	display: 		none;
}
/* Map Page Content --------------------- */
.mapPage {
	overflow: hidden;
}
.mapContent {
	height: 		100%;
	position: 		relative;
}
#mapSideContent {
	position: 		absolute;
	top: 			30px;
	right: 			8px;
	background: 	#fff;
	width: 			177px;
	text-align: 	left;
	border: 		1px solid #000;
	padding: 		10px 10px 10px 10px;
}

#mapSideContent #side_bar a{
	padding: 		0em 0px 0em 0px;
	font-size: 		0.7em;
}



#mapSideContent #key {
border-bottom: 1px solid #a5a9ad;
margin-bottom: 10px;
}

#mapSideContent #key p{
font-size: 0.7em;
}


#mapSideContent a:link, #mapSideContent a:visited {
	color:			#255494;
	text-decoration: none;
}
#mapSideContent a:hover {
	color:			#b21500;
	text-decoration: none;
	background-color: #fff;
}
#smallLogo {
margin-bottom: 10px;
}
#hide {
font-size: 		0.7em;
float: right;
}
.bubble {
text-align: left;
width: 300px;

}
.bubble img{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #a5a9ad;
}
.bubble h5 {
	border-bottom: 1px solid #a5a9ad;
	padding: 9px 0 7px 18px;
	margin-bottom: 10px;
background: 	#fff url(images/pin_red_dot.png) center left no-repeat;		
}
.bubble h6 {
	font-size: 		0.9em;
	font-weight: 	bold;
	color: 			#333;
	padding: 9px 0 7px 18px;
	margin-bottom: 0px;
background: 	#fff url(images/pin_grey_dot.png) center left no-repeat;		
}
.bubble p {
font-size: 		0.7em;
}
.bubble .moreLink {
clear: both;
	border-top: 1px solid #a5a9ad;
	display: block;
	padding: 5px 0 0 0;
	margin: 0;
}
.bubble .moreLink a:link, .bubble .moreLink a:visited {
	background: 	url(images/crumb1.png) center right no-repeat;
	padding: 		0px 10px 0px 0px;
	color:			#255494;
	text-decoration: none;

}
.bubble .moreLink a:hover {
	background: 	#fff url(images/crumb1.png) center right no-repeat;
	padding: 		0px 10px 0px 0px;
	color:			#b21500;
	text-decoration: none;
	background-color: #fff;

}
/* (Specific section/page) Content --------------------- */

/* (Specific section/page) Content --------------------- */




/* ????????????????????????????????????????????????????????????????
   =7 Extras
??????????????????????????????????????????????????????????????????? */ 

/* Image styles  */

/* Fader style - used for jQuery Innerfade  */
#iconFader {
	height: 		80px;
	width: 			80px;
	margin-bottom: 	5px;
	display: 		block;
}
#fader {
	height: 		200px;
	width: 			450px;
	border-top: 	5px solid #fff;
	border-bottom: 	5px solid #fff;
}
/* Other jQuery styles */



/* Google Map style */

/* Video style */



/* ????????????????????????????????????????????????????????????????
   =8 Forms
??????????????????????????????????????????????????????????????????? */ 

/* Form elements - general */

#headFeature {
	height: 		210px;
	background-color: #fff;
	clear: 			both;
}
#expeditionSearch {
	float: 			right;
	height: 		180px;
	width: 			175px;
	overflow: 		none;
	border-top: 	5px solid #fff;
	background-color: #EAE7E2;
	padding: 		10px;
}
#expeditionSearch select {
	outline: 		hidden;
	font-size: 		12px;
	width: 			174px;
	margin-bottom: 	10px;
}
/* Form elements - class "Form"  */
#contactForm {
	background-color: #f1f1ea;
	border: 		5px solid #c3cad3;
	padding-top: 	20px;
}
#content ul.form {
	list-style-type: none;
	margin: 		0;
	padding: 		20px 0px;
}
ul.form li {
	margin: 		5px 0;
	position: 		relative;
	font-size: 		11px;
}
ul.form li label {
	float: 			left;
	text-align: 	right;
	width: 			90px;
	padding: 		2px 15px 0 0;
	font-size: 		12px;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.13);
}
ul.form li label.error {
	color:			#eb856a;
}
ul.form li input {
	padding: 		2px;
}
ul.form li textarea {
	padding: 		2px;
}
ul.form li select {
	padding: 		2px;
	outline: 		hidden;
}
ul.form li select option {
	padding-right: 	10px;
	padding-left: 	2px;
	outline: 		hidden;
}
ul.form li #btnSubmit {
	padding: 		2px 20px;
	margin: 		10px 0 20px 105px;
}
#postalDetails {
	background-color:#f6f6f4;
	padding: 		2px 0;
}
ul.form li .legend {
	display: 		block;
	float: 			left;
	text-align: 	right;
	width: 			100px;
	padding: 		2px 15px 0 0;
	font-size: 		11px;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.13);
}
#content ul.form li ul.radioGroup {
	list-style-type: none;
	margin: 		0 0 -15px 0;
	padding: 		0;
	float: 			none;
	position: 		relative;
	top: 			-21px;
	left: 			115px;
}
#content ul.form li ul.radioGroup li {
	margin: 		2px 0;
	position: 		relative;
	font-size: 		11px;
}
#content ul.form li ul.radioGroup li label {
	float: 			none;
	text-align: 	left;
	padding: 		0px 0px 0px 0;
	font-size: 		11px;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.13);
	position: 		relative;
	top: 			-3px;
}
/* 
????????????????????????????????????????????????????????????????
   =9 Footer
??????????????????????????????????????????????????????????????????? 
*/  

/* Footer */
#footerWrapFixed {
	clear: 			both;
	width: 			100%;
  height: 30px;
  position: fixed;
  top:100%;
	margin: 		0px auto;
  margin-top:-27px;
	text-align: 	center;
}

#footerWrap {
	clear: 			both;
	width: 			990px;
	margin: 		0px auto;
	text-align: 	center;
}
#footer {
	clear:			both;
  height: 30px;
	margin: 		0px 0px;
	padding: 		5px 500px 5px 10px;
	text-align: 	left;
		background: 	url(images/bg-trans-off-white.png) top center repeat;
}

#footerWrapFixed #footer
{
  width:100%;
}

#footer p {
	color:			#000;
	font-size: 		0.7em;
	line-height: 	1.5em;
	padding: 		0 0 0 0;
	margin: 		0 0 0 0;
}
#footer p a:link, #footer p a:visited {
	color:			#255494;
	text-decoration: none;
}
#footer p a:hover {
	color:			#000;
	text-decoration: none;
	background-color: #fff;
}


/* gallery */
body.gallery #mainContentWrap{
	border-bottom: 5px solid #fff;
}

body.gallery #mainContentWrap #sectionContent {
	padding: 10px;
}



/** others **/

/** user profile/signup forms **/
.main_user_profile, .main_sign_up {
    margin-top: 10px;
}

.user_form {background: url(images/bg-trans.png) repeat ;}

#content .form {
    padding-top: 20px;
    list-style: none;
}

.flash {
    padding: 10px;
    text-align: center;
}

.flash.error {
    background: #FBE3E4;
    border: 1px solid #FBE3E4;
    color: #860006;
    font-weight: bold;
}

.flash.message {
    background: #E6EFC2;
    border: 1px solid #C6D880;
    color: #4E6100;
    font-weight: bold;
}

#content .form li {
    display: block;
    margin: 10px 0px;
    font-size: 1.2em;
}

#content .form li.error {
    color: red;
    font-size: 0.9em;
    padding-left: 25%;
}

#content .form li label {
    display: block;
    width: 22%;
    text-align: right;
    padding-right: 25px;
}




#content .form li input, #content .form li textarea {
    display: block;
    width: 30%;
    float: left;
    padding: 4px;
}

#content .form li input[type="submit"] {
    float: none;
    width: auto;
    border: #97B6D4 1px solid;
    margin-left: 26%;
}

#content .form li input[type="checkbox"] {
    width:auto;
}

#content .form li input[type="file"] {
    margin-left: 26%;
}

#content .form label
{
    float: left;
}

#content .form label span
{
    color: red;
}

.help {
    color: #777777;
    margin-left: 10px;
    display: block;
    float: left;
    font-size: 0.8em;
    font-style: italic;
    padding-top: 5px;
}





































#bg
{
  position: absolute;
  top:0px;
  left: 0px;
  width:100%;
  height:100%;
  background:white;
  z-index: -1;
}


#content
{
  padding:30px;
  margin-bottom: 180px;
}

#bgcontent
{
  margin-top: 20px;
  background-image: url('images/bg-trans.png');
  padding:30px;
  margin-bottom: 180px;
}

.frontpagecontent
{
  background-image: none;
}

.inner
{
  margin:auto;
  width:1000px;
  text-align: left;
}

/* Main Navigation - Horizontal style */
nav
{
}

.mainNav {
  display: inline;
  float:right;
	margin:  		0px auto 0px auto;
	padding: 		0px;
	width:   		900px;
	position: 		relative;
	top: 			-44px;
	left: 			80px;
}

.mainNav li {
	display: 		inline;
	float: 			left;
	font-size: 		11px;
	margin: 		0px;
  width: 90px;
  text-align: center;
}
.mainNav li a,
.mainNav > li > span.dm_current {
	display: 		block;
	font-weight: 	bold;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.43);
	position: 		relative;
/*	z-index: 		105; */
	text-align: 	center;
}
.mainNav li a:link, .mainNav li a:visited,
.mainNav > li > span.dm_current {
	text-decoration: none;
	color:			#0a2e5d;
	padding: 		17px 21px 18px 21px;
	background: 	url('images/bg-nav2.png') top center repeat-x;
}
.mainNav li a:hover,
.mainNav li span.dm_current:hover,
.mainNav > li.dm_current > span.dm_current,
.mainNav > li.dm_parent > a.dm_parent {
	color:			#fff;
	text-decoration: none;
	background: 	url(images/bg-nav.png) top center no-repeat;
	padding: 		17px 21px 29px 21px;
}

.mainNav li li a:link, .mainNav li li a:visited, .mainNav li li a:hover, .mainNav li li span.dm_current {
	background-image: none;
	padding:     8px 16px 8px 22px;
}
.mainNav li li a:link, .mainNav li li a:visited, .mainNav li li a:hover, .mainNav li li span.dm_current, .mainNav li li span.dm_current:hover {
	display: 		block;
	padding: 		8px 16px 8px 22px;
	font-weight: 	bold;
	text-shadow:	none;
	color: 			#5079a2;
	background: 	#f6f6f6 url(images/silver1.png) center left no-repeat;
	text-align: 	left;
	position: 		relative;
	z-index: 		104;
	font-size: 		11px;
	text-shadow:	none;
	border-top: 	1px solid #fff;
	height: 		22px;
    line-height:    1.3;
}
.mainNav li li a:hover {
	color: 			#000;
	background: 	#f6f6f6 url(images/silver2.png) center left no-repeat;
}

.sub
{
  margin-top:-10px;
}

/*
.mainNav {
	margin:  		0px auto 0px auto;
	padding: 		0px;
	width:   		900px;
	position: 		absolute;
	top: 			52px;
	left: 			185px;
}

.mainNav li {
	display: 		inline;
	float: 			left;
	font-size: 		11px;
	margin: 		0px 0px 0px 0px;
  width: 100px;
}
.mainNav li a,
.mainNav > li > span.dm_current {
	display: 		block;
	font-weight: 	bold;
	text-shadow:	0 1px 1px rgba(64, 64, 64, 0.43);
	position: 		relative;
	z-index: 		105;
	text-align: 	center;
}
.mainNav li a:link, .mainNav li a:visited,
.mainNav > li > span.dm_current {
	text-decoration: none;
	color:			#0a2e5d;
	padding: 		17px 21px 18px 21px;
	background: 	url(images/bg-nav2.png) top center repeat-x;
}
.mainNav li a:hover,
.mainNav li span.dm_current:hover,
.mainNav > li.dm_current > span.dm_current,
.mainNav > li.dm_parent > a.dm_parent {
	color:			#fff;
	text-decoration: none;
	background: 	url(images/bg-nav.png) top center no-repeat;
	padding: 		17px 21px 29px 21px;
}

.mainNav li li a:link, .mainNav li li a:visited, .mainNav li li a:hover, .mainNav li li span.dm_current {
	background-image: none;
	padding:     8px 16px 8px 22px;
}
.mainNav li li a:link, .mainNav li li a:visited, .mainNav li li a:hover, .mainNav li li span.dm_current, .mainNav li li span.dm_current:hover {
	display: 		block;
	padding: 		8px 16px 8px 22px;
	font-weight: 	bold;
	text-shadow:	none;
	color: 			#5079a2;
	background: 	#f6f6f6 url(images/silver1.png) center left no-repeat;
	text-align: 	left;
	position: 		relative;
	z-index: 		104;
	font-size: 		11px;
	text-shadow:	none;
	border-top: 	1px solid #fff;
	height: 		14px;
}
.mainNav li li a:hover {
	color: 			#000;
	background: 	#f6f6f6 url(images/silver2.png) center left no-repeat;
}
*/

/* Active element */
.mainNav li.active a:link, .mainNav li.active a:visited, .mainNav li.active a:hover {
}

.sub
{
}

.sub li
{
  display: block;
  float: none;
  overflow: visible;
}

#jimmywebcredit
{
  position: absolute;
  left:100%;
  margin-left:-170px;
}

#logos
{
  position: relative;
  margin-top: 10px;
  top:0px;
  left:0px;
  float:left;
}



/* wordpress comments */
#comments-title {
    color: #666666;
    font-size: 10px;
    font-weight: 500;
    line-height: 2.6em;
    padding: 0 0 2.6em;
    text-transform: uppercase;
}
.nopassword, .nocomments {
    color: #AAAAAA;
    font-size: 24px;
    font-weight: 100;
    margin: 26px 0;
    text-align: center;
}
.commentlist {
    list-style: none outside none;
    margin: 0 auto;
    width: 68.9%;
}
.content .commentlist, .page-template-sidebar-page-php .commentlist {
    width: 100%;
}
.commentlist > li.comment {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    margin: 0 0 1.625em;
    padding: 1.625em;
    position: relative;
}
.commentlist .pingback {
    margin: 0 0 1.625em;
    padding: 0 1.625em;
}
.commentlist .children {
    list-style: none outside none;
    margin: 0;
}
.commentlist .children li.comment {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #DDDDDD;
    border-radius: 0 3px 3px 0;
    margin: 1.625em 0 0;
    padding: 1.625em;
    position: relative;
}
.commentlist .children li.comment .fn {
    display: block;
}
.comment-meta .fn {
    font-style: normal;
}
.comment-meta {
    color: #666666;
    font-size: 12px;
    line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
    line-height: 1.625em;
    margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
    margin: 1.625em 0 0;
}
.comment-meta a {
    font-weight: bold;
}
.comment-meta a:focus, .comment-meta a:active, .comment-meta a:hover {
}
.commentlist .avatar {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px #CCCCCC;
    left: -102px;
    padding: 0;
    position: absolute;
    top: 0;
}
.commentlist > li:before {
    content: url("images/comment-arrow.png");
    left: -21px;
    position: absolute;
}
.commentlist > li.pingback:before {
    content: "";
}
.commentlist .children .avatar {
    background: none repeat scroll 0 0 transparent;
    box-shadow: none;
    left: 2.2em;
    padding: 0;
    top: 2.2em;
}
a.comment-reply-link {
    background: none repeat scroll 0 0 #EEEEEE;
    border-radius: 3px 3px 3px 3px;
    color: #666666;
    display: inline-block;
    font-size: 12px;
    padding: 0 8px;
    text-decoration: none;
}
a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active {
    background: none repeat scroll 0 0 #888888;
    color: #FFFFFF;
}
a.comment-reply-link > span {
    display: inline-block;
    position: relative;
    top: -1px;
}
.commentlist > li.bypostauthor {
    background: none repeat scroll 0 0 #DDDDDD;
    border-color: #D3D3D3;
}
.commentlist > li.bypostauthor .comment-meta {
    color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus, .commentlist > li.bypostauthor .comment-meta a:active, .commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
    content: url("images/comment-arrow-bypostauthor.png");
}
.commentlist .children > li.bypostauthor {
    background: none repeat scroll 0 0 #DDDDDD;
    border-color: #D3D3D3;
}

.entry-title {
    margin-top: 1.3em;
    margin-bottom: 0.3em;
}

.entry-meta {
    margin-bottom: 1em;
}

li.widget-container {
    margin-bottom: 1em;
}

.xoxo {
    list-style-type: none;
}

li #searchform {
    margin:  1em 0;
}

.post {
    border-bottom:  1px solid #ccc;
    padding-bottom: 1.5em;
    width: 700px;
}

#comments {
    padding-top: 1.5em;
}

.form-allowed-tags {
    display: none;
}

textarea#comment {
    width: 99%;
}

.entry-content h1 {
    font-size: 1.3em !important;
}

.entry-utility {
    clear: both;
}







#mainContentWrap
{
  margin-bottom: 200px;
}

#sptbg
{
  background-image: url('images/sptbg.jpg');
  width:100%;
  height: 100%;
  padding: 20px;
}

#masthead
{
  background-image: url('images/sptmasthead.jpg');
  width:100%;
  height:200px;
}

#sptbg div img
{
  max-width: 215px; 
  height: auto;
}













#mapPage
{
  width:100%;
  height:100%;
  position: absolute;
  top:100px;
  left:0px;
}

.map_controls
{
  position: absolute !important;
  top: 130px !important;
  left: 90% !important;
}

.panel
{
  margin-left:-10px;
  margin-top:30px;
  position: absolute;
  width:500px;
  height:600px;
  overflow-y: scroll;
  padding:30px;
  background-image: url('images/bg-trans.png');
}

.loader
{
  width: 100%;
  height: 100%;
  text-align:center;
}

.loadingimg
{
  display: inline-block;
  margin: auto;
  margin-top: 40%; /* crude way to center vertically */
  width: 64px;
  height: 64px;
  background-image: url('images/ajax-loader-big.gif');
}

.mendup
{
  border-top:5px solid white;
  padding-top:15px;
}



.webcamoverlay
{
position: absolute; padding:10px; width:300px; height: 25px; left: 0px; top: 212px; background-image: url('images/transblack.png'); color: white; font-size: 12px;
}


.postdiv img
{
  max-width: 410px;
  height: auto;
}

.catli
{
  background: none repeat scroll 0 0 #EAE7E2;
  border: 5px solid #FFFFFF;
  float: left;
  height: 160px;
  margin: 15px 15px 0 0;
  padding: 0;
  width: 200px;
}

#mainContentWrapHub
{
	width: 			675px;
  float: left;
  display:block;
}

#mainContentWrapHub h1
{
  margin-top:20px;
  color: white;
}
#mainContentWrapHub h2
{
  margin-top:20px;
  margin-left:20px;
  color: white;
}