body {
	font: 69% Tahoma, Verdana, Arial, Sans-Serif;
	background-color: white;
	color: #555;
	margin: 0;
	padding: 0;
}
a {
color: #00304c;
}
img {
border: none;
vertical-align: middle;
}
p {
margin: 0 0 0.75em 0;
line-height: 1.5em;
}
p img {
border: none;
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
color: #555;
background-color: transparent;
font-family: "Lucida Grande", Arial, Verdana, Sans-Serif;
font-weight: normal;
margin: 0 0 0.25em 0;
border-bottom: 0px solid #333;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #333 ! important;
text-decoration: none;
}
h1 {
font-size: 160%;
}
h2 {
	font-size: 125%;
}

.imgtext {
	background-repeat:no-repeat;
	height:60px;
}
#topbar {
	background-color: #7D9DAD;
	height: 105px;
	width: 100%;
	text-align:right;
}
#topbar a {
	color:#FFF;
	text-decoration:none;
}
#logobar {
width:100%;
text-align:left;
	padding-left:10px;
	background-color: #7D9DAD;
	height: 60px;
}
#menubar {
	font-size:14px;
	background-color: #7D9DAD;
	height: 18px;
	padding-right: 60px;
	padding-bottom:6px;
}
#whitedivider {
	height: 2px;
}
#mainimagebar {
	height: 200px;
	background-color: #f0f0f0;
	text-align: center;
}
#contenttitle {
	padding-left: 10px;
}

#greydivider {
	background-color: #f0f0f0;
	height: 10px;
}
#contentbar {
	padding-top: 10px;
}
#infobar {
	clear:both;
	text-align:right;
	padding-right:20px;
	background-color: #f0f0f0;
	height: 50px;
}
#contentareas {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
#contentareas h1 {
	background-position: 10px 0;
}
.contentlink
{
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
}
.contentarea {
float: left;
margin-top: 10px;
background-image: url(images/verticalseparator.gif);
background-position: left top;
background-repeat: repeat-y;
padding-left:10px;
margin-right: 10px;
}
.contentareawide {
float: left;
margin-top: 10px;
background-image: url(images/verticalseparator.gif);
background-position: left top;
background-repeat: repeat-y;
padding-left:10px;
margin-right: 10px;
}
.contentarea {
width: 25%;
}
.contentareawide {
width: 42%;
}
#contentareas div .contenttext {
background-repeat: no-repeat;
padding-top:8px;
padding-bottom:10px;
}
/*
.menuitem {
	color:#FFFFFF;
	float:right;
	margin-right:10px;
	padding-right:20px;
	padding-bottom:2px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #57798A;
	text-decoration: none;
}

#menubar a:hover {
	border-bottom-color: #BBCCD5;
	text-decoration: none;
}
.selectedmenubar {
	border-bottom-color: #BBCCD5;
}
*/
#bottomspacer {
	height:30px;
}

/* column container */
.colmask {
margin-top:10px;
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;				/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {

margin-top:10px;
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
				only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background:#eee;		/* right column background colour */
}
.threecol .colmid {
	right:20%;				/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:60%;				/* width of the middle column */
	background:#f4f4f4;		/* left column background colour */
}
.threecol .col1 {
	width:52%;				/* (46%)  width of center column content (column width minus padding on either side) */
	left:102%;				/* (102%) 100% plus left padding of center column */
}
.threecol .col2 {
	width:15%;				/* (21%) Width of left column content (column width minus padding on either side) */
	left:29%;				/* (31%) width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;				/* (21%) Width of right column content (column width minus padding on either side) */
	left:95%;				/* (85%) Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

.col1 {
	background-image: url(images/verticalseparator.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding-left:10px;
}

.col2 a {
	text-decoration:none;
	width:100%;
	line-height:30px;
	display:block;
	padding-left:10px;
	margin-left:10px;
	background-image: url(images/arrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.col2 .submenuitem {
line-height:15px;
margin-left:20px;
padding-bottom:5px;
}

.col2 a:hover {
background-color: #D5DEE3;
}

.selectedmenuitem {
	font-weight:bold;
}

.col3 a {
	display:block;
	text-decoration:none;
	padding-bottom:5px;
}

.divider {
	width:100%;
	height:5px;
	border-bottom:thin #57798A solid;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
}

.dividerlight {
	width:100%;
	height:0px;
	border-bottom:thin #C7D6DC solid;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
}

.devicebar {
clear:both;
width:90%;
position:relative;
left:5%;
padding-top:20px;
background-image: url(images/horizontalseparator.gif);
background-position: left top;
background-repeat: repeat-x;
}
.device {
float:left;
width:32%;
background-image: url(images/verticalseparator.gif);
background-position: left top;
background-repeat: repeat-y;
}
.devicenosideline {
float:left;
width:32%;
}
.devicelogo {
text-align:center;
clear:right;
padding-bottom:10px;
}
.devicelist {
text-align:center;
padding-bottom:20px;
}