

/********** formatting styles for all browsers **********/

body { background:#FFF; }
a { outline:none; }

/* Gutter between body background and content */
#Header, #AllChannels, #Footer { margin: 0 auto; width:971px;}

#Wrapper {
  margin: 15px auto; /* Make content centered */
  width: 971px; /* Width of "page" */
}

/* Link at top of document to jump over navigation and go straight to content - For usability */
#ContentJump { display: none; }

/* Utility Classes */
.selfclear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.left { float:left; margin: 0 20px 10px 0; } /*for inline images*/
.right { float:left; margin: 0 0 10px 20px; }

.clear { clear:both; }
.center { text-align:center; }



/* Header */

#Header img { display:block; }

ul#PrimaryNav { height:22px; float:right; right:0px; }
    ul#PrimaryNav li { float:left; position:relative; display:block; }
      ul#PrimaryNav li a { display:block; height:28px; padding:0; margin:0 0 0 35px; text-indent:-32000px; background-position:0 0; background-repeat:no-repeat; outline:none; }
	  ul#PrimaryNav li#News a { background-image:url("../images/nav/news.gif"); width:44px; }
	  ul#PrimaryNav li#Merch a { background-image:url("../images/nav/merch.gif"); width:91px; }
	  ul#PrimaryNav li#Sponsors a { background-image:url("../images/nav/sponsors.gif"); width:77px; }
	  ul#PrimaryNav li#Downloads a { background-image:url("../images/nav/downloads.gif"); width:91px; }
	  ul#PrimaryNav li#Media a { background-image:url("../images/nav/media.gif"); width:49px; }
	  ul#PrimaryNav li#Skaters a { background-image:url("../images/nav/skaters.gif"); width:61px; }
	  ul#PrimaryNav li#Vrgins a { background-image:url("../images/nav/vrgins.gif"); width:53px; }
	  ul#PrimaryNav li#Contact a { background-image:url("../images/nav/contact.gif"); width:64px; }
	  
	  	ul#PrimaryNav li a:hover,
		.news ul#PrimaryNav li#News a,
		.merch ul#PrimaryNav li#Merch a,
		.sponsors ul#PrimaryNav li#Sponsors a,
		.downloads ul#PrimaryNav li#Downloads a,
		.media ul#PrimaryNav li#Media a,
		.skaters ul#PrimaryNav li#Skaters a,
		.vrgins ul#PrimaryNav li#Vrgins a,
		.contact ul#PrimaryNav li#Contact a	{ background-position:0 100%; }

#Mast { clear:both; padding-top:15px;  outline:none; } /*overridden in ie_lt_7.css*/


#AllChannels { 
	position:relative; 
	margin-top:0px;
}

/* Wrap left and center channel so that we can put center channel first in markup for optimal content ordering */
#MainChannel { 
  width:969px; /* Width of left channel and center channel combined */
  background:#3f3b3a;
  border:1px solid #3f3b3a;
}

/* Center channel */
#Content {
  color:#fff;
  width:849px; /* Width of center channel */
  margin:20px 60px;
  background: url("../images/common/watermark.gif") no-repeat bottom right;
  min-height:800px;
  height:auto !important;
  height:800px;
}
#Content h1 {display:block; height:77px; background-repeat:no-repeat; text-indent:-32000px; margin-bottom:20px; }
	.news #Content h1 { background-image:url("../images/titles/news.gif"); }
	.merch #Content h1 { background-image:url("../images/titles/merch.gif"); }
	.sponsors #Content h1 { background-image:url("../images/titles/sponsors.gif"); }
	.downloads #Content h1 { background-image:url("../images/titles/downloads.gif"); }
	.media #Content h1 { background-image:url("../images/titles/media.gif"); }
	.skaters #Content h1 { background-image:url("../images/titles/skaters.gif"); }
	.vrgins #Content h1 { background-image:url("../images/titles/vrgins.gif"); }
	.contact #Content h1 { background-image:url("../images/titles/contact.gif"); }
#Content h2 {color:#FF01A9; font-weight:bold; font-size:110%; margin:15px 0 5px 0; text-transform:uppercase; }
#Content h3 { font-weight:bold; font-size:110%; color:#FF01A9; }
#Content h4 { font-weight:bold; font-size:110%; color:#fff; }
#Content p { margin-bottom:10px;}
#Content a { font-weight:bold; color:#fff; text-decoration:none; }
#Content a:hover { color:#FF01A9; }

#Content strong.low { font-weight:bold; }
#Content strong.medium { font-weight:bold; color:#FF01A9; }
#Content strong.high { font-weight:bold; color:#FF01A9; text-transform:uppercase; }


#Content ul { margin-bottom:15px; list-style:circle; }
#Content ul li { margin:0 0 10px 16px; }

/* Footer */
#Footer { clear:both; position:relative; background:url("../images/common/foot-url.gif") no-repeat top right; width:100%; height:39px; margin:8px 0;  text-indent:-32000px; }
#Footer #Rollergirl { display:none; position:absolute; top:0; left:0; width:225px; text-align:center; padding-bottom:8px; text-indent:0; }
#Footer #Rollergirl a { text-decoration:none; font-size:0.9em; color:#000; }

/* Home page */
.home #MainChannel { background:#fff; border:0; }
.home #Content { background:none; margin:0; width:971px; min-height:0; } /*overridden in ie_lt_7.css*/
.home img { display:block; }
.home #Column1 { width:560px; float:left; }
.home #Column2 { width:408px; float:right; }
.home #Content #News { background:url("../images/home/news-bg.gif") no-repeat;  height:349px; padding:140px 30px 0 40px; } 
	.home #Content #News ul { list-style:circle; }
	.home #Content #News p.more { float:right; }
	.home #Content #News p.more a { color:#FF01A9; }
.home #Content #Bar { float:left; margin-bottom:3px; } /*overridden in ie.css*/
.home #Content #Video { float:right; margin-bottom:3px; } /*overridden in ie.css*/
.home #Content #Skaters { margin-bottom:3px; } 
.home #Content #Article { margin-bottom:0px; }
.home #Content #Flyer { clear:both; }
.home #Footer #Rollergirl { display:block; }

/* Skaters */
.skaters #Content ul { list-style:none; }
.skaters #Content ul li { margin:0; }

/* Contact */
.contact #Content ul.duties { list-style:none; }
.contact #Content ul.duties li { margin:0; }
