/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #333333;
	font-family: Arial, Verdana, sans-serif;
	margin: 0 auto;
	text-align: center;
}

br.clearfloat {
	clear: both;
	height: 0;
	overflow: hidden;
}


p {
	font-size: 14px;
	color: #330000;
	margin: 5px 30px;
	padding: 0 0 5px 0;
	line-height: 18px;
	text-align: justify;
}



/*---------
Headings
---------*/
h1, h1 a {
	float: left;
	text-indent: -6000px;
}




h1 {
	background: url(../images/logo.jpg) top left no-repeat;

 	height: 154px;
	width: 214px;
}

h1 a {
	height: 154px;
	position: relative;
	width: 214px;

}


/*-----
H2 IMAGE REPLACEMENT (PAGE TITLES)
-----*/


/*-----
Home
-----*/



#titleWelcome {
	background: url(../images/titles/welcome.gif) top left no-repeat;
	float: left;
 	height: 55px;
	margin-top: 0;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 690px;
}

#titleFeatured {
	background: url(../images/titles/homeTitles/featured.gif) top left no-repeat;
	float: left;
 	height: 55px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#titleMission {
	background: url(../images/titles/homeTitles/mission.gif) top left no-repeat;
	float: left;
 	height: 55px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#titleHosts {
	background: url(../images/titles/homeTitles/hosts.gif) top left no-repeat;
	float: left;
 	height: 55px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#titleStaff {
	background: url(../images/titles/homeTitles/staff.gif) top left no-repeat;
	float: left;
 	height: 55px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#titleLinks {
	background: url(../images/titles/homeTitles/links.gif) top left no-repeat;
	float: left;
 	height: 55px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}




/*-----
Programming
-----*/



#titleProgramming {
	background: url(../images/titles/programming.gif) top left no-repeat;
	float: left;
 	height: 55px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#breckenridgeProgramming {
	background: url(../images/titles/programmingEntities/breckenridgeProgramming.gif) top left no-repeat;
	float: left;
 	height: 113px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#dillonProgramming {
	background: url(../images/titles/programmingEntities/dillonProgramming.gif) top left no-repeat;
	float: left;
 	height: 128px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#friscoProgramming {
	background: url(../images/titles/programmingEntities/friscoProgramming.gif) top left no-repeat;
	float: left;
 	height: 122px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#silverthorneProgramming {
	background: url(../images/titles/programmingEntities/silverthorneProgramming.gif) top left no-repeat;
	float: left;
 	height: 129px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#schoolProgramming {
	background: url(../images/titles/programmingEntities/schoolProgramming.gif) top left no-repeat;
	float: left;
 	height: 116px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#summitProgramming {
	background: url(../images/titles/programmingEntities/summitProgramming.gif) top left no-repeat;
	float: left;
 	height: 150px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#bbArchive {
	background: url(../images/titles/videoArchive/bbArchive.gif) top left no-repeat;
	float: left;
 	height: 113px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#buArchive {
	background: url(../images/titles/videoArchive/buArchive.gif) top left no-repeat;
	float: left;
 	height: 113px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#tinArchive {
	background: url(../images/titles/videoArchive/tinArchive.gif) top left no-repeat;
	float: left;
 	height: 113px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#ccArchive {
	background: url(../images/titles/videoArchive/ccArchive.gif) top left no-repeat;
	float: left;
 	height: 150px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#dbaArchive {
	background: url(../images/titles/videoArchive/dbaArchive.gif) top left no-repeat;
	float: left;
 	height: 128px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#ddArchive {
	background: url(../images/titles/videoArchive/ddArchive.gif) top left no-repeat;
	float: left;
 	height: 128px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#duArchive {
	background: url(../images/titles/videoArchive/duArchive.gif) top left no-repeat;
	float: left;
 	height: 128px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#earthasArchive {
	background: url(../images/titles/videoArchive/earthasArchive.gif) top left no-repeat;
	float: left;
 	height: 154px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#earthfriendArchive {
	background: url(../images/titles/videoArchive/earthfriendArchive.gif) top left no-repeat;
	float: left;
 	height: 154px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#fofArchive {
	background: url(../images/titles/videoArchive/fofArchive.gif) top left no-repeat;
	float: left;
 	height: 122px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#fuArchive {
	background: url(../images/titles/videoArchive/fuArchive.gif) top left no-repeat;
	float: left;
 	height: 122px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#gsArchive {
	background: url(../images/titles/videoArchive/gsArchive.gif) top left no-repeat;
	float: left;
 	height: 154px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#libtalkArchive {
	background: url(../images/titles/videoArchive/libtalkArchive.gif) top left no-repeat;
	float: left;
 	height: 150px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#shsoutcarArchive {
	background: url(../images/titles/videoArchive/shsoutcarArchive.gif) top left no-repeat;
	float: left;
 	height: 116px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#smscomservArchive {
	background: url(../images/titles/videoArchive/smscomservArchive.gif) top left no-repeat;
	float: left;
 	height: 116px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#spaArchive {
	background: url(../images/titles/videoArchive/spaArchive.gif) top left no-repeat;
	float: left;
 	height: 122px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#ssigArchive {
	background: url(../images/titles/videoArchive/ssigArchive.gif) top left no-repeat;
	float: left;
 	height: 129px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#ssspotArchive {
	background: url(../images/titles/videoArchive/ssspotArchive.gif) top left no-repeat;
	float: left;
 	height: 116px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#suArchive {
	background: url(../images/titles/videoArchive/suArchive.gif) top left no-repeat;
	float: left;
 	height: 129px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#tinArchive {
	background: url(../images/titles/videoArchive/tinArchive.gif) top left no-repeat;
	float: left;
 	height: 113px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#vargoArchive {
	background: url(../images/titles/videoArchive/vargoArchive.gif) top left no-repeat;
	float: left;
 	height: 150px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}


