/*
Author: 
Project:
Date:
Credit: Lee Munroe www.leemunroe.com
*/

/* 
# CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/

/* 
# Colour reference ###################

*/
 
/*
# Reset defaults ################### 
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } /* Reset margins and padding */

a:link, a:visited{text-decoration:none;outline:none;} /* Reset link styles */

html {overflow: -moz-scrollbars-vertical;} /* Mozilla scrollbar fix */

#skipto{position:absolute;left:-9999px;top:-9999px;} /* Hides the skip to link - useful for screen readers */

.group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* Automatically clears after any element with this class */

/*
# Layout ################### 
*/

body{
	font:75%/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif;
	color:#222;
	background:#fff;
	font-size: 1em;

	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	background-color: white;
	padding: 10px 50px 10px 50px;
}

html {
		background-color: rgb(44,84,167);
}	

#logo {
	float: left;
	margin:  5px 0;	
	width: 50%;
}

header {
	width: 100%;
}

header:after{
	content: ".";display: block;height: 0;clear: both;visibility: hidden;
}

#pageHead hgroup{
	float: right;
	font-size: 0.8em;
	width:40%;
	text-align: right;
	color:  gray;
}

#pageError
{
	width: 450px;
	padding: 20px 20px 20px 165px;
	background-image: url(../images/file_warning.png);
	background-position: center left;
	background-repeat: no-repeat;
	border: 2px solid #4282c4;
}

#pageError p
{
	line-height: 1.5em;
	color: #666;
	margin-top: 10px;
}

#pageError h1
{
	color: #4282c4;		
	font-size: 20px;
}

#pageHead hgroup h1
{
	position:absolute;left:-9999px;top:-9999px;
}

#pageHead hgroup h2
{
	color: gray;
	font-weight: normal;
	margin: 5px 0;
	float: right;
}

#pageHead hgroup a
{
	color: gray;
	font-weight: normal;
	margin: 5px 0;
	float: right;
	font-weight: 	bold;
	clear: both;
}

#pageHead hgroup a:hover 
{
	text-decoration: underline;
}

#pageHead hgroup a span
{
	color: rgb(44,84,167);
}
article {
	padding: 0 20px 0 0;
	margin: 0;
}

article header {
//	border-bottom: 1px solid rgb(44,84,167);
margin-top: 10px;
}

article h2 {
	color: gray;
	font-size: 1.2em;
}

article h3 {
	color: gray;
	font-size: 1em;
}

article h1 {
	margin:  0 0;
	color: rgb(44,84,167);
}

article ul {
	padding-left: 10px;
}

article ul.twocol li {
	width: 40%;
	float: left;
}

article li {
	padding-left: 25px;
	background-image: url(../images/star.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	list-style: none;
}

article strong {
	color: rgb(44,84,167) ;
}

section.breakoutbox
{
	width: 200px;
	float: right;
	font-size: 0.8em;
}

section.breakoutbox span 
{
	position: relative;
	top: -300px;
}

#container:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#maincontent 
{
	float: left;
	width: 70%;
	background-color: white;
}

#maincontent a
{
	color: rgb(44,84,167);
	text-decoration: underline;
}

#sidebarcontainer
{
	background-color: white;
	float: right;
	width: 30%;
}

#sidebar {
	float: right;
	margin: 0;
	padding:0;
}
#sidebar ul
{
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

.twitterBlock
{
	width: 100%;
	float: left;
}

h1.twitterBlock
{
	font-size: 18px;
	text-align: left;
	color: rgb(44,84,167);
	margin: 0 0 10px 0;
}

a.twitterBlock
{
	color: gray;
	font-size: 12px;
	text-align: right;
}


#twitterBox
{
	background-color: rgba(44,84,167,0.2);
	background-image: url(../images/bgclouds.jpg);
	border-radius: 15px;
	border: 1px solid gray;
	padding: 10px;
	float: right;
	font-size: 0.8em;
	color: #222;
	width: 85%;
}
#twitter
{
}

#twitter img
{
	float: right;
	padding: 0 0 10px 10px;
}
#twitter li
{
	list-style: none;
}

#twitter a
{
	color: gray;
}

#sidebar li
{
	background-image: url(../images/foldertab.png);
	background-repeat: no-repeat;
	background-position: top left;
	float: right;
	height: 95px;
	width: 100%;
	margin-bottom: 0;
}

#sidebar img {
	padding:26px 22px;
	opacity: 0.5;
	margin: 0;
	float: left;
	height: 36px;
	width: 36px;
}

