/* Layout
----------------------------------------------- */

/* use a semi-transparent image for the overlay */
	#overlay {
		background-image:url(/img/overlay/transparent.png);
		color:#efefef;
		height:450px;
	}
	
	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:441px;
		overflow-y:auto;
	}



#container {
				margin: 0 auto;
				width: 1013px;
				}
				
#sytemap			{
				position: absolute;
               			margin-top: 81px;
               			width: 1013px;
				}
				
.whitehead			{
				color: #ffffff;
				size: 16px;
				}


#toolbar {
				width: 960px;
				margin-bottom: 10px;
				padding-top: 4px;
				padding-bottom: 4px;
				}

#navigation {
				width: 160px;
				float: left;
				}

#logo {
				width: 421px;
				margin-bottom: 10px;
				float: left;
				padding-left: 30px;
				}

#wrapper {
				width: 780px;
				float: right;
				margin-bottom: 20px;
				margin-top: -10px;
				}

#advertising {
				width: 1013px;
				height: 128px;
				margin: 0;
				}

#primaryPromotion {
				width: 780px;
				margin: 0;
				margin-top: 10px;
				margin-bottom: 10px;
				padding: 0;
				}

#content {
				width: 640px;
				float: left;
				margin-top: 10px;
				}

#primaryContent {
				float: left;
				width: 400px;
				}

#secondaryContent {
				float: right;
				width: 220px;
				}

#secondaryPromotion {
				float: left;
				width: 310px;
				}

#listing {
				float: right;
				width: 310px;
				}

#skyscraper {
				width: 120px;
				height: 600px;
				float: right;
				margin-left: 20px;
				margin-top: 7px;
				}
				
#countdown			{
				background-image: url('http://www.nottingham-arena.com/images/ENGvUSAcountdownMINI.jpg');
				background-repeat: no-repeat;
				}
				
#countdown_dashboard {
	background-image: url('http://www.nottingham-arena.com/images/ENGvUSAcountdownMINI.jpg');
	background-repeat: no-repeat;
	float: right;
	width: 310px; 
	height: 110px;
	margin-bottom: 4px;
	margin-left: 200px;
}

.dash {
	width: 35px;
	height: 35px;
	background: transparent url('http://www.nottingham-arena.com/images/dash.png') 0 0 no-repeat;
	float: right;
	margin-top: 41px;
	margin-right: -2px;
	padding-right: 2px;
	position: relative;
	color: #333;
	white-space: nowrap;
}

.weeks_dash {
	background: transparent url('http://www.nottingham-arena.com/images/dark_weeks_dash.png') 0 0 no-repeat;
	white-space:nowrap;
}

.days_dash {
	background: transparent url('http://www.nottingham-arena.com/images/dark_days_dash.png') 0 0 no-repeat;
	white-space: nowrap;
}

.hours_dash {
	position: relative;
	background: transparent url('http://www.nottingham-arena.com/images/dark_hours_dash.png') 0 0 no-repeat;
	white-space:nowrap;
}

.minutes_dash {
	position: relative;
	background: transparent url('http://www.nottingham-arena.com/images/dark_minutes_dash.png') 0 0 no-repeat;
	white-space:nowrap;
}

.seconds_dash {
	background: transparent url('http://www.nottingham-arena.com/images/dark_seconds_dash.png') 0 0 no-repeat;
}

.dash .digit {
	font: bold 8pt Verdana;
	font-weight: bold;
	padding-top: 12px;
	float: left;
	width: 14px;
	margin-left: 3px;
	margin-right: -4px;
	text-align: center;
	position: relative;
	white-space:nowrap;
}

.dash_title {
	display: none;
}

#footer {
				width: 960px;
				padding-top: 20px;
				clear: both;
				overflow: auto;
				}
				
#slider 			{
				position:relative;
				margin:0px 0px 0px 0px;
				background:url(http://www.nottingham-arena.com/images/loading.gif) no-repeat 50% 50%;
				height: 260px;
				}

#slider img 			{
				position: absolute;
				top:0px;
				left:0px;
				}

#slider a 			{
				border:0;
				}

.nivo-controlNav 		{
				position:absolute;
				left:47%;
				top:-16px;
				}

