/* General */
	body{
	background: url(images/backgrounds/music012.gif) repeat;
	position: relative;
	margin: 0px auto -75px auto;
	font: 12px "Lucida Sans Unicode", "Lucida Sans Typewriter", "Lucida Bright", Georgia, Courier;
	color: 043777;
	}

    h1{
    	color: #043777; 
		font-family: Georgia,"Times New Roman",Times,serif; 
		margin: 0px; 
		padding: 0px;
		}

	
	#container {
		background: url(images/bgwhite.gif) repeat;
		height: 1%;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}
	#header {
		background: url(images/bgwhite.gif) repeat-y;
		height: 160px;
		padding: 0px;
		margin: 0px auto;
		background-position: top;
	}
	#banner {
		background-image: url(images/logo.jpg);
		background-repeat: no-repeat;
				height: 170px;
		background-position: top center;
		margin-right: 10px;
	}
	#sailogo {
		position:relative;
		top:-80px;
		left:15px
	}

	#content {
		width: 550px;
		float: right;
		clear: none;
		padding-left: 10px;
		margin: 5px 0px 5px 3px;
		border-left:dotted thin

	}
	
/* white background image */
#textbox { float: left; clear: none; width: 760px; }

#textbox .top { background: url(images/bgwhitetop.gif) top left no-repeat; 
		margin-top: 30px;
		margin-left: 5px}
	

		
	#textbox .body {
		background: url(images/bgwhite.gif) repeat-y;
		height: 1%;
		margin-left: 5px;
		margin-top: -7px;
		margin-bottom: auto;
		padding: 5px;
		overflow: hidden;
}
html>body .body {
height: auto
} 
	#textbox .bottom {
		background: url(images/bgwhitebottom.gif) no-repeat;
		margin-left: 5px;
		position: relative; 
		top:-76px;
	}
	
/* news box */
#newsbox { float: right; clear: none; width: 260px; }

#newsbox .top { background: url(images/newsbgtop.gif) top left no-repeat; 
margin-top: 5px; height: 32px; 
}
	
	#newsbox .body {
		background: url(images/newsbg.gif) repeat-y;
		margin-left: 5px;
		margin-right: 5px;
		padding: 5px;
		overflow: hidden;}
	#newsbox .bottom2 {
		background: url(images/newsbgbottom.gif) no-repeat;
		margin-left: 5px;
		margin-bottom: 5px;
	}
		
	/* sidebarintro */
	#sidebarintro {
		float: left;
		width: 160px;
		margin: 5px 0px 5px 10px;

	}
	
	#sidebarintro .top {
		height: 15px;
		margin-left: 1px;
		overflow: hidden;
	}
	
	#sidebarintro .top p {
		color: #3E3C58;
		padding: 0px 20px 10px;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		margin: auto;
		vertical-align: top;

	}
	
	#sidebarintro .intro {
		margin-left: 1px;
		margin-top: 0px;
		margin-bottom: auto;

	}
	#sidebarintro .intro .sidetext {
		background: url(images/dkbutton.gif) no-repeat;
		font-size: 12px;
		color: #C2814F;
		padding-top: 1px;
		padding-right: 25px;
		padding-left: 15px;
		padding-bottom: 5px;
	}
	#sidebarintro .intro .selectedsidetext {
		background: url(images/ltbutton.gif) no-repeat;
		font-size: 12px;
		color: #C2814F;
		padding-top: 1px;
		padding-right: 25px;
		padding-left: 15px;
		padding-bottom: 5px;
	}
	#sidebarintro .intro .sidetext a{
		color: #ffffff;
	}
	#sidebarintro .intro .sidetext a:hover{
		color: #ecce74;
	}
	#sidebarintro .intro .sidetext h2 {
		font-size: 16px;
		font-weight: normal;
		color: #415A96;
		margin: 0px;
	}
	#sidebarintro .intro .selectedsidetext a{
		color: #062352;
	}
	#sidebarintro .intro .selectedsidetext h2 {
		font-size: 16px;
		font-weight: normal;
		color: #415A96;
		margin: 0px;
	}
	#sidebarintro .bottom {
		background: url(images/side_bottom.gif) no-repeat;
		margin-left: 1px;
		height: 48px;
	}	
	

	
