html,body{height: 100%; margin:0;padding:0}



body{font: 76% arial,sans-serif;text-align:center; background: #999 url(../images/back.png); background-position: 50% 0; background-repeat: repeat-y;}

p{margin:0 10px 10px}

 

div#header { 

 height: 95px; padding:10px; background: #fff url(../images/new-header.png); background-position:0 0;  background-repeat: repeat-x; background-color: white; border-bottom: 3px solid #656565;}

*html div#header {padding: 0;}

div#header img{border: none;}



h1.headertag { 

  float: right; color: #0076BE; font-size: 1.5em; margin: 10px 40px 0 0;}

  



div#container{text-align:left; width:700px; margin:0 auto; background: transparent;}



div#content{float:left;width:400px; padding: 15px; }

div#content p{line-height:1.4}

div#content p.large {font-size: 1.5em;}

div#content h1 { color: #666; font-weight: normal; margin: 0 0 15px 0 ; padding: 0; }



div#content  img {/*float: right;*/}



.floatRight {float: right;}

div#content h2 { color: #369; font-weight: normal; margin: 0 0 10px 0 ; padding: 0;}

div#content h2.schedule {color: #000; }

div#navigation{color: white; background:transparent; padding: 10px; float:right;width:230px}



div#extra{clear:both;width:100%}



div#footer{clear:both;/* background: #fff url(../images/sloppy-rule.png); background-position:0 15px; background-repeat: repeat-x;*/ color: #0076BE; width: 680px; padding: 10px 10px; text-align: left; 	margin: 0 auto ;}



div#footer p{clear:both; margin:0;padding:5px 10px;}



 /*#nonFooter

	{

		position: relative;

		min-height: 100%;

	}



	* html #nonFooter

	{

		height: 100%;

	}



	#footer

	{

		position: relative;

		margin: -7.5em auto 0 auto;

	}



	/* A CSS hack that only applies to IE -- specifies a different height for the footer  



	* html #footer

	{

		margin-top: -7.4em;

	}*/



 



#navlist

{

font-family: arial;

margin-top: 75px!important;

padding: 5px 0 20px 10px!important;

 

}



*html #navlist {margin-top: 85px!important; padding-bottom: 10px!important; margin: 0 0 10px ;}

*+html #navlist {margin-top: 85px!important;}



#navlist ul, #navlist li

{

margin: 0!important;

padding: 0!important;

display: inline!important;

list-style-type: none!important;

}



#navlist a:link, #navlist a:visited, #navlist a:hover

{

float: left!important;

line-height: 14px!important;

font-weight: bold!important;

margin: 0 10px 4px 10px!important;

text-decoration: none!important;

color: #fff!important;

}



 div.xhtmlNow {float: right!important; background: red; width: 1500px;}



img {border: none;}



.bold {font-weight: bold;}



@media print {

 

html, body { 

	background-color: white !important;

  	background-image: none !important;

	font:	7pt  "Times New Roman", serif;

	padding: 0 5%;

	}

div#header {display: none;}

	

div#navcontainer {display: none;}

a:link, a:visited {

	color: blue;

	background: transparent;

	text-decoration: underline;

	}

div#mainPad, #pageContentHome div#homeContentleft {

	width: auto;

	border: 0;

	margin: 0;

	padding: 0;

	float: none !important; /*Gecko-based browsers like Netscape 6.x or Mozilla have a problem with printing long floated elements.*/

	}

h2 {font:	9pt  "Times New Roman", serif; margin: 0;margin-top: 10pt; padding: 0;}

div.navigationA, div#leftBar, div#skyscraper, div#pageFooter, ul#nav {display: none;}

	

ul {margin: 0; padding:0;}

ul li {font:	8pt  "Times New Roman", serif; margin: 0; padding:0; }

 

div#playListPage div {float: left; width: 195px;}





div#navigation {display: none;}

}