* { 
padding : 0;
margin : 0;
} 
body { 
font-family : Arial, Helvetica, sans-serif;
color : #666666;
background-image : url(http://www.eastfieldbmx.org.au/images/body-bg.jpg);
background-repeat : repeat;
font-size : 12px;
} 
#wrapper { 
width : 782px;
margin : 0 auto;
background-color: #FFFFFF;
} 
#header { 
border : 15px solid #FFFFFF;
margin : 0px 5px 5px 205px;
height : 130px;
width : 542px;
background-image : url(http://www.eastfieldbmx.org.au/images/header-right.jpg);
background-repeat : repeat-x;
} 
#leftcolumn { 
margin : -150px 5px 0px 0px;
display : inline;
width : 200px;
float : left;
border-left : 15px solid #FFFFFF;
background-color : #FFFFFF;
min-height : 830px;
background-image : url(http://www.eastfieldbmx.org.au/images/header-left.jpg);
background-repeat : no-repeat;
} 
* html #leftcolumn { 
height : 830px;
} 
.navigation { 
float : left;
margin-left : 0;
margin-top : 150px;
margin-bottom : 10px;
width : 200px;
background-color : #006600;
border-top : 1px solid #66FF66;
background-color : #006600;
} 
.navigation ul { 
margin : 0;
padding : 0;
list-style : none;
} 
.navigation li { 
border-bottom : 1px solid #66FF66;
list-style : none;
text-transform : lowercase;
} 
.navigation li a { 
color : #FFFFFF;
display : block;
padding : 0.7em 0.7em 0.7em 1em;
text-decoration : none;
font-family : arial;
font-size : 1em;
} 
.navigation li a:hover { 
color : #000000;
background-color : #CCFFCC;
} 
#news { 
border : 1px solid #33CC00;
margin-top: 350px;
margin-bottom: 15px;
padding-bottom : 15px;
} 
#news p { 
margin-top : 0;
margin-left : 5px;
margin-right : 5px;
} 
#news a { 
color : #33CC00;
} 
#news a:hover { 
color : #000000;
} 
#news h2 { 
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
margin-top : 5px;
margin-left : 5px;
margin-bottom : 15px;
color : #006600;
} 
#rightcolumn { 
margin : 0 0 0 0;
display : inline;
padding : 4px;
width : 542px;
float : left;
min-height : 130px;
margin : 0 0 0 10px;
margin-bottom : 15px;
} 
* html #rightcolumn { 
height : 130px;
} 
blockquote { 
font-size : 13px;
text-decoration : none;
margin-top : -3px;
margin-left : 5px;
margin-bottom : 10px;
margin-right : 10px;
border : 1px solid #33CC00;
padding : 5px;
font-weight: bold;
text-align: center;
} 
blockquote a {
color : #33CC00;
}
blockquote a:hover {
color : #000000;
}
#rightcolumn h1 { 
color : #006600;
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
padding-top : 5px;
padding-left : 0px;
padding-bottom : 15px;
font-weight : bold;
} 
#rightcolumn h2 { 
color : #006600;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
padding-top : 20px;
padding-left : 5px;
padding-bottom : 10px;
} 
#rightcolumn p { 
padding-left : 10px;
} 
.righttext { 
color : #666666;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
margin-left : 15px;
margin-right : 10px;
text-align : justify;
} 
.righttext a { 
color : #33CC00;
} 
.righttext a:hover { 
color : #000000;
} 
.righttext p { 
font-size : 12px;
color: #666666;
padding-left: 2px;
padding-bottom : 5px;
} 
.righttext li { 
margin-left: 30px;
} 
strong {
color : #006600;
font-weight : bold;
}
.added {
color : #666666;
font-size : 10px;
padding-left: 12px;
padding-bottom : 10px;
}
#cols {
width : 500px;
height : 140px;
margin-left : 5px;
}
.rightcol1 {
width: 150px;
height : 140px;
margin-left: 10px;
float: left;
margin-top : 5px;
}
.rightcol2 {
width: 300px;
height : 140px;
margin-left: 10px;
float: right;
margin-top : 5px;
}
.rightcalcol1 {
width: 100px;
height: 60px;
margin-left: 10px;
float: left;
}
.rightcalcol2 {
width: 400px;
height: 60px;
margin-left: 150px;
}
#footerbox { 
height : 18px;
color : #FFFFFF ;
margin-top : 5px;
margin-bottom : 5px;
margin-left : 0px;
padding : 5px;
clear : both;
background-color : #006600;
width : 772px;
} 
