/*
Site: COPMOBA - Colorado Plataeu Mountain Bike Trail Association
Author: Christian Ross
Author URI: http://www.thinairmediasolutions.com  
Feb 10, 2010 
*/


/* ---- Reset CSS ---- */

html, body, img {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }

html { overflow-x: auto; overflow-y: auto; }

body { line-height: 1; }
p { margin:0; padding:0; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
em { font-style: italic; }
strong { font-weight: bold; }

.clear:after { content: "."; display: block; height: 0;	font-size: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */ 
.image { display: block; font-size: 0; text-indent: -9999px; outline: none; }
td { vertical-align:top; }


/*  COPMOBA - Colorado Plataeu Mountain Bike Trail Association - CSS  */
/*  Layout  */

body {
	margin-top: 0;
	background:#5E84AC url(../images/spoke-bg.jpg) 0 0 no-repeat;
	background-attachment:fixed;
	font: 14px Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#000;
	text-align:left;
}

#container	{ width:1000px; margin:0 auto 20px; text-align:left; z-index:1; }
#banner 	{ width:960px; height:303px; margin:35px auto 10px; }
#nav 		{ background:url(../images/nav-bg.png) 0 0 no-repeat; height:43px; width:1000px; text-align:center; padding-top:27px; }
#content	{ }
  #donate	{ width:564px; height:64px; background-color:#98AEC6; padding:18px; margin:20px 0; }
  #donate-text { width:400px; float:left; font-size:12px; line-height:16px; }
  #donate-button { width:135px; float:right; }
.content	{ background-color:#EEE; padding-bottom:20px; }
  #sidebar  	{ background:url(../images/sidebar-repeat.png) 0 0 repeat-y; }
  #main-content { background:url(../images/main-content-repeat.png) 0 0 repeat-y; padding:20px 40px 10px 30px; }
#footer		{ padding-bottom:20px; }
  #footer-container { width:960px; margin:0 auto 20px; color:#000; font-size:12px; padding-top:10px; }
  #footer-info 	{ float:left; width:800px; }
  #footer-cs	{ float:right; width:125px; text-align:right; padding-top:8px; }

  
/*  Styles  */

a:link, a:visited, a:active, a:hover { color: #5E84AC; font-weight: bold; text-decoration: none; white-space:normal; font-size: 14px; } 
a:hover   { color: #666; text-decoration: underline; }

a.completesite:link, a.completesite:visited, a.completesite:active, a.completesite:hover { color: #5E84AC; font-weight: bold; text-decoration: none; white-space:normal; } 
a.completesite:hover   { color: #666; text-decoration: underline; }

a.mainNav:link,	a.mainNav:active,a.mainNav:visited  { 
	color:#000; font-size: 14px; line-height:20px; 
	font-weight:bold; font-family: GothaHTFMed, Arial, Helvetica, sans-serif;
	text-decoration:none; text-transform:uppercase;
	padding:0 11px;
}

a.mainNav:hover   { 
	color:#EEE; font-size: 14px; line-height:20px; 
	font-weight:bold; font-family: GothaHTFMed, Arial, Helvetica, sans-serif; 
	text-transform:uppercase; text-decoration:none;
	padding:0 11px;
}

a.footer:link, a.footer:active, a.footer:visited {
	color:#FFF; text-decoration:none; font-size:12px; font-weight:normal;
}
a.footer:hover {
	color:#333; text-decoration:none; font-size:12px; font-weight:normal;
}

a.contact:link, a.contact:active, a.contact:visited {
	text-decoration:none; outline:none; color:#ECECD0; 
}
a.contact:hover	  { color:#FFF; text-decoration:none; color:#999;  }

#content-wide a {font-size:10px; white-space:normal; }

p.top-contact { padding:0 0 5px 0; margin:0; }

.completesite 	{ font: 14px/20px Arial, Helvetica, sans-serif; }
.pipe		  	{ font-size:10px; color:#555; padding:0 10px; }
.space			{ padding:0 6px; }
.footerNav		{ padding:0 6px; }
.footerNavInt	{ padding:0 8px; }
.underline		{ border-bottom:1px solid #E4E9EE; display:block; margin-top:10px; }
.block			{ display:block; }

p.completesite  { margin-bottom:20px; }
p { padding:0; margin:0; }

h1.completesite { margin: 15px 0; font-size: 24px; line-height:28px; font-weight:bold; color:#3F3533; font-family: GothaHTFMed, Arial, Helvetica, sans-serif; }
h2.completesite { margin: 15px 0; font-size: 21px; line-height:27px; font-weight:bold; color:#3F3533; font-family: GothaHTFMed, Arial, Helvetica, sans-serif; }
h3.completesite { margin: 0 0 6px 0;  font-size: 18px; line-height:22px; font-weight:bold; color:#3F3533; font-family: GothaHTFMed, Arial, Helvetica, sans-serif; }
h4.completesite { margin: 0 0 6px 0;  font-size: 14px; line-height:18px; font-weight:bold; color:#3F3533; font-family: GothaHTFMed, Arial, Helvetica, sans-serif; }

h2.completesite a { font-size: 21px; line-height: 24px; }
h3 { padding:0 0 10px 0; margin:0; }


ul {padding:0; margin:0; }
li {padding:0 0 0 0; margin:0 0 0 20px; border:0; }


a.cs-logo 		{ border:none; background: url(../images/completesite-cms.png) 0 0 no-repeat; width:125px; height:19px; display:block; }
a.cs-logo:hover { border:none; background: url(../images/completesite-cms.png) 0 -19px no-repeat; }

a.donate		{ border:none; background: url(../images/donate-copmoba.png) 0 0 no-repeat; width:135px; height:64px; display:block; }
a.donate:hover  { border:none; background: url(../images/donate-copmoba.png) 0 -64px no-repeat; }


#sidebar .completesite { font-size:12px; }
#sidebar h2.completesite { border-bottom:2px solid #FF9400; font-size: 22px; line-height:28px; font-weight:bold; color:#3F3533;  }
#sidebar a:link, #sidebar a:visited, #sidebar a:active, #sidebar a:hover { font-size: 12px; }