/* Header is the main banner with the logo. The height of this varies with home page and other pages */

#header {
	background: #4a46f2 url(/resources/images/headerlogo.png) no-repeat 43px 8px;
	width: 1000px;
	height: 56px;
}

/* Centralarea is the main bulk of the content. It needs to be fixed to allow the header bg to flow underneath */

#centralarea {
	width: 1000px;
	min-height: 750px;
}
/* The main navigation at the top of a page */

#corperatenavigation	{
	width : 1000px;
	height: 16px;
	background-color: #0b2689;
	font-size : .75em;
}

#corperatenavigation	ul	{ 
	padding: 3px 0 0 250px; 
	color : #feffff;
	display : inline;
}


#corperatenavigation		ul li {
	margin-right: 20px;
}

#corperatenavigation a {
	text-decoration: none;
	color: #feffff;
}

#corperatenavigation	ul li	a.hilight {
	color: #f8951d;
}
/*
#corperatenavigation a:visited {
	text-decoration: none;
	color: #feffff;
}

#corperatenavigation a:link {
	text-decoration: none;
	color: #feffff;
}
*/
#corperatenavigation a:hover {
	text-decoration: none;
	color: #f00;
}

/* The lhs navigation */
/* -------------------------------------------------------*/

#leftnavigationarea	{
	width : 110px;
	float: left;
	color: #0b2689; 	
}

/* The main nav */

#mainnavigation 	{
	background-color: #f68a39;
	font-size : .7em;
	text-transform: uppercase;
}

#mainnavigation 	ul {
	padding: 0 0 0 0px;
}

#mainnavigation		ul li { 
	color: #0b2689; 
	display : block;
	padding-top: 6px;
	padding-left: 0px;
	height: 20px;
	border-bottom: 1px solid #fff;
}

#mainnavigation		ul li.hilight { 
	color: #0b2689; 
	background-color: #FFCC33; 
}
/* FFCC33 

	background-color: #eaff00; 

*/
#mainnavigation hr	{
	margin-left: 4px;
	border-bottom: 1px solid #fff;
	border-top:0px;
	border-left:0px;
	border-right:0px;
}

#mainnavigation a {
	margin-left: 4px; 
	text-decoration: none;
	color: #0b2689;
}

#mainnavigation a:visited {
	text-decoration: none;
	color: #0b2689;
}

#mainnavigation a:link {
	text-decoration: none;
	color: #0b2689;
}

#mainnavigation a:hover {
	text-decoration: none;
	color: red;
}
/*FFCC33*/
/* The lhs sub-navigation */

#sub_mainnavigation	{
	background-color: #e5dbfd;
	font-size : .65em;
	text-transform: uppercase;
}
#sub_mainnavigation		ul {
	padding-top: 4px;	
	padding-bottom: 4px;
}
#sub_mainnavigation		ul li { 
	display : block;
	padding-top: 1px;
	text-align: right;
	padding: 0 4px 0 0;
	height : 18px;
}

#sub_mainnavigation		ul li.hilight a { 
	color: #0b2689;
	font-weight: bold;
}

#sub_mainnavigation a {
	text-decoration: none;
	color : #4a46f1;
}
/*
#mainnavigation a:visited {
	text-decoration: none;
}

#mainnavigation a:link {
	text-decoration: none;
}
*/
#sub_mainnavigation a:hover {
	text-decoration: none;
	color: #f00;
}


/* 
	width: 630 - 60

*/
#maincontent ul		{
	margin : 0;
	padding : 0;
	list-style-type: disc;	
}
#maincontent li	{
	display: list-item;
	list-style-position: inside;
}

/*

	padding-left : 60px;
*/
#maincontent {
	top : 81px;
	left : 110px;
	padding-left : 40px;
	position: absolute;
	width: 570px;
	float: left;
}
/* 	left : 110px; */

.notpublished	{ background-color: #ffdddd }

.article_item	{
	margin : 10px 10px 10px 0;
}

.article_item a {
	text-decoration: underline;
	color: #0b2689;
}

.article_item a:hover {
	color: #f00;
}


.article_bulk	{}
.article_more	{ font-size : .8em; text-align: right; }

#maincontent	h2	{
	font-size: 1.2em;
}

#maincontent	strong	{
	text-transform: uppercase;
}

#maincontent	h3	{
	color : black;
	font-size: .8em;
	font-weight: bold;
	margin-bottom : 4px;
}

#maincontent	.article_bulk	{
	font-size: .8em;
}


.videoarea	{
	position: relative;
	overflow : hidden;
	clear : both;
	padding-bottom : 20px;
}

.play_button	{
	position: absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background: url(/resources/images/lib/icons/128x128/playbutton.png) no-repeat center center;
}

.transparent	{
	background-color : #fff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8; 
}