/*Layout*/
body {
	background: url(images/bggrad.jpg) repeat-x;
	background-color:#b6c4cf;
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size:12px;
	line-height:16px;
	margin:0;
	padding:0;
}

#wrap {
	border:none;
	float:none;
	margin:auto;
	padding:0;
	width:900px;
}
#header {
	float:left;
	margin:0 0 15px 0;
	padding:0;
	width:900px;
}

#logo {
	background:url(images/oc_ko.png) no-repeat;
	border:none;
	float:left;
	height:98px;
	margin-top:20px;
	width:205px;
}
@font-face {
  font-family: "Museo Slab";
  src: url(http://www.outcycling.org/type/Museo_Slab_500.otf);
}

#topnav {
	float:right;
	font-family:"Museo Slab", Rockwell, Georgia, "Times New Roman", serif;
	font-size:14px;
	line-height:18px;
	margin:0;
	padding:0;
	width:658px;
	padding:0;	
}

a.navitem {
	background:#ffa318 url(images/nav_bg.gif) repeat-x 0 0;
	border:none;
	color:#ffffff;
	float:left;
	margin:0 1px 0 1px;
	padding: 48px 2px 5px 2px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	width:100px;
}

a.navitem:hover{
	background:#004880 url(images/nav_bg_h.gif) repeat-x 0 0;
	border:none;
	color:#ffffff;
	float:left;
	margin:0 1px 0 1px;
	padding: 48px 2px 5px 2px;
	text-decoration: underline;
	text-transform:uppercase;
	text-align:center;
}

a.navitem2line {
	background:#ffa318 url(images/nav_bg.gif) repeat-x 0 0;
	border:none;
	color:#ffffff;
	float:left;
	margin:0 1px 0 1px;
	padding: 30px 2px 5px 2px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	width:100px;
}

a.navitem2line:hover{
	background:#004880 url(images/nav_bg_h.gif) repeat-x 0 0;
	border:none;
	color:#ffffff;
	float:left;
	margin:0 1px 0 1px;
	padding: 30px 2px 5px 2px;
	text-decoration: underline;
	text-transform:uppercase;
	text-align:center;
}

a.navitem3line {
	background:#ffa318 url(images/nav_bg.gif) repeat-x 0 0;
	border:none;
	color:#ffffff;
	float:left;
	margin:0 1px 0 1px;
	padding: 12px 2px 5px 2px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	width:100px;
}

a.navitem3line:hover {
	background:#004880 url(images/nav_bg_h.gif) repeat-x 0 0;
	border:none;
	color:#ffffff;
	float:left;
	margin:0 1px 0 1px;
	padding: 12px 2px 5px 2px;
	text-decoration: underline;
	text-transform:uppercase;
	text-align:center;
}

#sidebar{
	background:#5a6670;
	float:left;
	border:none;
	margin:0;
	padding:0 10px 0 15px;
	width:197px;
}

#sidebar ul{
	border:none;
	clear:both;
	display:inline;
	float:left;
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
}
#sidebar ul li {
	border:none;
	clear:both;
	color:#fff;
	display:inline;
	font-size:12px;
	line-height:16px;
	list-style-type:none;
	margin:0;
	padding:0;
}

#sidebar a {
	color:#ffffff;
	text-decoration:none;
}

#sidebar a:visited {
	color:#eeeeee;
	text-decoration:none;
	}

#sidebar a:hover {
	color:#ffa318;
	text-decoration:underline;
}

#sidebar a:active {
	color:#d48713;
	text-decoration:underline;
}

#sidebar ul img{
	border:none;
	display:inline;
	margin-right:5px;
	vertical-align:middle;
}

#sidebar table{
	margin-bottom:15px;
}

#sidebar td{
	border-spacing: 0 0 10px 0;
}

#sidebar a#profiles {
	color:#ffa318;
	font: normal 14px/18px Georgia, "Times New Roman", Times, serif;
}

#sidebar a#profiles:visited {
	color:#ffa15a;
} 

#sidebar a#profiles:hover {
	color:#eee;
}

#maincontent {
	float:left;
	border:none;
	margin:0;
	padding:0 20px 0 20px;
	width:638px;
}

#maincontent img.inline{
	background-color:#8b9ead;
	border:none;
	display:block;
	float:right;
	margin:0 0 0 15px;
	padding:5px;
	width:226px;
}


#maincontent p{
	vertical-align:top;
	margin:0;
	padding:0;
}

