/* Document Layout */
html, body, #container {
	min-height: 100%; 	/*Sets the min height to the height of the viewport.*/
	width: 100%;		/*Effectively, this is min height for IE5+/Win, since IE wrongly expands an element to enclose its content.*/
	height: 100%; 		/*This mis-behavior screws up modern browsers*/
	margin: 0;
	padding: 0;
}

html>body #container {
	height: auto; 		/*this undoes the IE hack, hiding it from IE using the child selector*/
}

#container {
    position: absolute;
    top: 0;
    left: 0;
}

#centercolumn {
	width:950px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
    height: auto;
    margin: 0 auto;
}

#left_col{
    padding-top: 10px;
	float:left;
	width:200px;
	padding-bottom:180px;
}

#right_col{
    padding-top: 4px;
	float:right;
	width:734px;
	padding-bottom:180px;
}

/*Main Page Content*/
#flags{
	height:24px;
	width:100%;
	margin-bottom:10px;
}
/*END - Main Page Content*/

/*Main Area*/
#main{
	float:left;
	width:559px;

}

#widgets{
	float:right;
	width:163px;
}
/*END - Main Area*/


/*Header*/
#headerouter {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 155px;
}

#leftswoop {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 20%;
	height: 155px;
	background: url(../images/header/left-bg.png) repeat-x top left;
	z-index: 1;
}

#rightswoop {
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 20%;
	height: 155px;
	background: url(../images/header/right-bg.png) repeat-x top right;
	z-index: 2;
}

#central {
	position: relative;
	float: none;
	width: 950px;
	height: 155px;
	margin: 0 auto;
	padding: 0;
	z-index: 3;
}

#logo {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 400px;
	height: 155px;
	margin: 0;
	padding: 0;
	z-index: 3;
}

#signup {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 50px 0px 0px 140px;
	width: 250px;
	height: 105px;
	background: url(../images/header/right-swoop.png) no-repeat top right;
	z-index: 4;
	font-size: 0.8em;
	text-align:right;
}

#signup ul, #signup .row {
	position: relative;
	float: left;
	margin: 4px 0px 4px 0px;
	padding: 0;
	list-style: none;
	text-align: left;
}

#signup .row {
	border-bottom: none;
}

#signup ul li {
	list-style: none;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #000000;
	display: inline;
}

#signup ul li.first {
	border-left: 1px solid #000000;
}
/*END - Header*/

/* FOOTER */
#footer {
	clear:both;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height:auto;
}

#footer_content {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #2c2c2c;
	font-size: 0.85em;
	text-align: center;
	height:120px;
	font-size:11px;
}

#footer_content ul {
	margin: 0px 0px 15px 0px;
	padding: 0;
	list-style: none;
}

#footer_content p {
	margin: 0px 0px 15px 0px;
	padding: 0;
}

#footer_content ul li {
	margin: 0;
	padding: 0px 8px 0px 8px;
	list-style: none;
	position: relative;
	display: inline;
}

#footer_content ul li.sendtofriend a {
	background: url(../images/icons/send.gif) no-repeat 0px 2px;
	padding-left: 18px;
}

#footer_content ul li.print a {
	background: url(../images/icons/print-page.gif) no-repeat 0px 1px;
	padding-left: 15px;
}

#footer_content ul li.favourites a {
	background: url(../images/icons/favourites.gif) no-repeat 0px 1px;
	padding-left: 15px;
}

#footer_content ul li.rss a {
	background: url(../images/icons/rss.gif) no-repeat 0px 2px;
	padding-left: 15px;
}

#footer_content ul li.line {
	border-left: 1px solid #287fbd;
}

#footer_content ul li.doubleline {
	border-left: 1px solid #287fbd;
	border-right: 1px solid #287fbd;
}

#footer_content a {
	color: #287fbd;
}

#footer_content a:hover {
	color: #2c2c2c;
}

#poweredby {
	width: 100%;
	height: 52px;
	background: url(../images/footer/footer-bg.png) repeat-x top left #62acdb;
	text-align:center;
}