﻿/* CSS layout */
#masthead {
	position:absolute; 
	top:0; 
	left:0; 
	width:1000px; 
	height:90px; 
	overflow:hidden; 
	background:black;
}

#top_nav {
	width: 1000px;
	position:absolute;
	top:92px;
	bottom: 95px;
	left: 0;
	overflow: hidden;
}

#page_content {
	width: 995px;
	font-family: Tahoma;
	position:fixed; 
	top:155px;
	bottom:45px;
	left: 0;
	overflow:auto; 
	background:black;
	color:#FFCC00;
	border-top:4px solid #FFCC00;
	border-bottom:4px solid #FFCC00;
}

#footer {
	width: 1000px;
	font-family: Tahoma;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 38px;
	text-align: center;
	background: black;
	color: #FFCC00;
	overflow: hidden;
}

.style3 {
	text-align: center;
	background-color:#FFCC00;
}



.applemenu{
margin: 5px 0;
padding: 10;
width: 340px; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
background: black url(http://www.cyclistchoice.net/menuimages/black_0.gif) repeat-x center left;
font: bold 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #FFCC00;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:active{
color: #FFCC00;
}


.applemenu div.silverheader a:visited{
color: #FFCC00;
}


.applemenu div.silverheader a:hover{
background-image: url(http://www.cyclistchoice.net/menuimages/black_0.gif);
color: aqua;
}


.applemenu div.selected a{
background-image: url(http://www.cyclistchoice.net/menuimages/black_0.gif);
color: aqua;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: black;
padding: 5px;
height: 350px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_left_right_line.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.pro_linedrop {
height:35px;
width:1000px;
background:url('../menuimages/black_0.gif');
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:500;
}

.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.pro_linedrop li {
float:left;
background:url('../menuimages/black_1.gif');
}

.pro_linedrop li.lrt {
float:right;
background:url('../menuimages/blue_1.gif');
}


.pro_linedrop .select a {
display:block; 
height:35px; 
float:left; 
background: url('../menuimages/black_0.gif'); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:33px; 
white-space:nowrap; 
color:#fc0;
}


.pro_linedrop .select li.lrt a {color:#0ff;}


.pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px; 
background:url('../menuimages/black_0.gif') right top;
}

.pro_linedrop .select li.line a b {
background:url('../menuimages/black_0a.gif') right top;
}

.pro_linedrop .select li:hover a {
background: url('../menuimages/black_1.gif'); 
padding:0 0 0 15px;
cursor:pointer; 
color:#fff;
}

.pro_linedrop .select a:hover {
background: url('../menuimages/black_1.gif'); 
padding:0 0 0 15px;
cursor:pointer; 
color:#fff;
}

.pro_linedrop .select li.lrt:hover a {
background: url('../menuimages/black_1.gif');
}

.pro_linedrop .select li.lrt a:hover {
background: url('../menuimages/black_1.gif');
}

.pro_linedrop .select li:hover a b {
display:block; 
padding:0 30px 0 15px; 
background:url('../menuimages/black_1.gif') right top; 
cursor:pointer;
}

.pro_linedrop .select a:hover b {
display:block; 
padding:0 30px 0 15px; 
background:url('../menuimages/black_1.gif') right top; 
cursor:pointer;
}

.pro_linedrop .select li.line:hover a b {
background:url('../menuimages/black_1a.gif') right top;
}

.pro_linedrop .select li.line a:hover b {
background:url('../menuimages/black_1a.gif') right top;
}

.pro_linedrop .select li.lrt:hover a b {
background:url('../menuimages/black_1.gif') right top;
}

.pro_linedrop .select li.lrt a:hover b {
background:url('../menuimages/black_1.gif') right top;
}

.pro_linedrop .select li.lrt:hover a b.arrow {
background:url('../menuimages/black_1a.gif') right top;
}

.pro_linedrop .select li.lrt a:hover b.arrow {
background:url('../menuimages/black_1a.gif') right top;
}

.pro_linedrop .sub {
display:none;
}
.pro_linedrop ul ul {display:none;}

/* IE6 only */
.pro_linedrop table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

.pro_linedrop .sub li {background:transparent;}

.pro_linedrop .select :hover .sub {
height:25px;
display:block; 
position:absolute;
float:left;
width:1000px;
top:35px; 
left:0; 
text-align:center;
background:#fff url('../menuimages/fade.gif');
border:1px solid #aaa;
}

.pro_linedrop .select :hover .rt li {float:right;}

.pro_linedrop .select :hover .sub li a 
{display:block; height:25px; line-height:22px; float:left; background:transparent url("http://cyclistchoice.net/menuimages/transparent.gif"); padding:0 16px; margin:0; white-space:nowrap; color:#333;font-size:10px;}

.pro_linedrop .select :hover .sub li.subline a {color:#c00;}

.pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative; background:#fff url('../menuimages/fade.gif') left bottom;
}

.pro_linedrop .select :hover .sub li a:hover
{color:#000; line-height:20px; position:relative; background:#fff url('../menuimages/fade.gif') left bottom;
}