a {
	color: #043777;
	text-decoration: none;
	}

a:focus {
overflow-x: hidden;
overflow-y: hidden;
}
	

			.container_wrapper a {
				text-decoration: none;
				color: #043777;
		}

.container_wrapper a:hover {
	text-decoration: underline;
		}

	.BrowseResults { width: 760px; float: left; padding: 0px 0px 0px 12px; margin: 0px; }
	
		.Promotions { padding-bottom: 13px; }
		.Promotions table { width: 760px; margin-bottom: 13px; }
		
		.htmlPromo { float: left; clear: none; width: 524px; height: 200px; background: url(images/promoBg2.gif) top left no-repeat; }
			.htmlPromoContent { margin: 0px; height: 200px; }

			.htmlPromoNav {
	width: 465px;
	height: 27px;
	float: left;
	border: 1px solid #4D2103;
	background: url(images/promoNavBg.gif) top left repeat-x;
}
			.htmlPromoNav ul { padding: 0px 0px 0px 10px; margin: 0px; }
			.htmlPromoNav li { padding: 6px 10px 0px 10px; margin: 0px; float: left; font-weight: bold; font-size: 1em; height: 21px; background: url(images/promoBullet.gif) 0px 10px no-repeat;}
			.htmlPromoNav li.on {background: url(images/promoBulletOn.gif) 0px 10px no-repeat;}
			.htmlPromoNav li.on a { color: #fff !important;}
			.htmlPromoNav li.on a:hover { color: #fff !important; text-decoration: none !important; cursor: default !important;}
			.htmlPromoNav li a { color: #E2C68C !important; }
			.htmlPromoNav li a:hover { color: #E2C68C !important; }
			
		.htmlPromoButtons ul {
	float: right;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative; bottom: 29px;
}
		.htmlPromoButtons ul li { color: #ffeea5; font-size: 1px; float: left; }
		.htmlPromoButtons ul li a { color: #fff; text-decoration: none !important; display: block; background: url(images/pauseplay.gif) no-repeat !important; }
		.htmlPromoButtons ul li a b { position: relative !important; left: -9999px !important; }
		.htmlPromoButtons ul li a:hover { text-decoration: none !important; }
		
		.htmlPromoButtons ul li.pn1 a { background-position: 0px 0px !important; width: 30px; height: 29px; }
			.htmlPromoButtons ul li.pn1 a:hover { background-position: 0px 0px !important;}
			.htmlPromoButtons ul li.pn1 a.on { background-position: 0px -27px !important; text-decoration:none;}
			.htmlPromoButtons ul li.pn1 a.on:hover { background-position: 0px -27px !important; text-decoration:none; cursor: default !important;}
			
		.htmlPromoButtons ul li.pn2 a { background-position: -30px 0px !important; width: 27px; height: 29px; }
			.htmlPromoButtons ul li.pn2 a:hover { background-position: -30px 0px !important;}
			.htmlPromoButtons ul li.pn2 a.on { background-position: -30px -27px !important; text-decoration:none;}
			.htmlPromoButtons ul li.pn2 a.on:hover { background-position: -30px -27px !important; text-decoration:none; cursor: default !important;}
		
		.htmlPromoContent.text { height: 175px; padding: 15px 0px 0px 16px;}
		  .htmlPromoContent .promoWrapper1 {float: left; clear: none; width: 160px;}

		  .htmlPromoContent .promoWrapper2 {float: left; clear: none; width: 332px;}
  		.htmlPromoContent .promoWrapper2 img.promoImage {border: 1px solid #c6a86f;}
  		.htmlPromoContent .promoWrapper2 h1 {color: #043777; font-family: Georgia,"Times New Roman",Times,serif; margin: 0px; padding: 0px;}
  		.htmlPromoContent .promoWrapper2 p {color: #572906;}
  		.htmlPromoContent .promoWrapper2 a {
	color: 043777;
}
  		.htmlPromoContent .promoWrapper2 a:hover {
	color: 043777 !important;
}
  		.htmlPromoContent .promoWrapper2 ul {color: #043777; margin-bottom: 14px;}
			.htmlPromoContent .promoWrapper2 ul li {background: url(images/promoTextBullet.gif) 0px 5px no-repeat; padding-left: 7px;}