/** Body **/

	html, body {
		height:100%;
		background: #303030 url(../images/background.gif) repeat center top;
	}
		
	body, font {
		margin:0; padding:0;
		font: 10pt/1.8 Arial, sans-serif;
		text-align: center;
		color:#eee;
	}

	#container-shell {
		background: url(../images/bg_gears.gif) repeat-y center top;
		width: 880px;
		margin:0 auto;
	}
	
	#container {
		background: url(../images/content_bg.jpg) repeat-y left top;
		width:800px;
		margin:0 auto;
		text-align:left;
		border-left:1.2em solid #000;
		border-right:1.2em solid #000;
	}
	
	#top {
		background: url(../images/gg_banner.jpg) no-repeat left top;
		height: 7.75em;
		border-bottom: 2px solid #c37c13;
		}
		
	#header {
		margin: 0;
		padding: 1.5px 0;
		overflow: hidden;
		line-height: 0;
		height: 300px;
		background: #0b0b0b;
	}
	
	#left {
		width: 210px;
		float: left;
	}

	#right {
		width: 590px;
		float: right;
	}
	
	#footer {
		padding: 2em 0 0.5em;
		text-align: center;
		font-size: 90%;
		background-color: #050505;
		border-top: 2px solid #c37c13; 
	}

/* Padding */

	#left-inner, #right-inner {
		padding: 0.5em 1.5em 1em;
	}

/* Headings & Hyperlinks */

	h1 {
		font-family: Georgia, serif;
		font-size:24px;
		color:#9c1e3d;
		font-weight: normal;
	}

	h2 {
		font-family: Georgia, serif;
		font-size:16px;
		color:#c37c13;
		font-weight: normal;
	}

	h3 {
		font-family: Georgia, serif;
		font-size:15px;
		color:#9c1e3d;
		font-weight: normal;
	}
	
	a:link, a:visited { color:#c37c13; text-decoration:none; }
	a:hover, a:active { color:#c37c13; text-decoration:underline; }		
	
/* Lists */

	li#active {
		color: #c37c13;
	}
	
	ul.links {
		padding-left: 0;
		margin: 2em 0 0;
		list-style-type: none;
	}
	
	ul.links li {
		padding: 0 0 1em;
	}
	
	ul.news, ul.sidebar, ul.logo {
		padding-left: 0;
		margin: 0;
		list-style-type: none;
	}
	
	.news li, .sidebar li {
		border-bottom:1px dotted #333;
		padding: 4px 0;
	}
	
	.sidebar li.last {
		border-bottom: none;
	}

	ul.logo li {
		display: inline;
		float: left;
		padding: 5px 3px 0 0;
	}

	#footer ul {
		padding: 0.5em 0 0 0;
		margin: 0;
		}
	
	#footer li {
		display: inline;
		padding: 0 1px 0 4px;
		border-left: 1px dotted #555;
		}
	
	#footer li.first { border: none; padding-left: 0;}	

/* Images & Videos*/

	.image-left {
		float: left;
		padding: 0.5em 1.5em 1em 0;
		}	
		
	.image-right {
		float: right;
		padding: 0.5em 0 1em 1.5em;
		}	

/* Navigation */

	#navigation {
		margin: 0; padding: 0;
		height: 31px;
		background: #7e1f36 url(../images/nav_red.gif) repeat-x left top;
		color: #ffffff;
		border-bottom: none;
		}
		
	#navigation ul {
		padding-left: 0;
		margin: 0;
		list-style-type: none;
		} 

	#nav { font-size: 95%; line-height: 250%;}

	#nav a {
		display: block;
		text-decoration: none;
		padding: 0 23px;
		color:#ffffff;
		outline:none;
	}

	#nav ul {
		float: left;
		width: 100%;
		list-style-type: none;
		padding: 0;	margin: 0;
	}
	
	#nav li {
		float: left;
		padding: 0;
		height: 31px;
		border-right: 1px solid #000;
	}
	
	#nav li.yellow {
		background: url(../images/nav_yellow.gif) repeat-x left top;
	}

	#nav li.last {
		background: url(../images/nav_purple.gif) repeat-x left top;
		border-right: none;
		width: 189px;
	}

	#nav li ul {
		position: absolute;
		left: -999em;
		height: auto;
		width: 14.4em;
		w\idth: 13.9em;
		font-weight: normal;
		margin: 0;
		background: #933b50;
	}

	#nav li li {
		padding-right: 3em;
		width: 12.9em;
		background: #933b50;
		border: none;
	}

	#nav li ul a {
		width: 12.9em;
		w\idth: 12.9em;
	}

	#nav li ul ul {
		margin: -1.75em 0 0 14em;
	}

	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}

	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
		left: auto;
	}

	#nav li:hover {
		background: #7e1f36;
	}
	
	#nav li.last:hover {
		background: #714050;
	}
	
	#nav li.yellow:hover {
		background: #c77f14;
	}

	#nav ul li ul li:hover {
		background: #e7c14c;
	}
	
	#nav li.sfhover {
		background: #7e1f36;
	}
	
/* Sub Navigation */	

	#navrsn {
		padding: 0; margin: 0;
		font-size: 100%;
		width: 180px;
	}
	
	.subnav {
		padding: 0; margin: 0;
		width: 180px;
	}
	
	.subnav ul, .side ul {
		padding: 0; margin: 0;
		list-style-type: none;
		width: 180px;
	}

	.subnav li {
		text-decoration: none;
		padding: 4px 0; margin: 0;
		border-top: 1px dotted #555555;
		list-style-type: none;
	}
	
	.subnav li.first, .subnav li.title {
		border: none;
	}
	
	#elite-nav, #teamkenda-nav, #development-nav, #road-nav, #womens-nav, #masters-nav, #juniors-nav, #trimulti-nav, #mtbx-nav {
		display: none;
		width: 180px;
	}
		
	#elite #elite-nav, #teamkenda #teamkenda-nav, #development #development-nav, #road #road-nav, #womens #womens-nav, #masters #masters-nav,
	#juniors #juniors-nav, #trimulti #trimulti-nav, #mtbx #mtbx-nav {
		display: inline-block;
		display:-moz-inline-box;
		width: 180px;
	}

/* Search */

	#search {
		padding:0;
		margin:0;
	}
	
	#search-box {
		font-size: 80%;
		float: right;
		padding: 6em 1em 0 0;
	}

	#search input {
		padding: 0;
		margin: 0;
		line-height: 50%;
		text-align: right;
		border: 1px solid #000;
	}

	.search {
		color: #c37c13;
		background-color: transparent;
		cursor: hand;
		cursor: pointer;
		border: none;
	}
	
	.search:hover {
		color: #ffffff;
	}

/* cleaner */

	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
		
	em {
		font-style: italic;
	}
	
	.roster p {
		padding: 0;
		margin: 0;
	}