#breckenridgeFeatures {
	background: url(../images/titles/videoFeatures/breckenridgeFeatures.gif) top left no-repeat;
	float: left;
 	height: 113px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#dillonFeatures {
	background: url(../images/titles/videoFeatures/dillonFeatures.gif) top left no-repeat;
	float: left;
 	height: 128px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#friscoFeatures {
	background: url(../images/titles/videoFeatures/friscoFeatures.gif) top left no-repeat;
	float: left;
 	height: 122px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#schoolFeatures {
	background: url(../images/titles/videoFeatures/schoolFeatures.gif) top left no-repeat;
	float: left;
 	height: 116px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#silverthorneFeatures {
	background: url(../images/titles/videoFeatures/silverthorneFeatures.gif) top left no-repeat;
	float: left;
 	height: 129px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#summitFeatures {
	background: url(../images/titles/videoFeatures/summitFeatures.gif) top left no-repeat;
	float: left;
 	height: 150px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}



/*-----
Broadcast Schedule
-----*/



#titleSchedule {
	background: url(../images/titles/schedule.gif) top left no-repeat;
	float: left;
 	height: 55px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#breckenridgeSchedule {
	background: url(../images/titles/schedule/breckenridgeSchedule.gif) top left no-repeat;
	float: left;
 	height: 113px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#dillonSchedule {
	background: url(../images/titles/schedule/dillonSchedule.gif) top left no-repeat;
	float: left;
 	height: 128px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#friscoSchedule {
	background: url(../images/titles/schedule/friscoSchedule.gif) top left no-repeat;
	float: left;
 	height: 122px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#schoolSchedule {
	background: url(../images/titles/schedule/schoolSchedule.gif) top left no-repeat;
	float: left;
 	height: 116px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#silverthorneSchedule {
	background: url(../images/titles/schedule/silverthorneSchedule.gif) top left no-repeat;
	float: left;
 	height: 129px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}

#summitSchedule {
	background: url(../images/titles/schedule/summitSchedule.gif) top left no-repeat;
	float: left;
 	height: 150px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}



/*-----
Contact
-----*/

#titleContact {
	background: url(../images/titles/contact.gif) top left no-repeat;
	float: left;
 	height: 55px;
	margin-bottom: 10px;
	text-indent: -5000px;
	width: 685px;
}



h3 {
    border-bottom: 2px solid #FFF;
	margin: 15px 25px 20px 25px;
	text-align: left;
}

h4 {
	border-bottom: 1px solid #000;
	color: #663300;
	font-size: 16px;
	margin: 15px 175px 10px 25px;
	text-align: left;
}

h5 {
	font-size: 14px; 
	margin: 20px 30px; 
	text-align: left;
}

h6 {
	font-size: 24px;
}



/*-------
Tabbed Navigtion (NavTab)
--------*/

#navtab {
	margin: 0;
	padding: 0;
	height: 34px;
	list-style: none;
	display: inline;
	
	overflow: hidden;
	width: 786px;
}

#navtab li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}

#navtab a {
	float: left;
	margin: 125px 0 0 25px;
	padding: 34px 0 0 0;
	overflow: hidden;
	height: 0px;
}

#navtab a:hover {
	background-position: 0 -34px;
}

#navtab a:active, #navtab a.selected {
	background-position: 0 -68px;

}


/*-----
Nav Tab Image Replacement
-----*/

#home a {
	width: 75px;
	background: url(../images/tabs/home.gif) top left no-repeat;
}

#programming a {
	width: 148px;
	background: url(../images/tabs/programming.gif) top left no-repeat;
}


#broadcastschedule a {
	width: 215px;
	background: url(../images/tabs/broadcastschedule.gif) top left no-repeat;
}

#contactus a {
	width: 125px;
	background: url(../images/tabs/contactus.gif) top left no-repeat;
}


/*-----
Internal Navigation (Nav)
-----*/

#nav {
	float: left;
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 20px 5px 20px 5px;
	width: 190px;
}


#nav li {
	height: 50px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: -5000px;
}

#nav a {
	float: left;
	margin: 0;
	padding: 50px 0 0 0;
	overflow: hidden;
	height: 0px;
}

#nav a:hover {
	background-position: 0 -50px;
}

#nav a:active, #nav a.selected {
	background-position: 0 -100px;

}

