/* CSS Test 3 */
/* Based on demo at: http://www.redmelon.net/tstme/3cols2/index.htm */

* { /* Global - set all margins and padding */
	margin: 0;
	padding: 0;
}
 /* the font-size was not set in the Global declaration above as it makes */
 /* nested elements smaller at each step! */
 
body { /* set the base body attributes */ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%; 
	color: #2C4592; /* blue */
	margin: 20px 30px 30px 30px; /* top, right, bottom, left */
	background: url(../Media/backgrounds/water005.jpe) repeat top left;
}

a { /* set ALL link colours - I would probably set this same as text */
 	color: #2C4592; /* blue */
}
 /* now set ALL rollover and tab-to colours NOTE they have to be in this order!
a:focus, a:hover, a:active {
	color: #EB8518;
} */

form { display:inline; }  /* removes the horrible spacing after forms - makes them sit inline! */

/* Optional Code ***********************************************************************/

#wrapper { 
	width: 100%;               /* total width */
	min-width: 400px; /* Allways good to have on full width liquid CSS layouts,google "min-width IE" for JS solutions there */
	margin: 0 -1px; /* this is a border with marginal compensation to stop scroll bars */
	background-color: #FFFFFF; /* center column colour */
}

#outer {
	width: auto; 
	border-left-width: 200px;  /* left column width */
	border-left-style: solid; 
	border-left-color: #FFFFFF; /* left column colour */
	background-color: #FFFFFF; /* center column colour */
}

#inner { 
	width: 100%; 
}

#header {
	width: 100%; 
	position: relative; 
	z-index: 13;
	background: url(../Media/swim_header_stripe.gif) repeat-x top left;
}

#logo {
	float: left; 
	width: 50%; 
	position: relative; 
	z-index: 15;
	background: url(../Media/swim_header_stripe.gif) repeat-x top left;
}

#date {
	float: right; 
	width: 100%; 
	position: relative; 
	z-index: 14;
	background: url(../Media/swim_header_stripe.gif) repeat-x top left;
}

#left {
	float: left; 
	position: relative; 
	z-index: 10;
	width: 200px;              /* left column width */
	margin-left: -200px;       /* _negative_ left column width */
 	background: #FFFFFF url(../Media/swim_menu_background2.jpg) no-repeat top left;
}

#center { 
	float: left; 
	width: 100%; 
	position: relative; 
	z-index: 12;
	padding: 20px;
}

#footer {
	width: 100%; 
	height: 36px;
	position: relative; 
	z-index: 13;
	background: #095075 url(../Media/swim_footer_background.jpg) no-repeat top left;
}

#clear { clear: both; }

/* Mozilla code */
#outer > .inner { border-bottom: 1px solid transparent; }
/*#left { margin-right: 1px; }
 #center { margin: 0 -3px 0 -2px; }