/* Lansing Community College, Lansing, MI */

body {
	margin: 0; 
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	background: #001441; /* background image property is at the bottom of this page */
}

#pageWrapper {
	margin: 0 auto;
	text-align: left;
	/* IE 5.5 width hack */
	width: 972px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	/* end IE 5.5 width  hack */
	
	/* all other browsers */
	width:970px;
}

.textOnly {
	display: none;
}

img {
	border: none;
}

/*---------------------------------------------------------------
global clear floats */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*---------------------------------------------------------------
global header */

#header {
	height: 126px;
	
}

#logo {
	width: 206px;
	height: 126px;
	float: left;	
}

#utilities {
	width: 760px;
	height: 57px;
	margin: 6px 4px 0 0;
	float: right;
	text-align: right;
}

/* IE 7 and below selector */
*:first-child+html #utilities {
	margin: 6px 0 0 0;
}

/* IE 6 and below selector */
* html #utilities {
	margin: 6px 0 0 0;
}

#utilities ul {
	margin: 0 0 10px 0;
	padding: 0;
}

#utilities ul li {
	display: inline;
	margin: 0 0 0 0;
	padding-right: 8px;
	padding-left: 10px;
	color: #4887cd;
	border-left: 1px solid #13529a;
}

#utilities a:visited {
	color: #4887cd;
	text-decoration: none;
}

#utilities a {
	color: #4887cd;
	text-decoration: none;
}

#utilities a:hover  {
	color: #4887cd;
	text-decoration: underline;
}

/*---------------------------------------------------------------
navigation */

#navigation {
	width: 764px;
	height: 34px;
	margin: 29px 0 0 0;
	float: right;
	vertical-align: text-bottom;
	text-align: right;
	color: #dedede;
}

#navigation ul {
	padding: 9px 0 9px 0;
	margin: 0 0 0 0;
	list-style-type: none;
	text-align: right;
}

#navigation ul li {
	display: inline;
	line-height: 17px;
}

#navigation ul li a {
	text-decoration: none;
	padding: 9px 35px 9px 35px;
	margin: 0 0 0 0;
	font-size:  13px;
	font-weight: bold;
	color: #dedede;
	border-left: 1px dotted #185dab;
}

#navigation ul li a:visited {
	text-decoration: none;
}

#navigation ul li a:hover {
	text-decoration: none;
	background: #0a2c63; 
	color: #dedede;
}

#navigation .navOn {
	background: #092c64;			
}

#content {
	width: 970px;
	margin: 0 0 0 0;
	background: #1658a2 url(/radio/images/bg-body-gradient2.jpg) repeat-x;
}

/*---------------------------------------------------------------
center content column */

#centerCol {
	display: inline;
	margin: 0 0 0 0;
	padding: 0 13px 13px 13px;
	width: 700px;
	float: left;
}
#centerCol #slideShow {
		margin: 13px 0 0 0;		
}

#centerCol .blurbWrapper {
		background: url(/radio/images/bg-blurb-wrapper.png) repeat;
		margin: 13px 0 0 0;		
}

#centerCol .blurb {
		margin: 0 4px 4px 4px;
		padding: 8px 8px 8px 8px;
		background: #165aa5 url(/radio/images/bg-blurb-gradient.png) repeat-x; 	
}

/*--------------------------------------------------------------- By: John - Date: 10/15/10
365 player */

/* 
Helpful link on Iframes and IE 7/8:  
http://www.webdeveloper.com/forum/showthread.php?t=156525 
*/

#centerCol #playerWrapper {
		background: url(/radio/images/bg-blurb-wrapper.png) repeat;
		margin: 13px 0 0 0;
		border:0 none silver;		
}

#centerCol #player {
		margin: 0 4px 4px 4px;
		padding: 8px 8px 8px 8px;
		background: #165aa5 url(/radio/images/bg-blurb-gradient.png) repeat-x;
		border:0 none silver;
}
#centerCol iframe{
		border:0px solid #165aa5;
}
#centerCol table td{
		border:0px solid #165aa5;	
}
/*---------------------------------------------------------------*/

/* main text */
#centerCol h2 {
	margin: 0;
	padding: 3px 3px 4px 12px;
	font-size: 155%;
	font-weight: normal;
	color: #eeeeee;
}

#centerCol .blurb p {
	margin-top: 0;
	padding: 0 0 0 0;
	font-size: 105%;
	line-height: 17px;
	color: #dedede; 
}

#centerCol .blurbWrapper .blurb table {
	color: #dedede;
	background: #2a67ab
}

#centerCol .blurb img {
	float: left;
	margin: 3px 8px 0 0			
}

#centerCol .blurb ol {
	line-height: 17px;
	font-size: 105%;
	color: #dedede;
}

#centerCol .blurb ul {
	margin-top: 0;
	line-height: 17px;
	font-size: 105%;
	color: #dedede;
}

#centerCol h5 {
	margin: 9px 0 12px 0;
	font-size: 115%;
	color: #eeeeee;
}

#centerCol h4 {
	margin: 9px 0 12px 0;
	font-size: 115%;
	color: #eeeeee;
}

#centerCol h3 {
	margin: 24px 0 12px 0; /*top was 19*/
	font-size: 125%;
	color: #eeeeee;
}

