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

/*
    ------------
    Project by:			Kiosk
    Author:				Jim Savage
    Start date:			20/09/2007
    ------------
    COLOUR SPEC:
    light blue:			7dc3c3
	blue:				009ac8
	dark blue:			00539b
	orange:				f8981d
	green:				00938f
    ------------
*/

/* @group layout */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 1em;
}

div#fixedWidth{
	width: 597px;
	margin: 0 auto;
	padding: 10px 90px 0 90px;
	/* background: url(/images/logo-sponsors.gif) bottom left no-repeat; */
}

/* @end */

a:link {
	color: #666;
	text-decoration:none;
	}
a:visited {
	color: #666;
	text-decoration:none;
	}
a:hover {
	color: #666;
	text-decoration:underline;
	}
.poolTitle {
	color:#00938F;
	}
.urbanTitle {
	color:#009AC8;
	}
.seaTitle {
	color:#00539B;
	}

/* @group home */

div#headerHome{
	/*background: red;*/
	height: 145px;
}

div#headerHome img {
	float: left;
}

div#headerHome a {
	display: block;
	float: right;
	width: 97px;
	height: 97px;
	background: black;
	margin-top: 48px;
	margin-left: 1px;
}

div#headerHome .logoSeaCycles a {
	background: url(/images/logo-seaCycles.gif) no-repeat;
}

div#headerHome .logoSeaCycles a:hover, div#headerHome .logoUrbanPicnic a:hover {
	border-bottom: #f8981d solid 5px;
}

div#headerHome .logoUrbanPicnic a {
	background: url(/images/logo-urbanPicnic.gif) no-repeat;
}

div#box1, div#box2, div#box3 {
	float: left;
	width: 191px;
	height: 151px;
	margin-right: 11px;
}

div#box1{
	/*background: url(/images/home-box1.jpg) no-repeat;*/
}

div#box2{
	/*background: url(/images/home-box2.jpg) no-repeat;*/
}

div#box3 {
	width: 171px;
	height: 131px;
	overflow:auto;
	clip:rect(0, 0, 0, 0);
	margin: 0;
	padding: 10px;
	background: #f8981d;
	color: #fff;
	font-size: .8em;
}

/* @group home naviagtion */

div#flashHome{
	/*background: #a7d8a5;*/
	height: 275px;
}

div#flashHome p{
	padding-top: 33px;
	margin: 0;
}

div#flashHome p .boldBlue{
	font-weight: bold;
	color: #00938f;
}

div#flashHome p .orange, div#flashHome ul li a .orange{
	color: #f8981d;
}

div#flashHome ul{
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 20px;
}

div#flashHome ul a:link, div#flashHome ul a:visited{
	color: #7dc3c3;
	text-decoration: none;
}

div#flashHome ul a:hover{
	color: #00938f;
	text-decoration: none;
}

div#flashHome ul li{
	display: inline;
}

/* @end */

/* @end */

/* @group content */

/* @group nav links */

div#headerContent ul li .subBlank a:link, div#headerContent ul li .subBlank a:hover, div#headerContent ul li .subBlank a:visited{
	color: #fff;
	text-decoration: none;
}

div#headerContent ul a:link, div#headerContent ul a:visited{
	color: #7dc3c3;
	text-decoration: none;
}

div#headerContent ul li .subOn a:link, div#headerContent ul li .subOn a:hover{
	color: #00938f;
	text-decoration: none;
}

div#headerContent .subMenu ul li a:hover{
	color: #00938f;
}

div#headerContent ul li .subOn a:visited{
	color: #00938f;
	text-decoration: none;
}

div#headerContent ul a:hover{
	color: #00938f;
	text-decoration: none;
}



/* @end */

div#headerContent{
	/*background: red;*/
	height: 145px;
	font-weight: bold;
}

div#headerContent ul li a .orange, div#headerContent .orange{
	color: #f8981d;
}

div#headerContent .orangeTitle{
	font-size: 1.2em;
	color: #f8981d;
}


div#headerContent .subMenu ul{
	margin: 0;
	padding: 0;
}

div#headerContent img{
	float: left;
	margin-right: 15px;
}

div#headerContent ul{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 20px;
}
div#headerContent ul li{
	display: inline;
}

div#content{
	margin-top: 15px;
	font-size: .9em;
	margin-bottom: 20px;
}

div#contentFull{
	float: left;
	width: 530px;
}

/* @group right column */

div#contentRight{
	float: right;
	width: 245px;
	padding-left: 10px;
	text-align: right;
}

div#contentRight .clickThumb{
	font-size: .8em;
	color: #aaa;
}

div#contentRight .smallImage{
	margin-left: 1px;
	margin-bottom: 3px;
}

div#contentRight .bigImage{
	margin-bottom: 3px;
}



/* @end */

/* @group left column */

div#contentLeft{
	float: left;
	width: 319px;
	padding-right: 10px;
}

div#contentLeft h2, div#contentLeft h3{
	padding: 0;
	margin: 0;
	color: #00938f;
}

div#contentLeft h2 .grey{
	color: #666666;
}

div#contentLeft ul a:link, div#contentLeft ul a:visited{
	color: #7dc3c3;
	text-decoration: none;
}

div#contentLeft ul a:hover{
	color: #f8981d;
	text-decoration: none;
}

div#contentLeft ul li{
	display: inline;
}

div#contentLeft ul li a .orange{
	color: #f8981d;
}

div#contentLeft ul{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
}



/* @end */

/* @end */

/* @group footer */

div#footer{
	margin-top: 15px;
	margin-bottom: 20px;
	padding-top: 5px;
	font-size: .7em;
	color: #000000;
	font-weight: bold;
	height:110px;
	background: url(/images/logo-sponsors2.gif);
	background-repeat:no-repeat;
	background-position:0px 40px;
}

div#footer .orange{
	color: #f8981d;
}

div#footer .grey{
	color: #666;
}

div#footer a:link, div#footer a:visited{
	color: #000;
	text-decoration: none;
}

div#footer .footerText{
	float: left;
}

div#footer .signUp a{
	display:block;
	width: 192px;
	float: right;
	background: url(/images/linkArrow.gif) top right no-repeat;
}

div#footer a:hover{
	color: #00539b;
	text-decoration: none;
}

/* @end */

/* @group fixes */

#clearDiv{
	clear: both;
}

/* @end */