@charset "utf-8";
/* CSS Document */

		html,body {margin:0px; padding:0px; height:100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #646464;}
		a{color: #0391bf; text-decoration: none; border:hidden}
		a:hover{color: #0391bf; text-decoration: underline;}
		h1{color: #0391bf; font-size: 14px; margin: 8px 0px 8px 0px; padding: 0px;}
		h2{color: #0391bf; font-size: 20px; margin: 8px 0px 5px 0px; padding: 0px;}
				
		#main-container {
			position:relative; /* needed for footer positioning*/
			margin:0px auto; /* center, not in IE5 */
			width:100%;
			height:auto !important; /* real browsers */
			height:100%; /* IE6: treaded as min-height*/
			min-height:100%; /* real browsers */
		}
		#flash-banner{background-image: url(../images/header-bg.jpg); width: 800px; height: 275px;}
		#container{width: 800px; margin: 0px auto; padding:0px; padding:0em 0em 13em 0em; background-image: url(../images/logo-bottom.jpg); background-position: top right; background-repeat: no-repeat;}
		#header-inner{width: 800px; height: 132px; margin: 0px auto;}
		#logo{width: 160px; height: 132px; float: right;}
		#header{background-image: url(../images/top-bg.jpg); background-position: top; background-repeat: repeat-x; height: 132px;}
		#header p{font-style:italic;font-size:1.1em;margin:0;}
		#footer{position:absolute; width:100%; bottom:0; height: 140px; background-image: url(../images/bottom-bg.jpg)}
		#footer p{padding:1em; margin:0;}
		#column-one{float: left; width: 580px;}
		.column-two-sidebar-left{width: 285px; margin: 0px 10px 0px 0px; float: left;}
		.column-two-sidebar-right{width: 275px; margin: 51px 20px 0px 10px; float: left;}
		#sidebar{float: right; width: 200px; margin-top: 40px; height: auto; background-image: url(../images/sidebar-bg.jpg); }
		#sidebar h1{color: #0391bf; font-size: 14px; margin: 0px; padding: 0px;}
		#sidebar-top{height: 17px; width: 200px; background-image: url(../images/sidebar-top.jpg);}
		#sidebar-bottom{height: 17px; width: 200px; background-image: url(../images/sidebar-bottom.jpg);}
		#sidebar-content{height: autopx; width: 180px; padding: 0px 10px 0px 10px;}
		#column-left{width: 390px; float: left;}
		#column-right{width: 390px; float: right;}
		#column-right-inner{width: 390px; float: right; margin-top: 32px;}
		#header-left{width: 630px; height: 128px; float: left;}
		#logofull{width: 618px; height:40px; float: left; padding: 26px 0px 26px 0px;}
		#nav{width: 630px; height:40px; float: left;}
		
		.box{width:390px; height: 125px; background-image: url(../images/box-bg.jpg);}
		.box p{padding: 0px; margin: 5px 0px 0px 0px;}
		.box-left{width: 250px; padding: 10px 0px 10px 10px; height: 105px; background-image: url(../images/box-left.jpg); background-position: left; background-repeat:no-repeat; float: left;}
		.box-right{width: 130px; height: 125px; float: right;}
		#footer-inner{width: 800px; padding: 25px 0px 0px 0px; margin: 0px auto; font-size: 10px; line-height: 14px;}
		#footer-inner a{color: #a6a6a6; text-decoration: underline;}
		#footer-inner a:hover{color: #a6a6a6; text-decoration: none;}
		.footer-left{width: 600px; float: left;}
		.footer-right{width: 200px; text-align: right; float: right;}
		
		.clear{clear:both; font-size:0px; width:0px; line-height:0px; height:0px; display:block; overflow:hidden;}
		.right{float: right;}
		.left{float: left;}
		.logo{margin-right: 20px;}
		.news-right{width: 330px; float: right; font-size: 11px;}
		.news-right-wide{width: 499px; float: right; font-size: 11px;}
		.news-right-widest{width: 800px; float: right; font-size: 11px;}
		.news-right strong{font-weight: bold; color: #333333; margin: 0px 0px 10px 0px;}
		.news-container{width: 390px; height: auto;}
		.news-seperator{width: 390px; border-bottom: 1px dotted #CCCCCC; margin: 5px 0px 5px 0px; height: 1px;}
		.games-left{width: 526px; height: auto; }
		.games-right{width: 260px; height: auto; float:right}
		.games-overview-right{width: 390px; height: auto; float:right}
		.fullpage-seperator{width: 800px; border-bottom: 1px dotted #CCCCCC; margin: 5px 0px 5px 0px; height: 1px;}
		.press-seperator{width: 560px; border-bottom: 1px dotted #CCCCCC; margin: 5px 0px 5px 0px; height: 1px;}
		.press-container{width: 560px; height: auto;}
		.link{border-bottom: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC; margin: 5px 0px 5px 0px; padding: 2px 0px 2px 0px; background-image: url(../images/dbl-arrow.jpg); background-position: right; background-repeat: no-repeat; font-size: 12px; font-weight: bold;}
		.link a {color: #0391bf; text-decoration: none;}
		.link a:hover {color: #0391bf; text-decoration: underline;}
		.link2{margin: -5px 0px -5px 0px; padding: 2px 0px 2px 0px; background-image: url(../images/dbl-arrow.jpg); background-position: right; background-repeat: no-repeat; font-size: 12px; font-weight: bold;}
		.link2 a {color: #0391bf; text-decoration: none;}
		.link2 a:hover {color: #0391bf; text-decoration: underline;}
		.column-right-inner{font-size: 11px;}
		.column-right-inner p{margin: 0px 0px 10px 0px; padding: 0px;}
		
		.header-line{color: #0391bf; font-size: 14px; margin: 8px 0px 8px 0px; padding: 0px;}
		
		#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
		#lightbox img{ width: auto; height: auto;}
		#lightbox a img{ border: none; }
		
		#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
		#imageContainer{ padding: 10px; }
		
		#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
		#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
		#imageContainer>#hoverNav{ left: 0;}
		#hoverNav a{ outline: none;}
		
		#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
		#prevLink { left: 0; float: left;}
		#nextLink { right: 0; float: right;}
		#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
		#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
		
		#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
		
		#imageData{	padding:0 10px; color: #666; }
		#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
		#imageData #caption{ font-weight: bold;	}
		#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
		#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
		
		#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }