/* CSS Custom Styles for Yeronga Park Swimming Complex */

img {
	border: none;
}

h1, h2, h3, h4, h5, p, ul, table, form {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	/* Fixes exaggerated text resizing in IE6 and IE7 */
	background: #13b2c8 url(../images/bg.jpg);
	margin: 0;
	padding: 13px;
	color: #252525;
}

#page {
	margin-left: auto;
	margin-right: auto;
	width: 993px;
	/* Use a 12px base font size */
	font-size: 12px;
	line-height: 1.6em;
	color: #252525;
}

a {
	color: #555;
}

a:hover {
	color: #252525;
	text-decoration: none;
}

/*********************************************************/

/*                        Header                         */

/*********************************************************/

#header {
	background: url(../images/header.png) no-repeat top center;
	width: 993px;
	height: 157px;
}

#logo-title 

/* Wrapper for logo,website name,and slogan */ {
	padding-left: 30px;
	padding-top: 30px;
}

#logo 

/* Wrapper for logo */ {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

#top-banner {
	background-image: url(../../../images/banners/Child-Goggles.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	padding-bottom: 14px;
	height: 253px;
	width: 993px;
}

#poolfeature {
	background: url(../images/pool-feature.jpg) no-repeat top center;
	padding-bottom: 14px;
	height: 253px;
	width: 993px;
}

#learnfeature {
	background: url(../images/learn-feature.jpg) no-repeat top center;
	padding-bottom: 14px;
	height: 253px;
	width: 993px;
}

/** main (container for everything else) **/

#main {
	background: url(../images/bg-content.png) repeat-y top left;
	padding-bottom: 6px;
}

#main-inner 

/** This is handy for future adjustments if required **/ {

}

/*********************************************************/

/*                        Content                        */

/*********************************************************/

/*#content,.no-sidebars #content {
	float: left;
	width: 960px;
	margin-left: 0;
	margin-right: -960px;
	 Negative value of #content's width + left margin. 
	padding: 0;
 DO NOT CHANGE. Add padding or margin to #content-inner. 
}*/

/*.sidebar-left #content {
	width: 733px;
	margin-left: 211px;
	 The width of #sidebar-left. 
	margin-right: -945px;
 Negative value of #content's width + left margin. 
}*/

#column-container {
	margin: 0px 17px;
	width: 945px;
}

#sidebar-left {
	width: 193px;
	color: #6b6b6b;
}

#sidebar-left-inner {
	padding-left: 14px;
}

#sidebar-right {
	padding-left: 14px;
	width: 272px;
}

#sidebar-right-inner {
}

#sidebar-left .side-box {
	width: 183px;
	margin-bottom: 14px;
}

#sidebar-right .side-box {
	width: 254px;
	background: white;
	padding: 9px;
	margin-bottom: 14px;
}

/*.two-sidebars #content {
	width: 448px;
	margin-left: 211px;
	 The width of #sidebar-left 
	margin-right: -659px;
 Negative value of #content's width + left margin. 
}*/

#content {
	min-width: 420px;
	/*padding-left: 17px;*/
	line-height: 20px;
	padding-left: 14px;
}

#content-inner {
	background-color: #FFF;
	padding: 14px;
}

#content ul {
	margin: 8px 14px;
}

#content ul li {
	list-style-image: url(../images/bullet.png);
}

#content table {
	width: 100%;
	margin-bottom: 8px;
	padding-top: 8px;
}

#content table .even {
	background: #f2f2f2;
}

#content table .odd {
	background: #f8f8f8;	
}

#content table td, #content table th {
	padding: 4px 8px;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

#content table th {
	text-align: left;
	background: #cbcbcb;
	font-size: 1.1em;
}

#content h5 {
	margin-bottom: 8px;
	font-size: 1em;
	color: #555;
	border-bottom: 1px solid #eee;
}

#secondary-content, #tertiary-content {
	margin-top: 14px;
	padding: 14px;
	background: white;
}

#secondary-content h4, #tertiary-content h4, #sidebar-right h3 {
	font-size: 1em;
	margin: -5px;
	padding: 0px 9px;
	/*padding-top: 1px;*/
	/*padding-bottom: 1px;*/
	height: 20px;
	line-height: 20px;
	margin-bottom: 8px;
	color: #252525;
}

#secondary-content h4.dark, #tertiary-content h4.dark, #sidebar-right .dark h3, #content h3.dark, #content h3.dark a {
	background: #252525;
	color: white;
	text-decoration: none;
}

#content h3.dark a:hover {
	color: #999;
}

#secondary-content h4.light, #tertiary-content h4.light, #sidebar-right .normal h3 {
	background: #00ae25;
	color: white;
}

#sidebar-right h3 {
	margin: 0px;
}

#sidebar-right .side-box .side-box-inner {
	margin: 5px;
}

