/* SLR Style Sheet - E. Moshurchak May 2007 */

* {
    margin: 0;
    padding: 0;
    }


body {font: 100% verdana, arial, sans-serif; }

div#container {
    position: relative; 
    min-width:800px; max-width:1000px; 
    margin-left:auto; margin-right:auto; 
    background-color:#ECF2C9;
	}

.clearthefloats {clear:both;}

/* Note: IE6 has a bug where elements disappear when the browser window is resized */
/* If you comment out the line above, the entire container element as well as the  */
/* header, footer, and both side columns disappear */
/* Eliminating the container div solves the problem but loses the background for   */
/* the body and columns  */

	/******* COLOUR SCHEME ********/
	
/* Dark green = #2d402d (header), olive green = #663 (headings), */
/* light green - 537252, (footer), cream - #FFC (footer links), light brown = #B7A758  */
/* (footer links hover), maroon = #71043a (visited) /*

	/******* HEADER ********/

div#banner {
    height:142px; 
    text-align:center; 
    background: #2d402d url(../images_pres/slr_header_484x142.jpg) center bottom no-repeat;
	border-bottom:1px #2d402d solid; 
	padding-top:10px;
	}
	
    /******* LOGO ********/

div#logo {
    height:100px; 
    border-bottom:1px #663 solid; 
    background: #2d402d url(../images_pres/slr_logo152x100.jpg) left center no-repeat;
    padding-top:10px;
    }

	/******* NAVIGATION - LEFT COLUMN ********/

div#nav {
    position:absolute; left:0px; top:142px; 
    width:150px;
	padding:0; 
	margin:20px 0 0 0;
	}
	
div#nav ul {
    border:0; 
    margin:12px 1.25em 12px 1.25em; 
    padding:0;
	list-style-type:none; font-weight:bold; font-size:.75em;
	}
	
div#nav li {
    margin-bottom:.5em;	
    border-bottom:1px solid #2d402d; 
    margin:0;
	padding:.3em; 
	text-indent:.5em;
	}
	
div#nav li:first-child {
	border-top:1px solid #2d402d;
	}

div#nav a {
	text-decoration:none; 
	color:#2d402d;
	}

div#nav a:visited {
	color:#71043a;
	}

div#nav a:hover {
	color:#B7A758;
	text-decoration:underline;
	}

* html div#nav ul {
	border-top:2px dotted #960;
	}

	/******* CONTENT AREA ********/
	
.vertcenter1 {
	padding-top: 1em;
	text-align: justify;
	}
.vertcenter2 {
	padding-top: 2em;
	text-align: justify;
	}
.vertcenter3 {
	padding-top: 3em;
	text-align: justify;
	}
.vertcenter4 {
	padding-top: 4em;
	text-align: justify;
	}
.vertcenter5 {
	padding-top: 5em;
	text-align: justify;
	}
.vertcenter6 {
	padding-top: 6em;
	text-align: justify;
	}
.vertcenter7 {
	padding-top: 7em;
	text-align: justify;
	}
.vertcenter8 {
	padding-top: 8em;
	text-align: justify;
	}
.vertcenter9 {
	padding-top: 9em;
	text-align: justify;
	}
.vertcenter10 {
	padding-top: 10em;
	text-align: justify;
	}

p	{
	text-align: justify;
	}

.center {
	text-align: center;
	}

.left {
	text-align: left;
	}

.right {
	text-align: right;
	}
	
.strike {text-decoration:line-through}

.italic {font-style:italic}
	
div#breaknews {
	background-color:#CCFF00;
	font: 1.2em bold "comic sans MS", arial, sans-serif;
	margin: 0 0 10px 0;
	border: black solid 1px;
	}

div#content {
    margin:21px 156px 0 150px; 
    padding: 0 1em;
    }
    
div#content h1 {
    font-size:1.2em; 
    margin-top:.5em; 
    font-family:'comic sans MS', verdana, arial, sans-serif; 
    font-weight:normal; 
    letter-spacing: -.1em; 
    color:#663;	
    text-align:center; 
    margin-bottom:.25em;
    }
     
div#content h2 {
    font-size:1.0em; 
    margin-top:.5em; 
    font-family:'comic sans MS',verdana, arial, sans-serif; 
    color:#663; 
    margin-bottom:.25em; 
    text-align:center;
    }
    
div#content h3 {
    font-size:1.0em; 
    margin-top:.5em; 
    font-family:'comic sans MS',verdana, arial, sans-serif; 
    color:#663; 
    margin-bottom:.25em; 
    text-align:left;
    }  

div#content p {
    font-size:.8em; 
    margin-top:0; 
    margin-bottom:.5em;
    }
  
div#content p span {font-weight:bold;}

div#content li {font-size:.75em;}