.content {
	background:#ffffff;
	border:none;
	clear:both;
	float:none;
	margin:0 0 25px 0;
	padding:10px;
}


img.prf {
	border:none;
	clear:both;
	display:block;
	float:right;
	margin:10px 0 0 15px;
	padding:0;
	position:relative;
	width:213px;
}

/*Formatting*/


#sidebar h1 {
	clear:both;
	color:#ffffff;
	font-family: "Museo Slab", Rockwell, Georgia, "Times New Roman", serif;
	font-size:18px;
	font-weight:bold;
	line-height:21px;
	text-transform:uppercase;
	margin:15px 0 8px 0;
	padding:0;
}

h1 {
	clear:left;
	color:#ffa318;
	font-family: "Museo Slab", Rockwell, Georgia, "Times New Roman", serif;
	font-size:18px;
	font-weight:bold;
	line-height:21px;
	text-transform:uppercase;
	margin:0 0 8px 0;
	padding:0;
}


h1#inset {margin:23px 0 21px 0; line-height:21px;}

p.inset {color:#f0f0f0; font: normal 13.5x/24px Helvetica, Geneva, Verdana, Arial, sans-serif; margin:9px 0 15px 0 !important; text-align:left; }
	.inset a {color:#ffff66; font: bold 13.5px/24px Helvetica, Geneva, Verdana, Arial, sans-serif;}
	.inset a:visited {color:#ffff66; font: bold 13.5px/24px Helvetica, Geneva, Verdana, Arial, sans-serif;}

h2 {
	clear:left;
	color:#333333;
	font-family: "Museo Slab", Rockwell, Georgia, "Times New Roman", serif;
	font-size:18px;
	font-weight:bold;
	text-transform:none;
	margin:10px 0 5px 0;
	padding:0;
}

h1.pname {
	clear:left;
	color:#ffa318;
	font-family: "Museo Slab", Rockwell, Georgia, "Times New Roman", serif;
	font-size:48px;
	font-weight:bold;
	line-height:48px;
	margin:0 0 -12px 0;
	padding:0;
	text-transform:none;
}

h1.sname {
	clear:left;
	color:#666;
	font-family: "Museo Slab", Rockwell, Georgia, "Times New Roman", serif;
	font-size:24px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 15px 90px;
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
	padding:0;
}

p {
	color:#444;
	font-size:12px;
	line-height:16px;
	text-align:justify;
}

.error {
	color:#f00;
	float:left;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	margin:0;
	padding:0;
}

hr {
	clear:both;
	background:url(images/hr.png) no-repeat;
	border:none;
	height:10px;
	
}

#sidebar td.date{
	color:#ffa318;
	font-weight:bold;
	width:80px;
	vertical-align:top;
}

#sidebar td{
	color:#ffffff;
	vertical-align:top;
}

/*Slideshow*/


#slideshow {
    position:relative;
    height:286px;
	margin-bottom:10px;
}

#slideshowb {
    position:relative;
    height:177px;
	margin-bottom:10px;
}

#slideshow img {
	border:0;
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}


#slideshow img.active {
	border:0;
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}

#welcome {
	color:#ddd;
	font-weight:bold;
	font-size:12px;
	margin:0;
	padding:0;
	text-align:right;
}


#welcome a {
	color:#ffffff;
	text-decoration:none;
}

#welcome a:visited {
	color:#eeeeee;
	text-decoration:none;
	}

#welcome a:hover {
	color:#ffa318;
	text-decoration:underline;
}

#welcome a:active {
	color:#d48713;
	text-decoration:underline;
}
/*
#welcome a {
	color:#ffa318;
	text-decoration:none;
}

#welcome a:hover {
	color:#666;
	text-decoration:underline;
}*/

/*Video*/

object {
	border:none;
	clear:right;
	display:block;
	float:right;
	margin:0 0 15px 15px;
}

object.ytvid {
	background-color:#8b9ead;
	border:none;
	height:185;
	padding:5px;
	width:226px;
}

/*Maps*/

iframe {
	background-color:#8b9ead;
	border:none;
	clear:right;
	float:right;
	height:185px;
	width:226px;
	margin:0 0 15px 15px;
	padding:5px;
}

a.frame {
	clear:right;
	color:#0000FF;
	float:right;
	font-size:smaller;
	text-align:left;
}

.fr:after {
    content: ".";
    display: block;
    height: 0;
    clear: right;
    visibility: hidden;
    }

<!--[if IE]>
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
<![endif]-->