@charset "utf-8";
/* Global CSS Document 64north.gl */

/* Resetting all stylesheet */
@import url(/css/reset.css);
/* Building typography */
@import url(/public.css);

.clear { clear:both; height:1px; }

/* Main grids */
#Header, #Footer,
#Base, #Top, #Bottom {
	margin:0px auto;
	position:relative;
	width:950px;	
}

/* Frame properties. (border around context) */
#Header, #Base, #Top {
	border-left:1px solid #77b4cf;
	border-right:1px solid #77b4cf;
	width:948px;
}

#Bottom { background:url(/gfx/design/frm-b.gif) repeat-x bottom; height:10px; }
	#Bottom .left { left:0px; position:absolute; top:0px; }
	#Bottom .right { position:absolute; right:0px; top:0px; }
#Footer { padding-bottom:10px; }

/*  -------------------------- */

/* Header */
#Header { height:210px; }
	#Header ul { margin:0px; padding:0px; }
	#Header li { float:left; list-style:none; margin:0px; padding:0px 10px 0px 0px; }
	#Header a { border-style:none; /* removing border-style properties comming from public.css */ }
	
	/* Text color for header area */
	#Header ul, #Header li,
	#Header input { 
		color:#40607c; /* Dark blue */
		border-style:none; 
		background:none;
	}
	
	#Header #FlashTopbanner {
		left:0px;
		position:absolute;
		top:0px;
		z-index:0px;
	}
	
	#Header #Toolbar {
		height:170px;
		position:relative;
		width:100%;
		z-index:1;
	}
		#Toolbar .language { 
			left:300px;
			position:absolute;
			top:6px;
		}
		
		#Toolbar .tools {
			position:absolute;
			right:0px;
			top:6px;
		}
			#Toolbar .tools input { padding:1px; margin-top:-2px; }
			#Toolbar .tools input[type=text] { background:#fff; border:1px solid #e3e3e3; }
			#Toolbar .tools input[type=submit]:hover { color:#ed1d24; cursor:pointer; }
	
	#Header #NavigateTopBar {
		height:40px;
		position:relative;
		width:100%;
		z-index:2;
	}
		#NavigateTopBar ul { padding:10px 0px 0px 200px; }
			#NavigateTopBar ul li { padding-right:30px; }
					#NavigateTopBar a { font-weight:bold; }

/* Footer */
#Footer {}
	#Footer ul { right:30px; margin:0px; padding:5px 0px; position:absolute; }
	#Footer li { float:left; list-style:none; margin:0px; padding:0px 18px 0px 0px; }

/* Base Area */
#Base { padding:25px 0px 10px 0px;  }
	#Base > .left { float:left; width:200px; }
	#Base > .right { float:left; width:210px; }
	
	#Base .left a, #Base .right a { border:none; }
	
	#Base .left ul, #Base .right ul,
	#Base .left li, #Base .right li
	{ list-style:none; margin:0px; padding:0px; }
	
	#Base > .middle { 
		border: 1px dashed #dbdbdb;
		border-bottom-style:none;
		border-top-style:none;
		float:left;
		min-height:250px;
		width:534px;
	}
		#Base .middle .content { padding:0px 10px; }


/* NavigationSideBar in the Base left area */
#NavigationSideBar { }
	
	#NavigationSideBar .selected { font-weight:bold; }
	
	#NavigationSideBar ul li a { display:block; padding:3px 3px 3px 10px; }
	#NavigationSideBar ul li ul { padding:0px 0px 8px 0px !important; }
	#NavigationSideBar ul li li a { display:block; padding:1px 3px 1px 18px; }

/* News in the Base right  area */
#Base .right #News { padding:0px 3px 10px 10px !important; border-bottom:1px dashed #dbdbdb; }


/* MediaViewer */
	.right #MediaViewer {
		background:url(/gfx/MediaViewer/ctnBg.gif) bottom repeat-x;
		height:240px;
		overflow:hidden;
		position:relative;
		width:100%;
	}
		#MediaViewer * { cursor:pointer; }
		#MediaViewer a > img {
			border:1px solid #415e7b;
			bottom:20px;
			left:25px;
			max-height:251px;
			padding:1px;
			position:absolute;
			z-index:1;
		}
		#MediaViewer.standard a > img { max-width:150px; }
		#MediaViewer .overlay {
			-moz-opacity:0.7;
			background:#dbdbdb;
			bottom:0px;
			filter:alpha(opacity=70);
			height:40px;
			left:0px;
			opacity:0.7;
			position:absolute;
			width:100%;
			z-index:2;
		}
		#MediaViewer .title {
			bottom:9px;
			height:31px;
			left:0px;
			overflow:hidden;
			position:absolute;
			width:100%;
			z-index:3;
		}
		#MediaViewer .title h3 { padding:4px; text-align:center; }