.special {color:#888;}  /* Used to grey out finished rides */

div#content hr {height:1px; clear:both;}

div#content div#mainimage img {border:1px solid #663;}

div#content div#mainimage {
    width:180px; 
    float:left;  
    margin:0 8px 4px 0;
    }
    
div#content div#mainimage p {
	text-align:center;
    font-size:.65em; 
    margin:0px 5px; 
    color:#663;
    }
	
p.caption {
	text-align:center;
    font-size:.65em; 
    margin:0px 5px; 
    color:#663;
    }
	
div#content li {
	margin:5px 0;
	}
	
div#content ul {
	list-style-type:none;
	margin: 5px 0 5px 5px;
	}
	
div#content ul li ul {
	margin-left:325px;
	list-style-type:disc;
	}
	
div#join ul {
	list-style-type:disc;
	margin: 5px 0 10px 35px;
	}
    
div#content li li {
	font-size:inherit;
	}

.circlebullets ul {
    list-style-type: circle; 
    margin:0 0 10px 20px;
    }
    
.circlebullet h2 {text-align: left;}

.nobullets ul {
	list-style-type: none;
	}

.centered {text-align: center;}

div#content blockquote {
	width:250px; 
	float:right; 
	font-size:.7em;
	border-top:3px dotted #960; 
	border-bottom:2px dotted #960;
	margin:5px 10px; 
	padding:6px 10px;
	}

div#content blockquote p {
	margin:0; 
	font-style:italic;
	}

div#content a {
	color:#2d402d; 
	text-decoration:underline;
	}

div#content a:visited {color:#71043a;}

div#content a:hover {
	color:#B7A758; 
	text-decoration:none;
	}

	/******* RIGHT COLUMN ********/

div#rightcolumn {
	position:absolute; 
	width:156px; 
	top:142px; 
	right:0px;  
	margin:32px 0 0 0; 
	padding:1em .25em; 
	background-color: #FFF;
	border-top:2px solid #2d402d; 
	border-bottom:1px solid #663;
	}

div#rightcolumn p {font-size:.75em;}

div#rightcolumn img {border:none; margin: 5px 10px 2.5px 0;}

div#rightcolumn div#newslinks ul {
	list-style-type:none; 
	padding-left:10px; 
	margin:0 6px 0 0;
	}

div#rightcolumn div#newslinks li {
	font-size: .8em;
	margin-top:.5em; 
	margin-bottom:.5em;
	}

div#rightcolumn a {
	color:#2d402d; 
	text-decoration:underline;
	}

div#rightcolumn a:visited {color:#71043a;}

div#rightcolumn a:hover {
	color:#B7A758; 
	text-decoration:none;
	}

div#rightcolumn li {padding:2px 0;}

div#rightcolumn li.morelink {font-style:italic;}

div#rightcolumn h3 {
	text-align:center; 
	font-size:.8em; 
	color:#663;
	margin-bottom:0px; 
	padding-top:3px; 
	border-top:2px dotted #2d402d;
	} 

div#rightimage {
	width:120px; 
	margin:0 8px 4px 10px;
	}

div#rightimage p {
	font-size: .8em;
	text-align: center;
	}

	/******* FOOTER ********/

div#footer {
	width:100%; 
	padding:4px 0; 
	font-size:.9em; 
	text-align:center;
	background-color:#537252; 
	border-top:1px solid #2d402d;
	border-bottom:2px solid #663; 
	margin-top:1.5em;
	}

div#footer ul {margin:2px 0;}

div#footer li {
	display:inline; 
	color:#FFC; 
	border-left:1px solid;
	padding:0 5px 0 9px;
	}

div#footer li:first-child {border-left:0;}

div#footer ul li a {
	text-decoration:none; 
	color:#FFC;
	}

div#footer ul li a:hover {
	text-decoration:underline; 
	color:#B7A758;
	}

div#footer ul.fineprint li {color:#FFC;}

div#footer ul.fineprint li a {color:#FFC;}

div#footer ul.fineprint li a:hover {color:#B7A758;}
	

	/******* CONTACT ********/
	
div#contact p {text-align:center;}

div#contact hr {
    height:1px; 
    width: 200px;
    clear:both;
    }
    
div#contactimage {text-align:center;}

	/******* LINKS ********/

div#links {margin-left:140px;}

div#links ul {
	list-style-type:none;
	margin-left:50px; 
	}

div#links a {
	color:#2d402d; 
	text-decoration:underline;
	}
	
div#links a:visited {color:#71043a;}

div#links a:hover {
	color:#B7A758; 
	text-decoration:none;
	}
	
div#docs {
	margin-left:50px;
	}

	/******* MILES ********/

div#content div#milesimage img {border:1px solid #663;}

div#content div#milesimage {
	width:300px; 
	float:left;  
	margin:0 8px 4px 0;
	}
	
div#content div#milesimage p {
	font-size:.65em; 
	margin:5px 5px; 
	color:#663;
	}
	
.hmiles ul {text-align: center;}