/* Stylesheet Notes
Template 001

*/
/* Basic Elements 
_____________________________________________________

	background: url(graphics/backgrounds/background.gif) repeat-x;
_____________________________________________________
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #000;
	margin-top: 0px;
}
h1,h2,h3,h4,h5,h6{
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-weight:normal;
}
table{
	font-size: .9em;
}
h1{
	font-size: 1.0em;
	font-weight: bold;
	color: #7d0d01;
}
h2{
	font-size: 1.3em;
	letter-spacing:-1px;
	color: #7d0d01;
}
h3{
	font-size: 0.9em;
	font-weight: bold;
	font-style:italic;
	color: #7d0d01;
}
h4{
	font-family: Arial;
	font-size: 0.7em;
	font-weight: bold;
	color: #7d0d01;
}
h5{
	font-family: Arial;
	font-size: 0.7em;
	font-weight: bold;
	color: #336799;
}
p{
	color: #333333;
	font-size: 0.8em;
	text-align: left;
}
ul, ol{
	font-size: 12px;
}
a{
	text-decoration:none;
	color:#770000;
}
a:hover{
	text-decoration: underline;
}
/*
#link-specials-txt{
	display: none;

}
*/

/* Container
_____________________________________________________
*/
#container{
	width: 850px;
	margin: auto;
	margin-top: 5px;
	background: #ffffff;
	padding: 5px;
	position: relative;
/*
	border: solid #ff0000 1px;
*/
}

/* Header
_____________________________________________________
*/
#header{
	width: 850px;
	position:absolute;
	top: 5px;
	background: #ffffff;
/*
	border: solid #ff0000 1px;
*/
}
#header-home-link{
	height: 35px;
	width: 110px;
	position: absolute;
	top: 85px;
/*
	border: solid #00ff00 1px;
*/
}
#header-home-link-2{
	height: 120px;
	width: 120px;
	position: absolute;
	top: 0px;
	margin-left: 368px;
/*
	border: solid #0000ff 1px;
*/
}
#headerEnd{
}
#headerStart{
	width: 100%;
	height: 120px;
}
/* Default Header */
#headerStart{background: url(graphics/header-home.jpg) no-repeat;}
/* Default Header */
#home #headerStart{background: url(graphics/header-home.jpg) no-repeat;}
/* Tri Header */
.triathlon-page #headerStart{background: url(graphics/header-triathlon.jpg) no-repeat;}
/* Hardtail Header*/
.hardtail-page #headerStart{background: url(graphics/header-hardtail.jpg) no-repeat;}
/* Mountian Header */
.mountain-page #headerStart{background: url(graphics/header-mountain.jpg) no-repeat;}
/* Road Header */
.road-page #headerStart{background: url(graphics/header-road.jpg) no-repeat;}
/* Woman Header */
.woman-page #headerStart{background: url(graphics/header-woman.jpg) no-repeat;}
/* Club Sponsorship Header */
.club-sponsorship-page #headerStart{background: url(graphics/header-club-sponsorship.jpg) no-repeat;}

/* default home link */
.triathlon-page #header-home-link,
.mountain-page #header-home-link,
.road-page #header-home-link,
.woman-page #header-home-link
{
	height: 60px;
	width: 60px;
	position: absolute;
	top: 0px;
/*
	border: solid #00ff00 1px;
*/
}
/* full header home link */
.club-sponsorship-page #header-home-link
{
	height: 120px;
	width: 850px;
	position: absolute;
	top: 0px;
/*
	border: solid #00ff00 1px;
*/
}

/* Menu
_____________________________________________________
*/
#menu{
	position: absolute;
	background: url(graphics/bar-image.gif) repeat-x;
	top: 130px;
	height: 25px;
	width: 850px;
/*
	border: solid #00ff00 1px;
*/
}
#menu img{
	border:none;
}
#menuItems ul,
#menu .menuSep,
#menu a
{
	color:#ffffff;
	font-size: 16px;
	font-weight: bold;
}
#menuItems{
	height:25px;
	display:inline;
	float: left;
	text-align: center;
}
#menuItems li {display:inline;}
#menuItems ul{
	padding: 1px 0 0 0;
	margin: 0 0 0 100px;
	width:650px;
/*
	display:inline;
	padding:0;
	margin: 1px auto;
	list-style-type:none;
	border: solid #ff0000 1px;
*/
}
#menu a{
	margin: 0px 5px;
	text-decoration:none;
	text-transform: capitalize;
}
#menu a:hover{
	text-decoration: underline;
}
#menu #menuStartSep, #menu #menuEndSep{
	display: none;
}
#menuCheckout{
	display:inline;
	float: right;
	padding: 2px;
/*
	float: right;
	position: relative;
*/
}
#menuCheckout a{
	font-size: 12px;
	font-weight:normal;
	height: 25px;
}
#menuCheckoutTxt{
	position: relative;
	top: -3px;
}

/* menu-level-2
_____________________________________________________
*/
#menu-level-2{
	position: absolute;
	background: #ffffff;
	top: 160px;
	width: 850px;
	text-align:right;
	font-size: 0.6em;
