* { padding:0px; margin:0px; }
a { color:#a7212b; text-decoration:none; }
a:hover, a:focus, a:active { color:#333; outline:none; }
p{ margin: 15px 2px 5px 2px; }
body { font: 75%/1.6em arial, sans-serif; background: #FFF url(../images/bgrBody.jpg) repeat-x center top; }
#wrapper { background:url(../images/bgrWrapper.jpg) no-repeat center 37px; padding-bottom:30px; }
#container { width:882px; margin:0 auto; }
#top { margin:10px 0 0 0; }
#top h1 { width:300px; margin:25px auto 0 auto; }
#top h1 a { background: url(../images/logo.png) no-repeat left top; text-indent:-9999em; display:block; height:84px; }
#content { padding-top:35px; }
#leftcol { float:left; z-index:99; position:relative; width:211px; }
#leftcol ul.NavigationRoot { list-style:none; margin:30px 0 0 0; position:relative; left:3px; }
#leftcol ul.NavigationRoot li { display:block; height:1%; }
#leftcol ul.NavigationRoot li a { display:block; background: url(../images/bgrNav.png) no-repeat left -44px; padding:14px 10px 12px 40px; font-size:14px; color:#666; }
#leftcol ul.NavigationRoot li a:hover, #leftcol ul.NavigationRoot li a:focus, #leftcol ul.NavigationRoot li a:active,  #leftcol ul.NavigationRoot li.NavigationPageCurrent a { background-position: left top; color:#a7212b; } 

/* begin side ad styles */
.sideAd { background:url(../images/bgrAdMenu.png) no-repeat top left; padding-top:23px; margin-top:30px; position:relative; left:3px; }
.sideAd ul { background:url(../images/bgrAdMenu.png) no-repeat bottom right; padding-bottom:33px; }
.sideAd ul li { text-align:center; list-style:none; padding:15px 0; background: url(../images/bgrSideAd.jpg) no-repeat center bottom; }
.sideAd ul li strong { display:block; font-size:18px; font-weight:normal; color:#a7212b; }
/* end side ad styles */
#rightcolCont { margin-left:211px; background: url(../images/bgrContentTop.png) no-repeat left top; padding-top:25px; }
#rightcol { background: url(../images/bgrContentRepeat.png) repeat-y left top; padding:0px 30px 20px 30px; min-height:590px; }
#rightcol h2 { font-size:1.6em; font-weight:normal; color:#a7212b; padding-bottom: 15px; }
hr {margin:15px 0px 15px 0px;}
#rightcol .release { padding:15px 5px; border-bottom:1px solid #cdcdcd; border-top:1px solid #fff; }
#rightcol .release.odd { background:#f9f9f9; }
#footer { background:url(../images/bgrContentBottom.png) no-repeat bottom left; }
#footer ul { list-style:none; padding:0px 0 30px 0; margin:0 35px; text-align:center; }
#footer ul li { display:inline; }
#footer ul li ul { display:none; }
#footer ul li a { color:#9e9c9c; text-decoration:none; margin:0 7px; }
#footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active { color:#a7212b; }
/* SLIDER */
/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable { /* required settings */
	position:relative; overflow:hidden; width: 1000px; height:20px; /* custom decorations */
	padding:5px 0; margin:0 auto; }
/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable ul.items { /* this cannot be too large */
	width:20000em; position:absolute; clear:both; /* decoration */
	margin-left:10px; top:10px;}
/* single scrollable item */
div.scrollable ul.items li { float:left; /* custom decoration */
	text-align:center; width:auto; padding:0px 0px; margin-right: 20px; list-style:none; }
	div.scrollable ul.items li a { color:#FFF;}
/* active item */
div.scrollable ul.items li.active {  }