@charset "utf-8";
/* CSS Document */

/* =============================================== COMMON REDEFINE === */

body  {
	font: 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#003;
	background:url(images/body_tile_11.png) repeat-y center;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size:12px;
	font-weight:normal;
}

h1 {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	line-height:30px;
	margin-top:5px;
}

h2 {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#003;
	line-height:16px;
	margin-top:5px;
	margin-bottom:5px;
}

h3 {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#003;
	line-height:24px;
	margin-top:5px;
	margin-bottom:10px;
}

h4 {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#069;
	line-height:16px;
	margin-top:5px;
}

p {
	margin-top:5px;
	margin-bottom:15px;
}

hr {
	margin-top:0px;
	margin-bottom:0px;
}

input:focus, select:focus {
	background-color:#FFEDCA;
	border: 1px solid #003;	
}

/* =============================================== DIVS === */

div#superWrapper {
	width:100%
}

div#banner a {
	display:block;
	width:100%;
	height:190px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/DABpool-rainbow-banner-3-flooded-24.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	border-bottom-color:#003;
	border-bottom-style:solid;
	border-bottom-width:5px;
}

div#msgPanel {
	width:100%;
	height:21px;
	padding-bottom:3px;
	background-color:#002;
	color:#D2EBF9;
	font-size:15px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

div#mainWrapper {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

div#mainCentre {
	width:560px;
	height:1000px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	background-image:url(images/main-content-background-tile.png);
	background-position:top;
	background-repeat:repeat-x;
}

div#mainCentreGirl {
	width:560px;
	height:1000px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	background-image:url(images/freeGirlv3-BG.png);
	background-repeat:no-repeat;
}

div#mainCentreRing {
	width:560px;
	height:1000px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	background-image:url(images/lifeRingv2-BG.png);
	background-repeat:no-repeat;
}

div#mainCentreLifeRingBeach {
	width:560px;
	height:1000px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	background-image:url(images/lifeRingBeachv2-BG.png);
	background-repeat:no-repeat;
}

div#mainCentreSkyscraper {
	width:560px;
	height:1000px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	background-image:url(images/corporate-BG.png);
	background-repeat:no-repeat;
}

div#mainCentreDecisions {
	width:560px;
	height:1000px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	background-image:url(images/decisionsv2-BG.png);
	background-repeat:no-repeat;
}

div#mainCentreCalc {
	width:560px;
	height:1000px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	background-image:url(images/calcv2-BG.png);
	background-repeat:no-repeat;
}

div#mainCentreCalc2 {
	width:560px;
	height:1000px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	background-image:url(images/calc2v2-BG.png);
	background-repeat:no-repeat;
}

div#mainCentreFunnyCalc {
	width:560px;
	height:1000px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	background-image:url(images/funnyCalc-BG.png);
	background-repeat:no-repeat;
}

div#mainCentrePiggyBank {
	width:560px;
	height:1000px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	background-image:url(images/piggybankv2-BG.png);
	background-repeat:no-repeat;
}

div#mainCentrePennies {
	width:560px;
	height:1000px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	background-image:url(images/penniesv2-BG.png);
	background-repeat:no-repeat;
}

div#mainCentreTopOfWorld {
	width:560px;
	height:1000px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	background-image:url(images/topOfWorldv2-BG.png);
	background-repeat:no-repeat;
}

div#mainCentreBeachSky {
	width:750px;
	height:1000px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	background-image:url(images/beachSkyv2-770-BG.png);
	background-repeat:no-repeat;
	position:relative;
}

div#mainCentreThumbsUp {
	width:750px;
	height:1000px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	font-size:14px;
	background-image:url(images/thumbsUpv2-770-BG.png);
	background-repeat:no-repeat;
}

div#mainCentreSignpost {
	width:750px;
	height:1000px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	font-size:14px;
	background-image:url(images/signpost1v2-770-BG.png);
	background-repeat:no-repeat;
}

div#mainRight {
	width:180px;
	padding-left:10px;
	height:1000px;
	float:right;
	background:#D2EBF9;
	text-align:left;
	font-size:11px;
	border:0px;
}

div#mainFullWidth {
	padding:20px;
	text-align:left;
}
	

