@charset "UTF-8";
/* CALL LIBRARY TO RESET ALL CSS STYLES */
	@import url("reset-min.css");

/* GENERAL */
	body {
		font	: 62.5% "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color	: #444;
		background	: #fff;
	}
	
	a {
		text-decoration : none;
		color	: #59a;
	}
	
	a:visited {color : #489}

	a:hover {color : #d95;}

	strong {font-weight : bold;}
	
	em {font-style: italic;}

/* LAYOUT */
	#header {
		height : 52px;
		background : #59a url(../images/top_bg.jpg) top repeat-x;
		position : relative;
	}

	#main {
		padding : 40px 0;
	}
	
	#topmenu {
		padding : 10px 0;
	}
	
	#leftcolumn {
		float : left; 
		width : 180px;
		padding : 0
	}
	
	#maincolumn {
		float : left;
		width :460px;
		padding : 0 30px;
	}
	
	#footer{
		height : 30px;
		background-color : #59a;
		position : relative;
	}

	#footer-leftcolumn {
		float : left;
		width : 400px;
		text-align: left;
	}
	
	#footer-rightcolumn {
		float : right;
		width : 250px;
		text-align: right;
	}
	
	.container {
		width : 700px;
		margin : 0 auto;
		position : relative;
		overflow : hidden;
	}
	
/* FORMATTING */
	#header	h1 {
		font : 2.3em/2.3em Arial black, Arial, Helvetica, sans-serif;
		padding : 0px 0px 0px 0px;
		display : block;
		color : #fff;
		letter-spacing : 2px;
	}
	
	#header a {
		color : #fff;
	}
	
	#header a:visited {
		color : #fff;
	}
	
	#header a:hover {
		color : #ea6;
	}
	
	#topmenu ul {list-style: none;}
	
	#topmenu li {
		float: right;
		margin: 0 0.5em;
		font: 1.2em Arial, Helvetica, sans-serif;
		color: #333;
		text-transform: uppercase;
	}
	
	#leftcolumn .leftbox{
		background : #f1f1f1;
		padding : 10px;
		margin-bottom : 10px;
	}
	
	#leftcolumn h2{
		font-size : 1.5em;
		font-weight : bold;
		color : #966; 
		padding : 3px 0 7px 0;
	}
	
	#leftcolumn ul {font-size : 1.4em;}
	
	#leftcolumn p {
		padding-bottom : 0.5em;
		font-size : 1.4em;
	}
	
	.article h2{
		color : #59a; 
		font-size : 2em;
		margin : 10px 0;
	}
	.article  p{
		padding-bottom : 10px;
		font-size : 1.5em;
		line-height : 1.6em; 
	}
	
	#footer .container {
		color : #fff;
		font-size : 1.25em;
		padding-top : 6px;
	}

/* POPUP */
	#backgroundPopup{
		display:none;
		position:fixed;
		_position:absolute; /* hack for internet explorer 6*/
		height:100%;
		width:100%;
		top:0;
		left:0;
		background:#000000;
		border:1px solid #cecece;
		cursor:pointer;
		z-index:1;
	}
	
	#popup{
		display:none;
		position:fixed;
		_position:absolute; /* hack for internet explorer 6*/
		height:400px;
		width:300px;
		background:#FFFFFF;
		border:2px solid #cecece;
		z-index:2;
	}
	
	#popupHeader {
		height:18px;
		background:#baffff;
		border-bottom: thin solid #999999;
		padding-right: 6px;
		text-align:right;
	}