/*-----
Nav Image Replacement (Home)
-----*/

#about a {
	width: 190px;
	background: url(../images/nav/about.gif) top left no-repeat;
}

#blog a {
	width: 190px;
	background: url(../images/nav/blog.gif) top left no-repeat;
}

#mission a {
	width: 190px;
	background: url(../images/nav/mission.gif) top left no-repeat;
}

#hosts a {
	padding: 83px 0 0 0;
	width: 190px;
	background: url(../images/nav/hosts.gif) top left no-repeat;
}

#hosts a:hover {
	background-position: 0 -83px;
}

#hosts a:active, #hosts a.selected {
	background-position: 0 -166px;

}

#staff a {
	width: 190px;
	background: url(../images/nav/staff.gif) top left no-repeat;
}


#links a {
	width: 190px;
	background: url(../images/nav/links.gif) top left no-repeat;
}

/*-----
Nav Programming (and Broadcast Schedule) Image Replacement
-----*/

#breckenridge a {
	width: 190px;
	background: url(../images/nav/breckenridge.gif) top left no-repeat;
}

#dillon a {
	width: 190px;
	background: url(../images/nav/dillon.gif) top left no-repeat;
}

#frisco a {
	width: 190px;
	background: url(../images/nav/frisco.gif) top left no-repeat;
}

#school a {
	width: 190px;
	background: url(../images/nav/school.gif) top left no-repeat;
}

#silverthorne a {
	width: 190px;
	background: url(../images/nav/silverthorne.gif) top left no-repeat;
}

#summit a {
	width: 190px;
	background: url(../images/nav/summit.gif) top left no-repeat;
}

/*-----
Nav Contact Image Replacement
-----*/

#contact {
	width: 190px;
	background: url(../images/nav/contact.gif) top left no-repeat;
}







	

/*-----
Content
------*/

#wrapper {
	background: url(../images/backgrounds/background.gif)  repeat-y;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0;
	width: 900px;
}

#top {
	background: url(../images/header.jpg);
	height: 163px;
	width: 900px;	
}

#header { 
	float: left;
	height: 154px;
	margin-bottom: 9px;
	width: 214px;
}

#content {
	float: left;
	margin: 0 10px 10px 10px;
	width: 680px;
}

#content li {
	font-size: 12px;
	font-weight: bold;
	list-style: none;
	text-align: left;
	text-decoration: none;
	margin-left: 35px;
	margin-bottom: 10px
}



#content a {
	color: #000099;
}



#featured {
	background-color: #CCFFFF;
	border: solid 2px #666666;
	height: 180px;
	margin: 10px 40px;
	width: 600px;
}

#featured li {
	margin: 10px 0;
}

#featured a {
	border: solid 2px #330033;
	float: left;
	height: 0;
	margin: 10px 0 10px 19px;
	overflow: hidden;
	padding: 115px 0 0 0;
	width: 174px;
}

#featpic1 {
	background: url(../images/video/tinshop.jpg);
}

#featpic2 {
	background: url(../images/video/dfm.jpg);
}

#featpic3 {
	background: url(../images/video/breckbikes.jpg);
}

#featured a:hover {
	background-position: 0 -115px;
	border: solid 2px #0000CC;
}


#featone {
	float: left;
	height: auto;
	margin-left: 18px;
	margin-right: 10px;
	width: 172px;
}



#featone p {
	font-size: 12px;
	margin: 0 5px 10px 5px;
	text-align: center;
}

#feattwo {
	float: left;
	height: auto;
	margin-left: 18px;
	margin-right: 10px;
	width: 172px;
}

#feattwo p {
	font-size: 12px;
	margin: 0 5px 10px 5px;
	text-align: center;
}

#featthree {
	float: left;
	height: auto;
	margin-left: 18px;
	margin-right: 10px;
	width: 172px;
}

#featthree p {
	font-size: 12px;
	margin: 0 5px 10px 5px;
	text-align: center;
}

#staffcontact li {
	font-size: 14px;
	margin-bottom: 5px;
	text-align: left;
}

#staffcontact ul {
	margin-bottom: 20px;
}

#staffcontact a {
	font-size: 12px;
	text-decoration: none;
}

#staffcontact a:hover {
	color:#3300FF;
}

#footer {
	background: url(../images/backgrounds/footer.gif) no-repeat bottom left;
	float: left;
	height: 20px;
	margin: 0;
	width: 900px;
}

/*-----
Styling
------*/

.featuredvideopic {
	border: solid 2px #330033;
	float: left;
	margin: 10px 0 10px 19px;
}


.featuredvideopic:hover {
	border: solid 2px #0000CC;
}

.hosts {
	border: none;
	float: left;
	margin: 20px 10px;
	padding: 0;
}

.hosts:hover {
	border: none;
}

.blog {
	border: 1px solid #000;
	float: left;
	padding: 0;
	margin: 0 340px 20px 100px;
}

.blog:hover {
	border: 1px solid #3366FF;
	float: left;

}

.highlight { color: #FFFF99 }

.lowlight { color: #000033 }

.thirtytwo { font-size: 32px }