body {
height : 100%;
background-image : url(http://www.freeridepark.ca/images/cmt/main/free_ride_park.jpg);
color : #222;
z-index : 5;
background-repeat : repeat;
width : 100%;
}
.container {
	width : 960px;
	margin : 0 auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 85%;
}
h1, h2, h3, h4, h5, h6 {
font-weight : bold;
}
h1 {
font-size : 1.2em;
line-height : 1.3;
margin-bottom : 6px;
}
h2 {
font-size : 1.1em;
margin-bottom : 0.75em;
}
h3 {
font-size : 1em;
line-height : 1;
margin-bottom : 1em;
color : #669900;
}
h4 {
font-size : 0.9em;
line-height : 1.25;
margin-bottom : 1.25em;
height : 1.25em;
}
h5 {
font-size : 1em;
font-weight : bold;
margin-bottom : 1.5em;
}
h6 {
font-size : 1em;
font-weight : bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
margin : 0;
}
p {
margin : 0 0 1.5em;
font-size : 1em;
}
p img {
float : left;
margin : 1.5em 1.5em 1.5em 0;
padding : 0;
}
p img.right {
float : right;
margin : 1.5em 0 1.5em 1.5em;
}
#fr_image ul {
	display:inline;
}
#fr_image li {
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 10px;
text-indent : 30px;
list-style-position : inside;
list-style-image : url(../park/li.gif);
}
#fr_image a {
text-decoration : none;
background : none;
color : #568000;
list-style-position : inside;
list-style-image : url(../park/li.gif);
}
#fr_image a:hover {
text-decoration : underline;
color : #669900;
border-bottom-width : thin;
border-bottom-style : solid;
border-bottom-color : #669900;
list-style-position : inside;
list-style-image : url(../park/li.gif);
}
.container {
position : relative;
z-index : 20;
padding-top : 20px;
background-color : transparent;
}
.nsmbps {
margin : 0 0 1.5em;
font-size : 0.8em;
}
.java {
color : #c19b00;
display : inline;
}
#menu {
top : 20px;
width : 556px;
float : right;
margin : 0;
padding : 0;
height : 65px;
position : absolute;
left : 389px;
}
#menu ul {
background : transparent;
font-size : 90%;
font-weight : bold;
line-height : 1.6em;
display : inline;
}
#menu li {
text-decoration : none;
display : inline;
text-align : right;
border-right-width : thin;
border-bottom-width : thin;
border-right-style : solid;
border-bottom-style : solid;
border-right-color : #ffffff;
border-bottom-color : #ffffff;
margin-top : 2px;
margin-right : 5px;
margin-bottom : 4px;
margin-left : 2px;
float : right;
list-style-type : none;
padding : 0;
}
#menu li a {
text-decoration : none;
background : none;
color : #ffffff;
}
#menu li a:hover {
text-decoration : underline;
border-right-width : thin;
border-bottom-width : thin;
border-right-style : solid;
border-bottom-style : solid;
}
#logo {
position : absolute;
top : 15px;
left : 15px;
z-index : 10;
display : inline;
height : auto;
width : auto;
}
#line {
background-color : transparent;
background-image : url(../park/line.gif);
background-repeat : no-repeat;
background-position : top;
height : 12px;
padding-bottom : 10px;
}
#content {
position : absolute;
top : 80px;
left : 2px;
z-index : 10;
width : auto;
margin-top : 5px;
}
#content ul {
margin-top : 5px;
}
#content li {
font-size : 12px;
margin-top : 2px;
display : inline;
}
#content li a {
text-decoration : none;
color : #694f29;
}
#content li a:hover {
text-decoration : underline;
color : #669900;
}
#inner_content {
border : 15px solid #fff;
border-top : none;
background-color : #fff;
color : #000;
height : auto;
width : 920px;
}
form {
border : 4px outset #ffffff;
padding : 5px;
background-color : #f2efe6;
color : #000000;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 75%;
font-weight : 200;
}
input {
background-color : #ffffff;
color : #000000;
font-weight : 200;
font-size : 75%;
}
textarea {
background-color : #ffffff;
color : #000000;
font-weight : normal;
font-size : 95%;
}
select {
background-color : #ffffff;
color : #000000;
font-weight : 400;
font-size : 1.1em;
}
.button {
font-size : 70%;
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color : #669900;
color : #ffffff;
font-weight : bold;
border : 4px outset #ffffff;
}
#footer {
background-image : url(../park/North_Saanich_footer.gif);
background-repeat : no-repeat;
height : auto;
width : 950px;
background-position : right;
float : left;
margin : 0;
}
#footer ul {
background : transparent;
font-size : 90%;
font-weight : bold;
line-height : 1.6em;
display : inline;
float : left;
margin-top : 3%;
}
#footer li {
text-decoration : none;
display : block;
text-align : left;
border-right-width : thin;
border-bottom-width : thin;
border-right-style : solid;