#sidebar a.warnIcon
{
	background-image: url(../images/warnIcon.png);
}

#sidebar a.processIcon
{
	background-image: url(../images/processIcon.png);
}

#sidebar a.personIcon
{
	background-image: url(../images/personIcon.png);
}

#sidebar a.warnIcon:hover
{
	background-image: url(../images/warnIconFull.png);
}

#sidebar a.processIcon:hover
{
	background-image: url(../images/processIconFull.png);
}

#sidebar a.personIcon:hover
{
	background-image: url(../images/personIconFull.png);
}

#sidebar a:hover h2
{
	color: #345055;
}

#sidebar li a
{
	background-repeat: no-repeat;
	background-position: 34px center;
	padding: 0;
	color: white;
	float: left;
	height: 110px;
	overflow: hidden;
//	width: 250px;
}

#sidebar h2
{
	margin: 5px 0 0 95px;
	font-size: 0.9em;
	font-weight: normal;
	font-weight: bold;
	text-align:left;
	padding: 10px 0 0 0;
}

#sidebar p
{
	margin: 5px 0 0 95px;
	padding-right: 10px;
	font-size: 0.7em;
	line-height: 1.2em;
}

#twitter li {
	background-image: none;
}

ul.twocol
{
	width: 100%;
	float: left;
}

ul.twocol li
{
	width: 100%;
	float: left;
	margin: 5px 0;
}



#customergrid 
{
	width: 100%;
	float:left;
}

#customergrid li
{
	line-height: 1em;
	padding: 0px;
	background-image: none;
	margin: 0;
	float: left;
	margin: 0 5px 5px 0;
	border: 1px solid silver;
}

#customergrid a  
{
	text-decoration: none;
}

#customergrid li.customerlink
{
	background-image: url(../images/minipage.png);
	background-position: bottom right;
	border: 1px solid #888;
}

#customergrid ul
{
	width: 100%;
	clear: both;
	padding: 0px;
	margin: 0;
	float: left;
}
#customergrid img
{
	width: 150px;
	height:60px;
	padding: 20px 10px;
	float: left;
}

#customergrid h2
{
	width: 100%;
	float: left;	
}

#bannerphoto
{
	background-image: url(../images/bluesky.jpg);
	width: 100%;
	float: left;
	border-top: 1px solid gray;
}

#bannerphoto p
{
	margin-top: 15px;
	margin-bottom: 15px;
	width: 320px;
	float: right;
	color: black;
	font-weight: bold;
	font-size: 0.8em;
	background-color: rgba(255,255,255,0.66);
	padding: 10px;
}

nav ul{
	float: left;
	width: 100%;
	background:gray ;
	list-style: none;
	padding: 0;
	margin: 0;
}

nav ul.secondary{
	background:white;
	font-size: 0.8em;
	padding: 5px 0;
	border-bottom:  1px solid #333;
}

nav
{
padding: 0;
margin: 0;
}

nav li
{
	float: left;
	padding: 2px 30px;
	margin: 0;
	color: white;
	border-right: 2px solid white;
}

nav ul.secondary li 
{
	padding: 0px 10px;
}
nav li.selected
{
	background-color:#444;
}

nav ul.secondary li.selected
{
	font-weight: bold;
	background-color: white;
}

nav li a
{
	color: white;
}
nav ul.secondary li a
{
	color: #333;
}
nav li:hover
{	
	color: gray;
	background-color: rgb(50,50,50);
}
nav ul.secondary li:hover
{
	color: #333;
	background-color: #eee;
}

img.floatRight
{
	float: right;
	padding: 0 0 10px 10px;
}

#bannerphoto:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

footer a {
	color: gray;
}

