@charset "utf-8";

/*
 * Default formatting
 */

html body {
	width: 100%;
	margin: 0px 0px;
}

body
{
	font: 62.5% Arial, Helvetica, sans-serif;
    color: #fff;
	background: #93A1A9 url('../images/bg_repeat-y.png') repeat-x left top;
}

h1, h2, h3, h4, h5, h6, h7, p
{
	margin: 0px;
    padding: 5px 0px;
}

h1
{
	color: #414B52;
    font-size: 1.4em;
    font-weight: bold;
}

h2
{
	font-size: 1.4em;
    color: ##002F4A;
    font-weight: bold;
}

	h2 a {
		color: #444;
	}
	
	h2 a:hover {
		color: #666;
	}

h3
{
	font-size: 1.2em;
	color: #eee;
}

h4
{
	color:#93A1A9;
	font-size:1.8em;
	padding-bottom:0px;
	font-weight:normal;
}

#rightcol h2 {
	color:#002F4A;
	font-style: normal;
}

#rightcol h3 {
	font-weight:normal;
	color:white;
	font-style:normal;
	font-size:1em;
	margin-bottom:0px;
	padding-bottom:0px;
}
#leftcol h2 {
	font-size:1.1em;
}


a
{
	color: #eee;
    text-decoration: underline;
}

a:hover
{
	color: #ccc;
    text-decoration: underline;
}

img
{
	border: 0px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.frame
{
	border: 2px solid #999;
	margin: 5px 10px;
}

.icon {
	background-color: #999;
}

/*
 * Styling and page layout
 */
#page-container {
	width:931px;
	margin:auto;
}

	#header {
		background:url('../images/header_short.png') no-repeat top left;
		width:931px;
		height:181px;
		position:relative;
	}
	#header h1 {
		position:absolute;
		top:15px;
		left:0px;
	}

	#slider {
		position:absolute;
		left:460px;
		top:85px;
	}
	#tag {
		position:absolute;
		top:0;
		right:150px;
	}

	#other-sites {
		position:absolute;
		left:200px;
		top:76px;
	}
	#other-sites-link {
		width:85px;
		height:11px;
		display:block;
	}
	
#navigation {
	height:49px;
	position:relative;
	margin-bottom:2px;
}
	#navigation ul {
		list-style:none;
		
		position:absolute;
		bottom:0px;
		left:-20px;
		height:31px;
		margin: 0px;
		padding: 0px;
	}

	#navigation ul li {
		display:inline;
	}

	#navigation ul li a {
		font-size:1.4em;
		display:block;
		color:white;
		background:url('../images/vert_btn_bg.jpg') bottom right no-repeat;
		padding:0 10px 0 20px;
		height:31px;
		text-decoration:none;
		line-height:27px;
		float:left;
	}
	
	#navigation ul li a:hover {
		color: #ccc;
	}
	
	#navigation ul li.active a {
		color: #6B93AC;
	}
	
#inner-container {
	background:url('../images/rightcol_bg.png') 653px top  repeat-y #93A1A9;
	font-size: 1.2em;
}

	#leftcol {
		float: left;
		width:621px;
		border-right:2px solid #A0ACB2;
		min-height:500px;
		padding: 20px 30px 20px 0px;
	}

	#rightcol {
		float: left;
		width: 250px;
		margin-left: 15px;
		margin-top: 20px;
	}
	
		#rightcol ul {
			margin: 0px 0px 5px 20px;
			padding: 0px;
			list-style:square;
		}
		
		#rightcol ul li {
			padding: 0px;
			color: #C7CFD3;
			line-height:1.4em;
		}

#footer {
	height:199px;
	width:100%;
	background:url('../images/footer_bg.png') top left #4D5A62;
	clear:both;
	padding-top: 10px;
}
	#footer a {
		color:white;
		text-decoration:none;
	}
	#footer a:hover {
		text-decoration:underline;
	}
	#footer-content {
		width:931px;
		margin:0 auto;
		color:white;
	}

	#footer-content .infobox {
		border-right:1px solid #93A1A9;
		float:left;
		padding-left:20px;
		padding-right:20px;
		font-size:1.2em;
		height:90px;
	}
	#footer-content .infobox p {
		line-height:1.4em;
	}
	#footer-content .last {
		border:none;
	}
	#footer-content .first {
		padding-left:0px;
	}
	#footer-content strong {
		color:#93A1A9;
		font-weight:normal;
	}

/*
 * Hax (don't look here)
 */
 
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/*
 * Blog overrides
 */

#articlelist .article .readmore, #article .back {
	background-color: #8998A0;
	color: #fff;
}

#articlelist .article .readmore a, #article .back a {
	color: #fff;
}

#articlelist .article .readmore a:hover, #article .back a:hover {
	color: #eee;
}