div#contactFormWrapper {
	width:725px;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:10px;
	padding-right:10px;
	border:dashed 1px #666;
	position:absolute;
	bottom:10px;
}

div#formStatusArea {
	height:24px;
	font-size:11px;
	text-align:left;
	color:#F00;
}

div#formStatusArea2 {
	height:15px;
	font-size:14px;
	text-align:left;
	margin-bottom:10px;
	color:#F00;
}


/* =============================================== NORMAL LINK STYLE === */

a:link {
	color:#036;
	text-decoration:none;
	}
	
a:visited {
	color:#003;
	text-decoration:none;
	}
	
a:hover {
	color:#1E95E5;
	text-decoration:none;
	}
	
a:active {
	color:#F60;
	text-decoration:none;
	}


/* =============================================== NAVBAR CLASSES & LINK STYLE === */

div#navBar {
	font-size:small;
	width:190px;
	height:900px;
	float:left;
	background:#D2EBF9;
}

.navBar {
	height:87px;
	padding-top:10px;
	border-top-width:3px;
	border-top-style:ridge;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	}

	
.navBarTop {
	height:90px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	}
	
.navBarBlurb {
	font-size:x-small;
	color:#444;
}

.blockLink {
	display:block;
}

/* =============================================== FOOTER === */

div#footer{
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	height:100px;
	width:100%;
	background:#003;
	font-size:x-small;
}

div#footerWrapper {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

div#footerCol1 {
	width:180px;
	padding-left:10px;
	text-align:left;
	float:left;
}

div#footerCol2 {
	width:180px;
	padding-left:10px;
	text-align:left;
	float:left;
}

#footerCol2 a {
	font-size:12px;
	font-weight:bold;
}

#footerCol2 a:link {
	color:#9CF;
}

#footerCol2 a:visited {
	color:#9CF;
}

#footerCol2 a:hover {
	color:#F00;
}



div#footerCol3 {
	width:380px;
	padding-left:10px;
	text-align:left;
	float:left;
	color:#F93;
}

div#footerCol4 {
	width:180px;
	padding-right:10px;
	text-align:right;
	float:right;
}


/* =============================================== CLASSES === */

.clearBothFloatLeft {
	clear:both;
	float:left;
}

.mainTextBySmallIcons {
	float:left;
	padding-top:5px;
	padding-left:5px;
	font-size:12px;
	font-weight:bold;
	color:#F00;
}

.mainTextClearAllPadTop {
	clear:both;
	padding-top:10px;
	font-size:12px;
}

.mainTextClearAllPadBot {
	clear:both;
	padding-bottom:10px;
	font-size:12px;
}

.mainSubHeading1 {
	clear:both;
	font-size:21px;
	font-weight:800;
	color:#4AACE8;
	line-height:21px;
	margin-bottom:5px;
}

.mainEmphasis1 {
	font-size:20px;
	font-weight:bold;
	color:#C60;
	margin-top:16px;
	margin-bottom:5px;
	line-height:28px;
}

.mainEmphasis2 {
	font-size:17px;
	font-weight:bold;
	color:#C60;
	margin-top:16px;
	margin-bottom:5px;
	line-height:18px;
}

.mainEmphasisGold {
	font-size:20px;
	font-weight:bold;
	color:#FC3;
	line-height:21px;
}

.mainEmphasisDarkBlue {
	font-size:20px;
	font-weight:bold;
	color:#003;
}
.main1stPara {
	font-weight:bold;
	color:#FFF;
}

.missingField {
	color:#F00;
}

/* =============================================== PARAGRAPH AND BREAK CLASSES === */

#mainRight p {
	margin-top:5px;
	margin-bottom:5px;
}

#mainCentreBeachSky p {
	margin-top:7px;
	margin-bottom:7px;
}

.formSpacer {
	line-height:9px;
}

#mainCentreSignpost p {
	margin-top:7px;
	margin-bottom:7px;
}
	
/* =============================================== IMAGE & EMBED CLASSES === */

/* =============================================== CUSTOM LIST CLASSES === */

.customLi1 {
	list-style:none;
	background:url(images/bluetick.gif) no-repeat left center;
	padding-left:3.0em;
	padding-top:2px;
	padding-bottom:2px;
	color:#F00;
}

.customUl1 {
	margin-left:0;
	padding:0;
}