.nivo-controlNav a 		{
				display:block;
				width:10px;
				height:10px;
				background:url(http://www.nottingham-arena.com/images/bullets.png) no-repeat;
				text-indent:-9999px;
				border:0;
				margin-right:3px;
				float:left;
				}

.nivo-controlNav a.active 	{
				background-position:-10px 0;
				}

.nivo-directionNav a 		{
				display:block;
				width:32px;
				height:34px;
				background:url(http://www.nottingham-arena.com/images/arrows.png) no-repeat;
				text-indent:-9999px;
				border:0;
				}

a.nivo-nextNav 			{
				background-position:-32px 0;
				right:10px;
				}

a.nivo-prevNav 			{
				left:10px;
				}

/* The Nivo Slider styles */

.nivoSlider 			{
				position:relative;
				margin:0px 0px 0px 0px;
				background:url(http://www.nottingham-arena.com/images/loading.gif) no-repeat 50% 50%;
				}

.nivoSlider img 		{
				position:absolute;
				top:0px;
				left:0px;
				display:none;
				}

/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink 	{
				position:absolute;
				top:0px;
				left:0px;
				width:100%;
				height:100%;
				border:0;
				padding:0;
				margin:0;
				z-index:60;
				display:none;
				}

/* The slices in the Slider */

.nivo-slice 			{
				display:block;
				position:absolute;
				z-index:50;
				height:100%;
				}

/* Caption styles */

.nivo-caption 			{
				position:absolute;
				left:0px;
				bottom:0px;
				background: url(http://www.nottingham-arena.com/images/captionimg.gif);
				height: 40px;
				color:#fff;
				opacity:0.8; /* Overridden by captionOpacity setting */
				width:100%;
				z-index:89;
				}

.nivo-caption p 		{
				padding:4px;
				margin:0;
			        color: #050505;
			        font-size: 14px;
				}
				
/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a 		{
				position:absolute;
				top:45%;
				z-index:99;
				cursor:pointer;
				}

.nivo-prevNav 			{
				left:0px;
				}

.nivo-nextNav 			{
				right:0px;
				}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav a 		{
				position:relative;
				z-index:99;
				cursor:pointer;
				}

.nivo-controlNav a.active 	{
				font-weight:bold;
				}
				
ul#news li {
display:none;
text-decoration: none;
margin: 0px 0px 0px 0px;
                                text-indent: -8px;
                                padding-bottom: 9px;
                                list-style: none;
                                white-space:nowrap;
}
ul#news li:first-child {
display:block;
text-decoration: none;
padding-top: 16px;
margin: 0px 0px 0px 0px;
                                text-indent: -8px;
                                padding-bottom: 9px;
                                list-style: none;
                                white-space:nowrap;
}

ul#news a:link
				{
				font-size: 1.2em;
				font-weight: bold;
				color: #000;
				text-decoration: none;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				}
ul#news a:visited
				{
				font-size: 1.2em;
				font-weight: bold;
				color: #747474;
				text-decoration: none;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				}
ul#news a:hover
				{
				font-size: 1.2em;
				font-weight: bold;
				color: #5a7b2c;
				text-decoration: underline;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				}
ul#news a:active
				{
				font-size: 1.2em;
				font-weight: bold;
				color: #000;
				text-decoration: none;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				}
				
\* Site Map Controllers *\
#sm_ {
	margin-bottom:			0px;
	padding: 40px;
	float: left;
	position: absolute;
	
	
	
}

#sm_outer {
	margin: 				40px;
	background:				transparent url(http://www.trentfmarena.com/images/smbg.jpg) top left no-repeat;	
	position:				relative;
	height: 				550px;
	width:					1017px;
	display: 				none;
}

#sm_floater {
width: 40px; }

.sm_column {
	width:					270px;
	padding:				0px 0px 70px 40px;
	position: relative;
}
.sm_column1 {
	width:					270px;
	position: 				absolute;
	margin-left: 				390px;
	margin-top:				-534px;
	padding:				0px 0px 60px 0px;
}
.sm_column2 {
	width:					270px;
	position: 				absolute;
	margin-left: 				690px;
	margin-top:            			-534px;
	padding:				0px 0px 60px 0px;
}

.sm_column ul li {
	padding:				3px 0;
}

.sm_column ul li li {
	padding:				3px 0 3px 15px;
}

.sm_column h3 {
	font-size:				1.4em;
	padding:				25px 0 5px 0;
}

.sm_column1 h3 {
	font-size:				1.4em;
	padding:				25px 0 5px 0;
}
.sm_column2 h3 {
	font-size:				1.4em;
	padding:				25px 0 5px 0;
}

.sm_column h3 a:link, .sm_column h3 a:visited {
	color:					#fff;
}
.sm_column1 h3 a:link, .sm_column1 h3 a:visited {
	color:					#fff;
}
.sm_column2 h3 a:link, .sm_column1 h3 a:visited {
	color:					#fff;
}

h2						{
	font-size:				1.4em         
						}                 
						
/* ------------------------
    ColorBox Variables
------------------------ */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(http://www.trentfmarena.com/images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(http://www.trentfmarena.com/images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(http://www.trentfmarena.com/images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(http://www.trentfmarena.com/images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(http://www.trentfmarena.com/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(http://www.trentfmarena.com/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(http://www.trentfmarena.com/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(http://www.trentfmarena.com/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(http://www.trentfmarena.com/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(http://www.trentfmarena.com/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(http://www.trentfmarena.com/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(http://www.trentfmarena.com/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(http://www.trentfmarena.com/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.trentfmarena.com/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.trentfmarena.com/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.trentfmarena.com/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.trentfmarena.com/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.trentfmarena.com/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.trentfmarena.com/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.trentfmarena.com/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.trentfmarena.com/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/* Tooltip CSS - Do NOT Edit Anything In This Class!  */

.tooltip {
	display:none;
	background:transparent url(http://www.trentfmarena.com/images/black_arrow.png);
	font-size:12px;
	height:93px;
	width:160px;
	padding:25px;
	color:#fff;
	text-align: center;	
}

#tooltip img {
	cursor:pointer;
}

.toolfirst { 
		color: #FFFFFF;
		font-size: 12px;
		text-align: center;
}

.toolsecond { 
		color: #e6fdc6;
		font-size: 12px;
		text-align: center;
}

a[id="toollink"] { color: #FFFFFF; }
a[id="toollink"]:visited { color: #FCFCFC; }
a[id="toollink"]:hover { color: #5a7b2c; }
a[id="toollink"]:active { color: #FFFFFF; }