/* ******************************************************************** */ 
/*                              CSS PAGE                              	           */
/* ******************************************************************** */

html, body{
 margin:0;
 overflow:hidden;
 font-family:Lucida Grande, Helvetica, Arial, sans-serif;
 } 
  

#pagewidth{
position:fixed;
width:100%;
}

iframe {
overflow:hidden;
} 

#top {
 height:auto; 
 width:100%;
 display:block;
 overflow:hidden;
} 
 
#leftcol{
 position:relative; 
 right:5px;
overflow:hidden;
 }
 
#rightcol{
 float:right; 
 position:relative; 
  }
 
#footer{
 padding-bottom:5px;
 position:fixed;
 bottom:0px;
 text-align:center; 
 overflow:hidden; 
 width:100%; 
 background-color:#20232c; 
 display:block;
 text-transform:uppercase; 
 font-size:11px; 
 letter-spacing:1px;
color: #0066aa;
} 
 
hr.thin{
height: 1px;
border: 0;
color: #333;
background-color: #333;
width: 80%;
}
 
 
A:link { text-decoration: none; }
A:active { text-decoration: none; }
A:visited { text-decoration: none; }

.dateTime, .ampm {
	color:#F0F0F0;
/*	text-shadow: 1px 1px 1px #000000; */
}
.dateTime {font-size:150%;line-height:130%; margin-right:10px;}

 /* DS Format (No Modifications Needed) */
/*
.eventtitle, .eventmessage, .eventnote {padding:0px 10px 0px 10px;white-space:nowrap;overflow:hidden;} .eventnote {width:94%;}
.eventmessage {white-space:nowrap;overflow:hidden;width:94%;overflow:hidden;text-overflow: ellipsis;}
.timestamp {text-align:left;margin-left:20px;margin-right:5px;padding:0px 10px 2px 10px;white-space:nowrap;text-transform:lowercase;}

.tmsg {float:left; width:200px;}
.dmsg {position:relative; margin-left:200px;}
*/

/* ******************************************************************** */ 
/*                         TICKER ITEM                               		        */
/* ******************************************************************** */

#vertical-ticker{
	margin:0; 
	padding:0;
	height:75px;
	overflow:hidden;
}


#vertical-ticker li.content{
	display:block;
	border-bottom:1px solid #ddd;
	text-align:center;
	text-align:left;

}

 

/*TICKER STYLE THREE*/

/* STYLES */

.eventtitle {font-weight:bold;}
.timestamp {font-weight:bold;}
.eventtitle, .eventmessage, .eventnote {color:#000000;
	/* text-shadow: 1px 1px 1px #ffffff; */
}

/* BORDERS */
.tickeritem {border-top:1px #9ecabb solid;}

/* BACKGROUNDS */
.timestamp {background:url(../img/arrow.png) center right no-repeat;}
/*
.tickeritem 
{
overflow: hidden;	
opacity:0.9;
/*background: #99CCFF;*/
background:transparent;
}
*/

















		/* ------------- */	
		
		p
		{
		display:inline;
		}

		
		/* ------------- */	
		
		.tickeritem
		{
		position:relative; 
		overflow:hidden;
		}
		
		
		/* ------------- */
		
		
		.tickeritem .bg
		{
			position:absolute; 
			z-index:1; top:0%;  
			width:100%; 
			height:100%;
		}
		
		
		.tickeritem .content 
		{
			position:relative; 
			z-index:5; 
			top:0px;  
			width:100%; 
			height:100%; 
		
		}
		
		/* ------------- */
				
		.tickeritem .content .left
		{
			float:left; 
			height:100%; 
			background-color:transparent; 
			text-align:center; 
			padding-left:5px;
			max-width:145px;
		}
		
		
		
		.tickeritem .content .right
		{
			 float:right;  
			 height:100%; 
			 background-color:transparent; 
			 text-align:center; 
			 padding-right:5px;
			max-width:150px;
		}
		
		
		.tickeritem .content .middle
		{
			height:100%; 
			background-color:transparent; 
			text-align:left; 
			padding-right:10px; 
			padding-left:10px; 
			overflow:hidden;
		}
		
		
		
		/* ------------- */
		
		
		.tickeritem .content .left #top , .tickeritem .content .left #bot , .tickeritem .content .right  #top,   .tickeritem .content .right #bot
		{
			height:50%;
			overflow:hidden;
			font-size:10pt;line-height:100%;
		}
		

		.tickeritem .content .left #top
		{
			/*font-size:19pt;line-height:160%;*/
		}


		.tickeritem .content #top, .tickeritem .content #mid
		{
		 /*margin-top: 5px; */
	    	/*margin-bottom: -5px;*/
		}		
		
		/* ------------- */
		
		.tickeritem .content .middle  #top
		{
			min-height:1px;
			max-height:33%;
			overflow:hidden;
		}		
		
		
		.tickeritem .content .middle  #mid 
		{
			/*height:33%;*/
			height:auto;
			overflow:hidden;
			font-size:150%;line-height:150%
		}
		
		
		.tickeritem .content .middle  #bot 
		{
			height:auto;
			overflow:hidden;
			font-size:90%; color:#026697;
			/* text-shadow: 1px 1px 1px #ffffff; */
		}
		

/* FONTS */
.eventmessage{font-size:110%;}
.timestamp, .eventtitle {font-size:150%;line-height:150%;}
.eventnote {font-size:90%; color:#026697;
	/* text-shadow: 1px 1px 1px #ffffff; */
}

 
/* ******************************************************************** */ 
/*                            Clearfix                               		 */
/* ******************************************************************** */
.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 */