border-bottom-style : solid;
border-right-color : #ffffff;
border-bottom-color : #ffffff;
margin-top : 2px;
margin-right : 5px;
margin-bottom : 4px;
margin-left : 2px;
list-style-type : none;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
#footer li a {
text-decoration : none;
background : none;
color : #ffffff;
}
#footer li a:hover {
text-decoration : underline;
border-right-width : thin;
border-bottom-width : thin;
border-right-style : solid;
border-bottom-style : solid;
}
div.clear {
height : 0;
}
.clear {
clear : both;
}
#submenu {
height : 24px;
background-color : #666;
margin : 0;
padding : 0;
}
#submenu li {
list-style : none;
float : left;
margin : 0;
padding : 0;
margin-right : 10px;
}
#submenu li.last {
float : right;
margin-right : 0;
}
#submenu li a {
display : block;
padding : 3px 8px 3px 8px;
color : #ddd;
text-decoration : none;
text-transform : uppercase;
font-weight : bold;
}
#submenu li a.active, #submenu li a:hover {
color : #fff;
}
#free-ride {
	position : absolute;
	top : 36px;
	left : 606px;
	width : 274px;
	height : auto;
	min-height : 440px;
	background : transparent url(/images/news_bg.png) no-repeat top left;
	border-left : 15px solid #fff;
}
#fr_image {
	width : 605px;
	height : 580px;
	min-height:560px;
	overflow : visible;
	background-repeat : repeat;
	background-position : center;
	z-index : 111;
	margin : 0;
	padding : 1px;
}
#centre_image {
z-index : 111;
padding : 1px;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 10%;
float : left;
}
#centre_sm {
z-index : 111;
padding : 1px;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 25%;
float : left;
}
#fr_image p {
font-size : 0.9em;
color : #333;
line-height : 1.3em;
margin-top : 0;
margin-right : 0;
margin-bottom : 7px;
margin-left : 0;
}
#fr_image a {
text-decoration : none;
background : none;
color : #568000;
}
#fr_image a:hover {
text-decoration : underline;
color : #669900;
border-bottom-width : thin;
border-bottom-style : solid;
border-bottom-color : #669900;
}
#free-ride_content {
	margin : 20px 10px 10px 10px;
	font-size : 90%;
	color : #666600;
	line-height : 1em;
}


#free-ride_content ul {
margin-top : 5px;
list-style-type : none;
display : block;
}
#free-ride_content li {
	font-size : 12px;
	margin-top : 3px;
	display : block;
	margin-bottom: 5px;
}
#free-ride_content li a {
text-decoration : none;
color : #694f29;
}
#free-ride_content li a:hover {
text-decoration : underline;
color : #669900;
}
#sponsor {
color : #c19b00;
text-align : center;
font-weight : bold;
}
#free-ride h3 {
color : #669900;
line-height : 1.2em;
padding-bottom : 0;
padding-top : 0;
padding-right : 0;
padding-left : 0;
margin-top : 10px;
margin-right : 0;
margin-bottom : 10px;
margin-left : 0;
}
#free-ride h3 img {
float : right;
}
#free-ride a {
text-decoration : none;
color : #669900;
}
#free-ride a:hover {
text-decoration : underline;
}
#free-ride_link {
height : auto;
padding : 0;
font-size : 0.9em;
line-height : 1.3em;
color : #333300;
margin-top : 20px;
margin-right : 10px;
margin-bottom : 10px;
margin-left : 10px;
}
#free-ride_link a {
width : auto;
height : auto;
display : block;
}
#fr_photo {
	border-top : 15px solid #fff;
	clear : both;
	margin : 0;
	padding : 0;
	background-color : #fff;
	height : 128px;
	display: inline;
}
#open {
padding : 0;
font-size : 95%;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 15px;
}

#fr_photo li {
float : left;
height : 128px;
list-style : none;
margin-left : 25px;
}
#fr_photo li.last {
padding-right : 0;
}
.bmx ul {
margin-top : 5px;
list-style-type : none;
display : block;
}
.bmx li {
	font-size : 12px;
	margin-top : 3px;
	display : block;
	margin-bottom: 5px;
	line-height: 1.2em;
}
.bmx li a {
text-decoration : none;
color : #694f29;
}
.bmx li a:hover {
text-decoration : underline;
color : #669900;
}
.leftside {
width : 610px;
padding : 15px;
padding-right : 10px;
text-align : justify;
font-size : 14px;
float : left;
height : 1%;
}
.rightside {
width : 225px;
margin-top : 10px;
margin-right : 10px;
padding : 15px 15px 15px 15px;
float : right;
height : 1%;
}
.bothsides {
margin-top : 10px;
padding : 10px;
font-size : 14px;
clear : both;
}
blockquote {
display : block;
border : 1px solid #dadada;
background-color : #f2f2f2;
margin : 5px 30px 10px 30px;
font-weight : bold;
font-style : italic;
padding : 8px;
text-align : left;
}
dd {
margin-bottom : 8px;
}
.box {
padding : 1.5em;
margin-bottom : 1.5em;
background : #84c400;
}
hr {
background : #ddd;
color : #84c400;
clear : both;
float : none;
width : 75%;
height : 0.1em;
border : none;
margin-top : 10px;
margin-right : 0;
margin-bottom : 10px;
margin-left : 10%;
}
hr.space {
background : #fff;
color : #fff;
}
.clearfix:after, .container:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix, .container {
display : inline-block;
}
* html .clearfix, * html .container {
height : 1%;
}
.clearfix, .container {
display : block;
}
.clear {
clear : both;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
font-weight : inherit;
font-style : inherit;
vertical-align : baseline;
}
#free-ride_park {
	height : auto;
	padding : 0;
	font-size : 0.9em;
	line-height : 1.3em;
	color : #333300;
	margin-top : 5px;
	margin-right : 10px;
	margin-bottom : 10px;
	margin-left : 10px;
}
#free-ride_park a {
	width : auto;
	height : auto;
	display : inline;
	text-decoration: underline;
}
#free-ride_park a:hover {
	color: #8bd705;
	text-decoration: underline;
}