/*

		Wakefield Sports Centre
		Style Sheet
		Site by TripleZero
		www.triplezero.com.au
		
*/

/* layout
----------------------------------------------- */

body {font:12px/1 Arial, Verdana, Helvetica, sans-serif;background:#224A73;text-align:left;padding:0;margin:0;color:#fff;}

#container {margin:0 auto;text-align:left;padding:0;}

.containerinner {margin:0 auto;padding:30px 20px;width:950px;background:#2A5A8B url('images/bg.gif') left top repeat-x;}

#header {text-align:left;background:#224A73;}

div, p {text-align:left;}

.headerinner {margin:0 auto;padding:30px 0 0 0;width:950px;}
.headerinner img {float:left;}
.headerinner p {float:left;}

p, table {font:12px/1.4 Arial, Verdana, Helvetica, sans-serif;}
table tr td {vertical-align:top;}

b.yellow {color:#f8f808;}

.inner {margin:10px;}

.fixer {clear:both;font-size: .1em;line-height: .01em;color: #FFFFFF;}

hr {margin:0; padding:0; height:1px; background:#fff; color:#fff; border:0; border-bottom:1px solid #487898;}

ul {margin:0 0 0 5px;padding:0;list-style: none;}
li {margin:0;padding:0 0 5px 14px;background: url("images/dot.gif") 0 5px no-repeat;line-height:1.4;}

a:link, a:active, a:visited {color:#fff;text-decoration:underline;}
a:hover {color:#fff;text-decoration:underline;}

a.readmore {color:#f8f808;font-size:10px;}

.photocaption {background:#254D76;padding:10px;}
.photocaption p {padding:10px 0 0 0;font-size:10px;color:#fff;}
.photo {border:10px solid #254D76;}
.fr {clear:right;float:right;margin:10px 0 10px 20px;}
.fl {clear:left;float:left;margin:10px 20px 10px 0;}
.ff {float:left;margin:10px 20px 10px 0;}

.photo-right {clear:right;float:right;margin:10px 0 10px 20px;border:10px solid #254D76;}
.photo-left {clear:left;float:left;margin:10px 20px 10px 0;border:10px solid #254D76;}

h1 {font-size:18px;color:#F8F808;font-weight:normal;padding:0 15px;line-height:1.4;}
h2 {font-size:26px;}
h3 {font-size:22px;}
h4 {font-size:18px;color:#F8F808;font-weight:normal;}
h5 {font-size:14px;margin:5px 0;}
h6 {font-size:12px;}

.contactus {float:left;background:url('images/watermark.gif') top right no-repeat;color:#fff;font-weight:bold;margin:0 0 0 20px;padding:40px 30px 35px 0;}
.contactus h6 {font:18px/1 Arial, Verdana, Helvetica, sans-serif;color:#F8F808;font-weight:bold;margin:3px 0 0 0;}

#frontmain {float:left;width:428px;}
#frontmain .padding {padding:0 15px 0 30px;}

#frontmain.sub {width:688px;}
#frontmain.sub a:link, #frontmain.sub a:active, #frontmain.sub a:visited {color:#F8F808;text-decoration:underline;}
#frontmain.sub a:hover {color:#F8F808;text-decoration:underline;}
#frontmain.sub ul {margin:0 0 0 5px;padding:0;list-style: none;}
#frontmain.sub li {margin:0;padding:0 0 5px 12px;background: url("images/dot.gif") 0 5px no-repeat;line-height:1.4;}
#frontmain.sub h1 {font-size:26px;}

#frontside {float:left;width:242px;}
#frontside .padding {padding:0 5px 0 15px;}

#frontside.sub h1 {font-size:26px;}

#side {float:right;width:260px;background:#27527D;}
#side .inner {margin:20px;}
#side .block {background:#466C91;margin-bottom:20px;padding:10px;font-size:11px;}
#side .block hr {margin:10px 0; padding:0; height:1px; background:#fff; color:#fff; border:0; border-bottom:1px solid #6B88A8;}
#side .block ul {margin:0 0 0 17px;padding:0;list-style: none;}
#side .block li {margin:0;padding:0 0 6px 12px;background: url("images/dot.gif") 0 5px no-repeat;line-height:1.4;}
#side .block p {font-size:11px;}
#side h5 {font-size:14px;font-weight:bold;margin:0 0 2px 0;}
#side h6 {font-size:10px;font-weight:normal;margin:0;color:#AAB7C8;}
#side h6 a {color:#AAB7C8;}

.pracs {border:1px solid #487898;}
.pracs ul {margin:0 0 0 5px;padding:0;list-style: none;}
.pracs li {margin:0;padding:0 0 10px 14px;background: url("images/dot.gif") 0 6px no-repeat;line-height:1.4;}

/* nav
----------------------------------------------- */

.nav {width:950px;background-color:#224A73;margin-top:20px;}
.nav ul {margin:0;padding:0;list-style:none;}
.nav li {float:left;margin:0 0 0 4px;padding:0;background:url("images/tab_right.gif") no-repeat right top;line-height:1;}
.nav a {display:block;background:url("images/tab_left.gif") no-repeat left top;padding:11px 17px 9px;color:#B4C6D7;text-decoration: none;font-weight:bold;font-size:12px;}
.nav .current {background:url("images/tab_over_right.gif") no-repeat right top;}
.nav .current a {background:url("images/tab_over_left.gif") no-repeat left top;color: #fff;text-decoration: none;font-weight:bold;}

.sidenav {background:none;margin:0;width:180px;}
.sidenav ul {margin:0;padding:0;list-style:none;}
.sidenav li {margin:0;padding:0;background:none;line-height:1.2;display: inline;}
.sidenav a {display:block;color:#fff;background:none;padding:10px 20px;text-decoration:none;border-bottom:1px solid #487898;}
.sidenav a:hover {background:#2D6195;color:#F8F808;}
.sidenav .header a {background:#2D6195;font-weight:bold;color:#C3D8ED;}

.sidenavslide {background:none;margin:0;width:180px;}
.sidenavslide ul {margin:0;padding:0;list-style:none;}
.sidenavslide li {margin:0;padding:0;background:none;line-height:1;display: inline;}
.sidenavslide a {display:block;color:#fff;background:none;padding:10px 20px;text-decoration:none;border-bottom:1px solid #487898;}
.sidenavslide a:hover {background:#2D6195;color:#F8F808;}
.sidenavslide .header a {background:#2D6195;font-weight:bold;color:#C3D8ED;}
.sidenavslide .sidenav {background:none;margin:0;width:180px;}
.sidenavslide .sidenav ul {margin:0;padding:0;list-style:none;}
.sidenavslide .sidenav li {margin:0;padding:0;background:none;}
.sidenavslide .sidenav a {display:block;color:#fff;background:none;padding:10px 20px;text-decoration:none;border-bottom:1px solid #487898;}
.sidenavslide .sidenav a:hover {background:#2D6195;color:#F8F808;}
.sidenavslide .sidenav .header a {background:#2D6195;font-weight:bold;color:#C3D8ED;}

table.form {border-collapse:collapse; margin-top:20px; background:#2D6195;}
.form tr {vertical-align:middle;}
.form tr td {margin:0; padding:10px; font-size:11px;}
.form tr th {margin:0; padding:10px; font-weight:bold; text-align:left;font-size:12px;}
.form tr td nobr img {background-color:#6c6; border-bottom:2px solid #393; border-top:2px solid #6f6; border-right: 1px solid #6f6; border-left: 1px solid #393; height:6px;}

form.workshops input {border:1px solid #999;padding:2px;}