footer a:hover {
	text-decoration: underline;
}

footer {
	clear: both;
	margin: 10px 0 10px 0;
	border-top: 2px solid gray;
	padding: 0;
	font-size:0.75em;
	color: gray;
	height:35px;
}

footer li {
	padding: 0;
	font-size:12px;
	list-style: none;
	background-image: none;
}

footer ul
{
	list-style: none;
}

li.regdetails
{
	float: right;
	text-align:right;
}

li.copyright
{
	float: left;
}

article.benefitslist
{
	padding: 10px 0;
	background-color: white;
	margin: 0;
	background-image: url(../images/homeimg.jpg);
	background-position: center right;
	background-repeat: no-repeat;
}
.benefitslist ul
{
margin: 0;
}

.benefitslist h2
{
	color: rgb(44,84,167);
	font-size: 1.5em;
}

.benefitslist li
{
	font-size: 1.2em;
	padding:  0px 0 5px 5px;	
	background-image:none;
}


.custData
{
	padding: 20px;
	overflow-x:hidden;
}

.custData img
{
	float: right;
}

.custData h2
{
	color: rgb(44,84,167);
}

.custData p
{
	color: #222;
}

.custData blockquote
{
	font-weight: bold;
	border-left: 2px solid gray;
	padding: 10px;
}

.newsStory blockquote 
{
	font-weight: bold;
	border-left: 2px solid gray;
	padding: 10px;
}

/*
# Nav ################### 
*/


/*
# Headings ################### 
*/

h1{}

h2{}

h3{}

h4{}

#logo{width:;height:;background:url(../images/logo.gif) no-repeat;}
#logo a{display:block;height:100%;width:100%;}
#logo a span{position:absolute;left:-9999px;top:-9999px;}

/*
# Lists ################### 
*/

/*
# Images ################### 
*/

img{border:none;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}

/*
# Links ################### 
*/

a{}
a:hover{}

/*
# Forms ################### 
*/

/*
# Tables ################### 
*/


/*
# Typography ################### 
*/
p,h1,h2,li
{
	margin:0.5em 0 0.5em 0;
	line-height: 1.5em;
}

/*
# Other ################### 
*/

.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}

/*
# HTML5 Block ################### 
*/
article, aside, figure, footer, header, hgroup, menu, nav, section, figcaption, summary
{display: block;}

.vcard {
	color: #222;
	float: left;
	width: 40%;
}

.vcard .org {
	font-weight: bold;
}

.vcard span
{	
	float: left;
	width: 100%;
}

#maincontent .attachment a {
	float: left;
	text-decoration:none;
	font-size: 0.8em;
	text-align: center;
}

#maincontent .attachment {
	float: right;
	width: 64px;
	padding: 10px 20px;
	text-decoration:none;
	line-height: 1em;
}

.productdata {
	font-size: 0.9em;
}

.productdata h2 {
	color: rgb(44,84,167);;
}

.productdata a {
	font-size: 0.9em;
	text-align: left;
	float: left;
	width: 100%;
}
.productdata {
	
	float: left;
	width: 45%;
	margin-right: 5%;
}

#news
{
	width: 100%;
	float:left;
	padding: none;
	margin: none;
}

#news h1
{
	padding: 0;
	margin: 0;
	border-bottom: 4px solid gray;
	color:  rgb(44,84,167);
}

#news h2
{
	font-size: 14px;
	color:  rgb(44,84,167);;
	padding: 0;
	margin: 0;
}

#news h3
{
	font-size: 12px;
	padding: 0;
	margin: 0;
	color:  gray;
}

#news p
{
	font-size: 12px;
	color:  black;	
	padding: 0;
	margin: 0;
}

.featurebox
{
	float: left;
	width: 100%;
	padding: 10px 0;
	border-bottom: 3px solid gray;
}

.newssnip
{
	float: left;
	width: 48%;
	padding: 10px 5px 10px 0;
}

#maincontent a.readMore
{
	float: right;
	background-color: rgb(64,104,187);
	color: white;
	padding: 1px 5px;
	font-size: 10px;
	text-decoration: none;
}