#whatson p {
	color: #6b6b6b;
	font-size: .938em;
}

/** sidebar-left **/

/*.sidebar-table {
	color: #6b6b6b;
	font-size: .938em;
}*/

/*#sidebar-left {
	float: left;
	width: 211px;
	margin-left: 0;
	margin-right: -211px;
	 Negative value of #sidebar-left's width + left margin. 
	padding: 0;
 DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. 
}*/

#sidebar-left table {
	width: 100%;
}

#sidebar-left h3 {
	margin-bottom: 0px;
	font-size: 1.1em;
	color: #ff7d00;
	text-transform: lowercase;
	position: relative;
	top: -3px;
}

a.side-button {
	text-decoration: none;
	display: block;
	background: url(../images/side-button.png) no-repeat;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 1.1em;
	color: #ff7d00;
	padding: 0px 10px;
	margin: 10px 0;
	text-transform: lowercase;
}

a.side-button:hover {
	color: #252525;
	background-position: 0px -28px;
}

/** sidebar-right **/

/*#sidebar-right {
	background-color: white;
	float: left;
	width: 272px;
	margin-left: 673px;
	 Width of content + sidebar-left. 
	margin-right: -930px;
	 Negative value of #sidebar-right's width + left margin. 
	padding: 0;
 DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. 
}*/

#sidebar-right .latest-news-item {
	margin-bottom: 8px;
	color: #6b6b6b;
	line-height: 1.3em;
	font-size: 0.95em;
	clear: both;
}

#sidebar-right .latest-news-item h5 {
	font-size: 1em;
}

#sidebar-right .latest-news-item a {
	color: #00ae25;
	text-decoration: none;
}

#sidebar-right .latest-news-item a:hover {
	color: #252525;
}

#sidebar-right .latest-news-item p {
	display: inline;
}

#sidebar-right .latest-news-item a.title-link {
	color: #252525;
}

#sidebar-right .latest-news-picture {
	float: right;
	margin-top: 2px;
	margin-left: 14px;
	margin-bottom: 14px;
	width: 60px;
	height: 60px;
	background: #e9ffed;
}

#content .news-picture {
	float: left;
	margin-bottom: 14px;
	margin-right: 14px;
}

#content .news-item {
	margin: 5px 5px 5px 75px;
}

#promo {
	background: #EEEDED url(../images/promo.jpg) no-repeat top center;
	height: 369px;
	font-size: 1.4em;
	color: #FFFFFF;
	padding: 5px 10px 10px 10px;
}

#enquirebutton {
	float: right;
	padding: 15px 0 0 0;
}

/* Success & Error messages for forms */
.success, .error {
	display: block;
	margin: 0.8em 0;
}

.success {
	color: #00AE25;
}

.error {
	color: #CC0000;
	font-weight: bold;
}

/**************** Default Navigation *****************/

#top-navbar {
	margin-top: 14px;
	margin-right: 16px;
	float: right;
	text-transform: lowercase;
}

#top-navbar ul {
	margin: 0px;
	padding-left: 0px;
	text-align: left;
	padding-top: 16px;
	padding-right: 16px;
}

#top-navbar li {
	display: inline;
	padding-left: 14px;
	list-style-type: none;
}

#top-navbar li a:hover, #top-navbar li.active a {
	color: #252525;
}

#topbar 

/* This is handy for future adjustments if required */ {
	
}

#top-navbar a {
	color: #ff7d00;
	font-size: 1em;
	font-weight: 700;
	text-decoration: none;
}

#primary-navbar {
	background: url(../images/navbar.png) no-repeat top center;
	height: 42px;
	position: relative;
	top: 5px;
}

#primary-navbar ul {
	margin: 0;
	padding: 0px;
	padding-left: 26px;
	padding-top: 8px;
	text-align: left;
}

#primary-navbar ul li {
	display: inline;
	list-style: none;
}

#primary-navbar ul li a {
	display: block;
	float: left;
	height: 34px;
	margin-right: 26px;
}

#primary-navbar ul li a:hover, #primary-navbar ul li.active a, #secondary-navbar ul li a:hover, #secondary-navbar ul li.active a {
	background-position: 0px -34px !important;
}

/* This is handy for future adjustments if required */ {
	
}

#secondary-navbar {
	background: url(../images/navbar1.png) no-repeat top right;
	float: right;
	height: 42px;
	margin-top: 8px;
	width: 384px;
}

#secondary-navbar ul {
	text-align: left;
	margin: 0;
	padding-left: 19px;
	padding-top: 8px;
}

#secondary-navbar ul li 

/* A simple method to get navbar links to appear in one line. */ {
	display: inline;
	list-style-type: none;
}

#secondary-navbar ul li a {
	display: block;
	float: left;
	height: 34px;
	margin-right: 19px;
}

#secondary 

/* This is handy for future adjustments if required */ {
	
}

