@charset "UTF-8";

/* CSS Document */
/* Ferrymead Bays Football Club - John McGeary 2008*/


/* EDITOR START */
hr{
border:1px solid #c3d1e1;
margin-top:15px;
margin-bottom:15px}

h1{
font-size:18px;
color:#0a2d66;
margin-bottom:15px;
border-bottom:2px solid #c3d1e1;
padding-bottom:15px}

h2{
font-size:16px;
color:#19518e;
margin-top:5px;
margin-bottom:5px}

h3{
font-size:14px;
color:#000000;
margin-top:5px;
margin-bottom:5px}

h4{
font-size:13px;
color:#000000;
margin-top:5px;
margin-bottom:5px}

a{
color:#0a2d66;
text-decoration:none}

a:hover{
color:#0a2d66;
text-decoration:underline}

p{
margin-bottom:10px}

ul{
padding:10px 0 10px 20px}

li{
padding:0}

.blue{
color:#6285ad}

/* EDITOR END */
body{
font-size:13px;
font-weight:200;
line-height:20px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#0c3166 url(assets/bg.jpg) repeat-x top left fixed}

*{
margin:0;
padding:0}

img{
border:0}

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

/* --------- Main Container --------- */
#wrapper{
width:993px;
height:1000%;
padding:0;
margin:0 auto}

#main_container{
width:993px;
height:100%;
padding:0;
float:left;
margin:0}

/* --------- Masthead ---------*/
#masthead{
width:993px;
height:202px;
margin:0;
padding:0;
float:left;
background-color:#ffffff}

#masthead img{
float:left}

/* --------- Mainarea ---------*/
#mainarea{
width:993px;
height:100%;
float:left;
margin:0;
padding:0;
background:#ffffff url(assets/logo_tint.gif) no-repeat bottom left}

#left_column{
width:208px;
float:left;
height:100%;
margin:0 11px 0 0;
padding:0}

#left_column img{
border:3px solid #ffffff;
width:201px}

.block{
width:100%;
float:left;
margin:0 0 10px 0;
padding:0}

.block h3{
width:196px;
height:34px;
color:#ffffff;
font-size:13px;
font-weight:bold;
float:left;
text-align:center;
margin:0;
padding:2px 0 0 10px;
background:url(assets/heading_bg.png) no-repeat bottom left}

*html .block h3{
background:url(assets/heading_bg.gif) no-repeat bottom left}

.block p{
width:170px}

.mainadvertarea{
width:535px;
height:200px;
margin:20px 0 0 0;
padding:0;
display:block}

.mainadvertarea h3{
width:535px;
height:34px;
color:#ffffff;
font-size:13px;
font-weight:bold;
text-align:center;
float:left;
margin:0;
padding:2px 0 0 0;
background:url(assets/heading_bg.png) no-repeat top left}

*html .mainadvertarea h3{
background:url(assets/heading_bg.gif) no-repeat top left}


.textarea{
padding:0 10px 20px 10px;
margin:0 0 10px 0;
width:515px;
height:100%;
float:left;}

.slideshow{
width:764px;
height:175px;
float:right;
padding:0;
margin:0}

.crumb{
width:535px;
height:33px;
font-size:11px;
background:url(assets/heading_bg.png) no-repeat top left;
margin:0 0 20px 0;
line-height:20px;
padding:3px 0 0 0}

.crumb a{
color:#ffffff;
margin:0 0 0 10px;
padding:0 0 0 0;
text-decoration:none}

.crumb a:hover{
color:#ffffff;
margin:0 0 0 10px;
padding:0 0 0 0;
text-decoration:underline}

.right_column{
padding:0;
margin:0 -2px 0 10px;
width:208px;
float:right}

*html .right_column{
margin:0 -3px 0 10px;}

.right_column img{
float:left;
border:2px solid #ffffff;
margin:0 4px 0 0}

/* --------- Navigation top ---------*/
.navigation_top{
width:993px;
height:27px;
float:left;
text-align:left;
padding:0;
margin:0;
background:url(assets/heading_bg.png) repeat-x top right}

*html .navigation_top{
background:url(assets/heading_bg.gif) repeat-x top right}

.navigation_top ul{
margin:0;
padding:0 0 0 230px;
height:27px;
width:760px;
background:url(assets/white_curve.png) no-repeat top left}

*html .navigation_top ul{
background:url(assets/white_curve.gif) no-repeat top left}

.navigation_top li{
list-style:none;
display:inline;
margin:0;
padding:0 20px 0 0}

.navigation_top a{
text-decoration:none;
color:#ffffff;
margin:0;
padding:0}

.navigation_top a:hover{
text-decoration:underline;
color:#ffffff;
margin:0;
padding:0}

.navigation_top #currentpagetop a{
margin:0;
padding:0;
color:#ffffff;
text-decoration:underline;
font-weight:bold} 

/* --------- Navigation left ---------*/
.navigation_left{
width:193px;
float:left;
line-height:16px;
text-align:left;
padding:6px 10px 0px 10px}

.navigation_left ul{
margin:0;
padding:0;
width:193px}

.navigation_left li{
list-style:none;
margin:0;
width:193px}

*html .navigation_left li, .navigation_left ul, .navigation_left{
width:174px}

.navigation_left a{
text-decoration:none;
color:#000000;
margin-bottom:4px;
padding:0;
display:block}

.navigation_left a:hover{
text-decoration:underline;
color:#000000;
margin-bottom:4px;
padding:0;
display:block}

.navigation_left #currentpageleft a{
padding:0;
color:#000000;
margin-bottom:4px;
text-decoration:underline;
font-weight:bold}

/* --------- Footer --------- */
#footer{
width:993px;
height:44px;
font-size:9px;
color:#ffffff;
text-align:left;
margin:0;
padding:0;
clear:left;
display:block;
background: url(assets/footer_bg.png) no-repeat top left}

.footer_left a{
text-decoration:none;
color:#ffffff}

.footer_left a:hover{
text-decoration:underline;
color:#ffffff}

.footer_left p{
font-size:9px;
color:#ffffff;
padding:5px 0 0 0;
margin:0 0 0 248px}