/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
	background-color:#FFF;
}
html, body
{
	height: 100%;
}

A:link {
	font-weight: normal;
	color: #4c4c4c;
	text-decoration: none;
}
A:active {
	font-weight: normal;
	color: #4c4c4c;
	text-decoration: none;
}
A:visited {
	font-weight: normal;
	color: #4c4c4c;
	text-decoration: none;
}

A:hover {
	font-weight: normal;
	color:#8a8a8a;
	text-decoration: underline;
}

.wrapper
{
	width: 100%;
	height: 100%;
}

.header
{
	min-width:960px;
	position:absolute;
	top:0;
	width:100%;
	z-index:1;
	background-image:url(../images/layout/bg.gif);
	background-repeat:repeat-x;
	background-color:#f3f3f3;
}
.header #left
{
	background-image:url(../images/layout/headerleftbg.png);
	background-position:top;
	background-repeat:repeat-x;
	height:128px;
	width:80%;
	float:left;
	position:relative;
	left:0;
	z-index:1;
}

.header #right
{
	background-image:url(../images/layout/headerrightbg.png);
	background-position:top;
	background-repeat:repeat-x;
	height:128px;
	width:20%;
	float:right;
	position:relative;
	right:0;
	z-index:1;
}

.headercontainer
{
	width:960px;
	margin:0 auto;
	top:0;
	z-index:10;
}

.navigation
{
	z-index:11;
	color:#000;
	float:left;
	position:relative;
	top:0;
	left:0;
}

.logo
{
	position:relative;
	height:inherit;
	margin-right: auto;
	margin-left: 550px;
	z-index:10;
	text-align:right;
}

.footer
{
	position:relative;
	bottom:0px;
	height:60px;
	width:100%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #1f2b51;	
	background-color:#FFF;
	margin:0;
	z-index:20;
}

.footer #container
{
	margin:0 auto;
	width:960px;
	padding-top:20px;
}

.footer #left
{
	width:25%;
	position:relative;
	float:left;
	left:0;
	top:0;
	z-index:20;
	font-size:0.85em;
	color:#1f2b51;
}

.footer #right
{
	width:50%;
	float:right;
	right:0;
	top:0;
	position:relative;
	z-index:20;
	color:#1f2b51;
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	text-align:right;
}

.contentbg
{
	background-image:url(../images/layout/contentbg.png);
	background-repeat:repeat-x;
	background-color:#f3f3f3;
	background-position:top;
}

.contents
{
	padding-top:30px;
}

.contents ul
{
}

.contents li
{
	list-style:square;
}

.contentpage
{
	float:left;
	position:relative;
	top:-85px;
	z-index:30;
	clear:both;
}

.homepage
{
	float:left;
	position:relative;
	display:block;
	clear: both;
}

.sidemenu
{
	background-color:#FFF;
	text-transform:capitalize;
}

.sidemenu #content
{
	padding:15px;
	min-height:12em;
}

.flexarrayer
{
	float:right;
	position:relative;
	bottom: -15px;
	margin-right: 15px;
	z-index:40;
	padding-top: 50px;
}

.newsItem {
	color: #4c4c4c;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}

.newsItemSelected {
	color:#FFF;
	background-color:#1f2b51;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1em;
}

.newsItemSelected a:link, .newsItemSelected a:visited, .newsItemSelected:hover, .newsItemSelected:active
{
	color:#FFF;
}

.newsText {
	line-height: 1.5em;
	padding:2em;
	font-size:0.9em;
	text-align:justify;
	background-color:#FFF;
}

.newsDownloads
{
	position:relative;
	padding-top:2em;
}

.newsDownloads a:link, .newsDownloads a:visited, .newsDownloads a:hover, .newsDownloads a:active
{
	margin:0;
	line-height:normal;
}

.newsDownloads #icon
{
	position:relative;
	float:left;
	top:0;
	left:0;
}

.newsDownloads #texts
{
	padding-left:30px;
}

.smallGrey
{
	font-size:0.8em;
	line-height:0.9em;
}

.downloads
{
	padding-top: 2em;
	padding-bottom:-2em;
}

.biograph
{
	text-align:justify;
	margin:0px;
}

.biograph #image
{
	float:left;
	position:relative;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:15px;
}

.frontmain
{
	clear:both;
}

.frontmain #image
{
	float:left;
	position:relative;
	padding-right: 25px;
	padding-bottom: 25px;
}

.figure
{
	font-size: 0.9em;
	color: #4c4c4c;
}

.subpanels
{

}

.subpanels h2
{
	color:#1f2b51;
	padding-bottom:0.3em;
}

.subcontainer
{
	background-color:#FFF;
	padding-top:1.5em;
	padding-bottom: 1.5em;
	margin-bottom:5em;
}

.subpanels #content
{
}

.readmore
{
	font-size: 0.8em;
	color:#1f2b51;
	text-transform:uppercase;
	letter-spacing:0.1em;
	padding-top:1em;
}

.readmore a:link, .readmore a:active, .readmore a:visited, .readmore a:hover
{
	color:#1f2b51;
}


/* heading styles */

h1
{
	font-size:1.6em;
	color:#4c4c4c;
	font-weight: lighter;
	letter-spacing: 0.1em;
	text-transform:capitalize;
	padding-top:15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

h2, .downloads
{
	font-size:1.3em;
	font-weight:lighter;
	color:#4c4c4c;
	letter-spacing:0.1em;
	margin:0px;
}

h3
{
	font-size: 1.1em;
	font-weight:lighter;
	letter-spacing:0.1em;
	margin:0px;
	padding:0px;
}

p
{
	margin:0px;
	padding:0px;
}

/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
}


.container_12 .grid_12 .alpha .omega
{
	width:960px;
}