/*
	padding:10px 0 12px 24px;
	border: solid #0000ff 1px;
*/
}
#menu-level-2 a{
	text-decoration:none;
	color:#993300;
}
#menu-level-2 a:hover{
	text-decoration: underline;
}

/* Content
The default template has only one content area
_____________________________________________________
*/
#content{
	position: relative;
	width: 850px;
	margin-top:160px;

/*
	background: url(graphics/logo-fade-background.jpg) no-repeat;
	background-position: 170px 50px;
	border: solid #0000ff 1px;
*/
}
.contentSect{
	margin: 0;
	padding: 0;
	position: relative;
}
#contentSect1{
	float: left;
	width: 610px;
	margin-top: 15px;
/*
	height: 400px;
	border: solid #ff0000 1px;
*/
}
#contentSect2{
	float: right;
	width: 210px;
	margin-top: 15px;
/*
	height: 400px;
	border-left: dotted 1px #336799;
	border: solid #00ff00 1px;
*/
}
#contentSect3{
	visibility: collapse;
	height: 400px;
	margin-top: 15px;
}
#contentSect4{
	visibility: collapse;
	margin-top: 15px;
}

/* Home page layout
The home page has a different layout
_____________________________________________________
*/
home #content{
	background:none;
}
#home #contentSect1
{
	visibility: visible;
	width: 211px;
	float:left;
	border-right: dotted 1px #336799;
}
#home #contentSect2
{
	visibility: visible;
	width: 420px;
	float:left;
/*
	border: solid #00ff00 1px;
*/
}
#home #contentSect3
{
	visibility: visible;
	width: 214px;
	float: right;
	border-left: dotted 1px #336799;
/*
	border: solid #0000ff 1px;
*/
}
#home #contentSect4
{
	visibility: visible;
	width: 100%;
	clear:both;
	border-top: dotted 1px #336799;
	padding: 5px 0 0 0;
}
#home #footer{
}

/* Entries
_____________________________________________________
	border-top: dotted 1px #336799;
*/
.entry{
	margin: 0px 0 0 0;
	padding: 5px 10px 5px 10px;
}
.entry p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}
.entryTopic{
	float: left;
	width:211px;
	padding: 0;
	margin: 0;
}
.entryTopic p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}
.entryDescription{
}
.entryTopic{
	border-right: #000 dotted 1px;
}
.entry-page{
	padding: 0 10px 10px 10px;
}
/* Footer
_____________________________________________________
*/
#footer{
	clear:both;
	text-align:center;
	position: relative;
	font-size: 0.6em;
/*
	padding:10px 0 12px 24px;
	border: solid #0000ff 1px;
*/
}
#footer a{
	text-decoration:none;
	color:#993300;
}
#footer a:hover{
	text-decoration: underline;
}
#certifications {display:none;}

/* soc-links
	border-top: #777 1px solid;
	line-height:25px; 
	text-align:center; 
	font:#666666;
	line-height:25px; 
	vertical-align:middle; 
	font:.5em; 
	margin-top: 10px;
_____________________________________________________
*/
#soc-links{
	margin-top:10px;
	padding: 0px;
	font:Verdana,Tahoma,Arial,sans-serif;
}
#soc-links a{
	font-size: .8em;
}
#soc-links #title{
	font-size: .7em;
}
#soc-links p{
	text-align:center;
	margin: 3px 0 0 0;
}

/* General CSS Styles
_____________________________________________________
*/
.floatRight {
float:right;
display: inline;
}
.floatLeft {
float:left;
display: inline;
}
.imageRight {padding: 3px 0px 3px 6px;}
.imageLeft {padding: 3px 6px 3px 0px;}

.nomargin{margin: 0;}
.nopadding{padding: 0;}
.noborder{border:0px none;}
.imageLink{border:0px none;}

.clear{clear:both;}
.hide{display:none;}

.leftText{text-align:center;}
.centerText{text-align:center;}
.rightText{text-align:right;}

.subcontainer {width:98%;}
.halfColumn {
width:45%;
margin:2%;
}
.rightsub{
float:left;
width:45%;
padding:0;
}
.rightsub2{
margin-left:50%;
padding:0;
}
.picture-label{
	text-align: center;
	font-size: .7em;
	font-weight: bold;
}
.picture-label-2{
	text-align:left;
	font-size: .8em;
	/*font-weight: bold;*/
}
.list-bullet{
	margin: 5px 0px 0px 40px;
}
.list-no-bullet{
	margin: 5px 0px 0px 40px;
	list-style-type:none;
}
.list-numbered{
	margin: 5px 0px 0px 40px;
	list-style-type:decimal;
}
.product-list{
	margin: 5px 0px 0px 5px;
	list-style-type:none;
	font-size: .7em;
	line-height: 1em;
}
#link-specials-txt{
/*	display: none;
*/
}
.photos-290{
	margin: 8px 3px 3px 3px;
	width:290px;
	float:left; 
	text-align: center;
	font-size: .7em;
}

/* Images to preload
_____________________________________________________
*/
graphics/backgrounds/bar_image.jpg