@charset "UTF-8";

	/* reset tags to reduce browser inconsistencies */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
	   {margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;}

	/* forces vertical scroll bar to eliminate jumping on short pages */
	html {
		overflow-y: scroll;}

	body {
		font-size: 100%;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		line-height: 150%;
		color: #000;
		background: #71ccf3;
		text-align: center;}

	#bkrnd {
		background:url(images/bkrnd.jpg) repeat-x;
		overflow: visible;
		display: block;
		clear: both;

	}
	
	#container { 
		width:999px;
		margin-left: auto; 
		margin-right: auto;
		text-align: left;
		display: block;
		clear: both;

}

	
	h1 {
		font: bold 17px/21px Georgia, "Times New Roman", Times, serif; 
		color: #931c12;
		margin-top: 10px;
		margin-bottom: 20px;}
	
	p  {
		font: 12px/14px Arial, Helvetica, sans-serif;
		margin-bottom: 18px;}

	a {color: #005596;}
	a:active {outline: none;} /* removes outline on clicked links in FF browsers */
	a:focus {-moz-outline-style: none;}
	a:hover {color: #000;}

	.hide { 
	 		/* use this class on things that are should not show on computer screens. */
			display: none !important;
		}


	/* start unique DIV areas by ID  
	-------------------------------------------------- */
	
	
/*--------- COLOR GUIDE ------------

Dark Blue --------- #123c65
Medium Blue ------- #1b63a0
Cyan Blue --------- #71ccf3
Red --------------- #931c12
Gold -------------- #ffd250
Medium Gray ------- #666666          */
	
	
	
	.topmsg {
		xwidth: 999px;
		xheight: 22px;
		padding: 3px;
		overflow:visible;}
	
	.topmsgdarkblue {
		background:#123c65;
		color: #fff;
		font: bold 11px/13px Arial, Helvetica, sans-serif;}
		
	.topmsgdarkblue a {
		color: #fff;}

	
	.topmsgcyanblue {
		background:#71ccf3;
		color:#123c65;
		font: bold 12px/15px Georgia, "Times New Roman", Times, serif;}
	
	.topmsgredalert {
		background:#931c12;
		color: #fff;
		font: bold 12px/15px Georgia, "Times New Roman", Times, serif;}
	
	
	
	#lcol {
		width:240px;
		float: left;
		display: block;
	}
	
	#mcol {
		width:533px;
		float: left;
		display: block;
		position: relative;

	}
	
	#rcol {
		width:222px;
		float: left;
		display: block;
	}
	
	#footer {
	clear: both;
	padding-top: 15px;}
	
	
	#welcome {
		width: 190px;
		margin-left: 10px;
		margin-top: 11px;
		background: #fff url(images/brknd-white.jpg) no-repeat;
		padding:10px;
		border-left:2px solid #1b63a0;
		border-bottom:2px solid #1b63a0;
	}
	
	#welcome p {
		color: #666666;
	}
	
	#banner {
	height:100px;
	position: relative;
	top: 25px;
	left: 30px;
	}
	
	#player {
		position: relative;
		background:url(images/mwr-radio-player.png);
		width:514px;
		height:401px;
		xmargin-top:-15px;
	}
	
	#player ul {
		display: block;
		float: left;}
	
	#player li {
		display: block;
		position: relative;
		top: 120px;
		left: 47px;
		text-indent:15px;
		margin-bottom: 5px;
		list-style:none;
	}
	
	#player li a {
		display: block;
		width:220px;
		height: 27px;
		font: bold 12px/28px Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		background: url(images/radio-button.png) no-repeat;
		text-decoration:none;
	}
	
	#player li a:hover {
		color: #ffd250;
		text-decoration:none;
	}
	
	#player li a:focus, .channelon {
		color: #ffd250;
		background: url(images/radio-button-r.png) no-repeat;
		text-decoration:none;
	}
	
	.channelb {background-position: -6px 0 !important;}
	.channelc {background-position: -12px 0 !important;}
	.channeld {background-position: -18px 0 !important;}
	.channele {background-position: -24px 0 !important;}
	.channelf {background-position: -30px 0 !important;}

	
	#playerframe {
		position: absolute;
		float: left;
		xleft: 289px; /* margin-left used instead of left absolute positioning for IE6 fix   */
		margin-left: 70px;
		top: 33px;
		width: 199px;
		height: 329px;
	}
	
	#amazonbox {
		position: relative;
		width: 514px;
		height: 193px;
		margin-top: 5px;
		background:url(images/bkrnd-carousel.gif) no-repeat;
	}
	
	#twitter, #broadcasts {
		width: 190px;
		margin: 20px 0;
		background: #ffd250 url(images/bkrnd-gold.jpg) no-repeat;
		padding:10px;
	}
	
	#twitter ul {
		list-style:none;
		margin-top: 20px;
		margin-left: 0;
		padding-left:6px;
		text-align:left;
		font-size:10px/12px;
	}
	
	#twitter li {
		font: 11px/13px Arial, Helvetica, sans-serif;
		margin-bottom: 18px;
		color: #000;
	}
	
	#twitter_update_list a {
	color: #000;}
	
	
	#footer p {
	width:800px;
	margin-left: auto;
	margin-right:auto;
	text-align:center;
	font: 10px Arial, Helvetica, sans-serif;
	color: #005596;
	}