#primary-navbar a, #secondary-navbar a {
	text-decoration: none;
}

/*********************************************************/

/*                        Footer                         */

/*********************************************************/

#footer {
	background: url(../images/footer.png) no-repeat top center;
	height: 90px;
	font-size: 0.8em;
	color: #909090;
	padding-top: 8px;
}

#footer a {
	color: #909090;
	text-decoration: none;
}

#footer a:hover {
	color: #252525;
}

#footer-contact {
	text-align: right;
	margin: 0px 5px;
	height: 34px;
	line-height: 34px;
	padding-right: 21px;
	font-size: 1.4em;
}

#footer-contact a {
	color: white !important;
	text-decoration: none;
}

#footer-copyright, #footer-bluewire {
	float: left;
	height: 29px;
	line-height: 29px;
	margin: 0px 31px;
	margin-top: 0px;
}

#footer-bluewire {
	float: right;
}

/** forms **/

.submit-button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: white;
	background: #00ae25 url(../images/submit.png) no-repeat;
	width: 61px;
	height: 28px;
	line-height: 24px;
	border: none;
}

.submit-button:hover {
	cursor: pointer;
	cursor: hand;
	color: #99ffae;
}

#sidebar-right .image {
	margin: -9px;
	background: #eeeded;
	margin-bottom: 9px;
	padding-bottom: 5px;
	width: 272px;
}

#sidebar-right .image p {
	line-height: 0px;
}

#sidebar-right .image a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#sidebar-right .image h3 {
	height: auto;
	margin: 0px;
	padding: 8px;
	background: #00ae25;
	font-size: 1.4em;
	color: white;
	font-weight: normal;
}

#sidebar-right .image .side-box-inner {
	margin: 0px;
}

#sidebar-right .green {
	margin-top: -14px;
	border: 9px solid white;
	border-top: 14px solid white;
	background-color: #E0EDE3;
	width: 242px;
	padding: 6px;
}

#sidebar-right .green h3 {
	margin-left: -6px;
}

.news-table {
	width: 100%;
	color: #596b5d;
	font-size: 0.8em;
}

.news-table label {
	text-transform: uppercase;
}

.news-table .input {
	border: 0;
	border-top: 1px solid #cedbd1;
	width: 145px;
	height: 14px;
	margin-bottom: 2px;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #252525;
}

/** images **/

img {
	border: 0;
}

.block {
	margin-bottom: 1em;
}

.picture {
	float: right;
	padding: 0 0 0 1em;
}

#swimminglevel {
	margin: 0;
	color: #6b6b6b;
	font-size: .938em;
	line-height: 1.3em;
}

.title {
	font-weight: bold;
}

/*********************************************************/

/*                  HTML ELEMENTS                        */

/*********************************************************/

#content h2 {
	margin: 1em 0 0 0;
	font-size: 1.2em;
	color: #0092e0;
	text-transform: lowercase;
}

#content h3 {
	margin: 0.688em 0 1em 0;
	font-size: 1em;
	padding-left: 10px;
	color: #FFFFFF;
}

.dotted {
	background: transparent url(../images/dot.gif) repeat-x center;
	height: 14px;
	width: 100%;
}

#sidebar-left-inner ul {
	margin: 0 0 0 0;
	padding: 0 0 0 1.5em;
	line-height: 1.4em;
}

#sidebar-left-inner li {
	list-style-image: url(../images/bullet.gif);
	list-style-position: outside;
	margin: 0 0 0 0;
	padding: 0 0 0.5em 0;
}

#sidebar-left td, #sidebar-right td {
	vertical-align: top;
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/

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

.clear-block {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clear-block {
	height: 1%;
}

.clear-block {
	display: block;
}

/* End hide from IE-mac */

/*IE PNG FIX HTC*/

img, div {
	behavior: url(iepngfix.htc)
}

.error-map {
	font-size: 0.9em;
	margin-top: 14px;
}

.error-map ul {
	margin: 0px !important;
	padding: 0px;
}

.error-map ul li {
	display: inline;
	margin-right: 5px;
}

#ContactForm {
	margin-top: 4px;
}

.error {
	margin-bottom: 14px;
	padding-left: 18px;
	background: url(../images/exclamation.png) no-repeat center left;
}

#ContactForm label {
	float: left;
	width: 80px;
	font-weight: bold;
}

#ContactForm input {
	margin: 0px;
}

label .req {
	color: red;
	position: relative;
}

.form_item .description {
	font-style: italic;
	font-size: 0.8em;
}

.form_item {
	margin-bottom: 14px;
}

#ContactForm .button {
	margin-left: 80px;
}

#reset-form {
	margin-left: 10px;
	font-size: 0.8em;
}

.white-table td, .white-table th {
	background: white !important;
}

.slow-redirect {
	font-style: italic;
	margin-top: 14px;
	font-size: 0.9em;
}