#centerCol a:visited {	
	color: #b4d5ed;
	text-decoration: underline;
}

#centerCol a {	
	color: #b4d5ed;
	text-decoration: underline;
}

#centerCol a:hover  {
	color: #b4d5ed;
	text-decoration: none;
}

/*---------------------------------------------------------------
two column blurb */

.blurbTwoColLeft {
	width: 334px;
	height: 150px;
	float: left;
	margin-right: 8px;			
}

.blurbTwoColRight {
	width: 334px;
	height: 150px;
	float: right;			
}



/*---------------------------------------------------------------
right column */

#rightCol {
	display: inline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 244px;
	float: right;
}

#rightCol .connectedWrapper {
	margin: 13px 13px 0 0;
	padding: 0 0 0 0;
}

#rightCol .happeningsWrapper {
	margin: 13px 13px 0 0;
	padding: 0 0 0 0;
}

#rightCol .tweetsWrapper {
	margin: 0 13px 0 0;
	padding: 0 0 0 0;
}

#rightCol .connectedContent {
	margin: 0 0 0 0;
	padding: 8px 8px 0 8px;
}

#rightCol .tweet {
	margin: 0 0 0 0;
	padding: 8px 8px 0 8px;
}

#rightCol .happeningsContent {
	margin: 0 0 0 0;
	padding: 8px 8px 0 8px;
}

#rightCol .happeningsWrapper h3 {
	margin: 0;
	padding: 3px 3px 4px 12px;
	font-size: 155%;
	font-weight: normal;
	color: #eeeeee;
	background: #1b3867
}

#rightCol .tweetsWrapper h3 {
	margin: 0;
	padding: 0 3px 4px 12px;
	font-size: 155%;
	font-weight: normal;
	color: #eeeeee;
	background: #2a67ab;
}

#rightCol .connectedWrapper h3 {
	margin: 0;
	padding: 3px 3px 4px 12px;
	font-size: 155%;
	font-weight: normal;
	color: #eeeeee;
	background: #2a67ab;
}

#rightCol p {
	margin-top: 0;
	padding: 0 0 0 0;
	line-height: 17px;
	color: #dedede; 
}

#rightCol .connectedContent img {
	margin: 6px 0 8px 13px;			
}

/* left navigation */
#rightCol .happeningsContent ul {
	padding: 10px 0 0 0;
	margin: 0 6px 0 9px;
	line-height: 17px;
	list-style-type: none;
	text-align: left;
}

#rightCol .happeningsContent ul ul {
	padding: 2px 0 0 0;
	margin: 0 6px 0 9px;
	line-height: 14px;
	list-style-type: none;
	text-align: left;
}

#rightCol .happeningsContent ul li {
	margin: 0 0 12px 12px; 
	padding: 0 0 0 0;
	color: #dedede;
	list-style-image: url('/radio/images/icon-list-arrow-ff.gif');
}

/* IE 7 and below selector */
*:first-child+html #rightCol .happeningsContent ul li {
	margin-left: 8px;
	list-style-image: url('/radio/images/icon-list-arrow-ie.gif');
}

/* IE 6 and below selector */
* html #rightCol .happeningsContent ul li {
	margin-left: 8px;
	list-style-image: url('/radio/images/icon-list-arrow-ie.gif');
}

#rightCol a:visited {	
	color: #b4d5ed;
	text-decoration: underline;
}

#rightCol a {	
	color: #b4d5ed;
	text-decoration: underline;
}

#rightCol a:hover {
	color: #b4d5ed;
	text-decoration: none;
}

/*---------------------------------------------------------------
twitter */

#rightCol .tweet ul {
	line-height: 17px;	
	margin: 0;
	padding: 0;		
	border: 1px solid #2a67ab;
}

#rightCol .tweet .tweet_list {
	list-style-type: none;
	margin: 6px 0 8px 4px;
	padding: 0;
	background-color: #2f517d/* #2964a7 */
}

#rightCol .tweet .tweet_list li {
	color: #dddddd; 
	padding: 4px 7px 7px 7px;

}

#rightCol .tweet .tweet_list li a {
	color: #b4d5ed; 
}
    
#rightCol .tweet .tweet_list .tweet_even {
	background-color: #2b4569; /* #1d5595 */
}
        
#rightCol .tweet .tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left; 
}
            
#rightCol .tweet .tweet_list .tweet_avatar img {
	vertical-align: middle;
	margin: 3px 0 0 0;
}

/*---------------------------------------------------------------
footer */

#footer {
	text-align: center;
	margin: 0 0 0 0;
}

#footer ul {
	margin: 8px 0 0 0;
	padding: 0;
}

#footer ul li {
	display: inline;
	margin: 0 0 0 0;
	padding-right: 5px;
	padding-left: 7px;
	color: #4887cd;
	border-left: 1px solid #13529a;
}

#footer p.secondLine {
	margin: 6px 0 6px 0;
	font-size: 95%;
	color: #999;
}

#footer a:visited {
	color: #4887cd;
	text-decoration: none;
}

#footer a {
	color: #4887cd;
	text-decoration: none;
}

#footer a:hover  {
	color: #4887cd;
	text-decoration: underline;
}

/* so the background drop shadow dosn't load first on slow connections */
body {
	background: #001441 url(/radio/images/bg-gradient.jpg) top center no-repeat;
}