
body {
	margin:0 8px 0 0px;
	FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif;
	FONT-SIZE: 11px;
	background-color: #FFFFFF;
	color: #000000;
	height: 100%;
	text-align: center;
}

td {
	FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif;
	FONT-SIZE: 11px;
	color: #606060;
}

a:link, a:visited, a:hover {
	font-weight: bold;
	color: #0083d7;
	text-decoration: none;
}

/* main page layout */
#mainpage {  margin: 0; padding: 0; margin-left: auto; margin-right: auto; width: 750px; text-align: left; line-height: 140%; }
#mainlogo { margin: 0; padding: 0; width: 262px; float: left;}
#mainhead { margin: 0; padding: 0; width: 486px; float: left; }
.clear { clear: both; }

/* breadcrumb trail */
#breadcrumb {	margin-left: 10px; margin-top: 6px; margin-bottom: 12px; color: #808080;	font-size: 10px;	}
#breadcrumb a:link, #breadcrumb a:hover, #breadcrumb a:visited {	color: #808080; text-decoration: none;	}

/* navigation */
#topnavholder { width: 750px; background-color: #0B9CF9; height: 28px; }
.topnav { background-color: #008cf2; background-image: url(img/nav_back.gif); background-repeat: x;
	padding: 6px 10px 0px 10px; height: 22px; height: expression(28+'px'); float: left; border-left: 1px solid #005da6; border-right: 1px solid #2aaeff; }
.topnav a:link, .topnav a:visited, .topnav a:hover { color: white; text-decoration: none; font-weight: bold; }

#botnavholder { width: 750px; background-color: #e0e0e0; padding: 2px 0px 2px 0px; margin: 3px 8px 3px 0px;  height: 22px; }
.botnav { margin: 3px 8px 3px 8px;  float: left; background-color: #e0e0e0; color: #404040; font-size: 11px; font-weight: bold; }
.botnav A { text-decoration: none; color: #404040; }

#gtopnavholder {  }
.gtopnav { color: white; float: left;  font-size: 11px; font-weight: bold; }
.gtopnav A { text-decoration: none; color: white; }

#leftnav UL { background-image: url(img/graphback.gif); list-style: none; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 8px; }
#leftnav UL LI { line-height: 14pt; }
#leftnav UL UL {  background-image: url(img/nothing.gif); list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#leftnav UL LI A { font-weight: bold; color: #404040; text-decoration: none; font-size: 11px;  }
#leftnav UL UL LI A { font-weight: normal; color: #404040; text-decoration: none; font-size: 11px;  }


/* main page content */
.body { margin-left: 10px; margin-bottom: 8px;}
.plain {   }
/* three column layout */
#leftmain { width: 192px; float:left; }
#mainmain { width: 392px; width: expression(412+'px'); float: left; padding: 0px 8px 0px 8px; color: #474747; line-height: 125%;}
#rightmain { width: 136px; float: left; }

/* subsection headers for collateral at the bottom and side of the page */
.lrsub { color: #0B9CF9; background: url(img/subsection1.gif) top left; float: left; padding: 2px 0px 2px 12px; font-weight: bold; }
.lrsub A { color: #0B9CF9; text-decoration: none; }
.rlsub { color: #0B9CF9; background: url(img/subsection2.gif) top right; float: left; padding: 2px 0px 2px 12px;  font-weight: bold; }
.rlsub A { color: #0B9CF9; text-decoration: none; }
.lrsubc { float: left; padding: 2px 0px 2px 12px;  }
.rlsubc { float: left; padding: 2px 0px 2px 12px;  }

.rhscase { width: 136px; color: #606060; padding: 6px; margin-bottom: 18px; background: url(img/case-study-tab.gif) #e0e0e0 top right no-repeat; }


/* link styles */
.bblink, .bblink a:link, .bblink a:visited, .bblink a:hover,.bblink:link, .bblink:visited, .bblink:hover  {
	font-weight: bold;
	color: #0083d7;
	text-decoration: none;
}


/* styles for specific layouts */

/* styles that support 5xboxes across the mage middle */
.widenav1 { width: 150px; float: left; }
.widenavtop { padding: 6px 0px 6px 12px; margin-right: 2px; color: white; font-weight: bold; background-color: #0b9cf9; font-size: 12px;}
.widenavimg { }
.widenavcopy { background-color: #f0f0f0; padding: 6px 8px 12px 6px; height: 140px; border-right: 1px solid #c0c0c0; }
.widenavbutton {  padding-left: 6px; background-color: #f0f0f0; text-align: left; border-right: 1px solid #c0c0c0; padding-bottom: 8px;}



/* styles for the products homepage (four columns) */
.fourboxnews { width: 146px; min-height: 222px; float: left; background-color: white; margin-left: 10px; margin-left: expression(8+'px'); margin-right: 4px; }
.fourbox { height: 222px; float: left; padding: 0px; border-left: 1px solid white; }
 

/* styles that support the pre-homepage */
#bighead { background-color: #0083d7; padding-top: 40px; padding-left: 40px; padding-bottom: 18px;}
#prehomeleft { width: 240px; float:left; }
#prehomecentre { width: 285px; float: left; padding-left: 8px;}
#prehomeright {  width: 210px; float: left; padding-left: 5px;}
.homecopy { color: #0083d7; margin-bottom: 4px; }
.newslink { font-weight: bold; text-decoration: none; color: black; }
.newscopy { text-decoration: none; color: black; }
.hplink A { padding-top: 0px; text-decoration: none; color: #0083d7;  font-size: 12px; font-weight: bold; }

/* group home pages */
#groupleft { width: 140px; padding-left: 40px; float:left; }
#groupcentre { width: 345px; float: left; padding-left: 8px;}
#groupright {  width: 190px; float: left; padding-left: 25px;}
#groupbread { padding-left: 40px; }

/* general content styles */

H1 { line-height: 22px; margin: 0; padding: 0; margin-bottom: 12px; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 18px; color: #474747; }

H2 { text-decoration: none; margin: 0;font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #0083d7; font-weight: bold; }
H2 a, H2 a:hover, H2 a:visited, H2 a:link { text-decoration: none; color: #0083d7; }

H3 { font-size: 1.2em; color: #606060; margin: 6px 0px 6px 0px;}
H5 { margin: 0px 8px 0px 0px; padding: 12px 0px 0px 0px; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1em; font-weight: bold; border-bottom: 1px solid #474747; }
.twocol { width: 210px; float: left; margin-right: 6px; }

DT { font-weight: bold;}
DD { margin-left: 0px; padding-bottom: 8px; }







.news { margin: 0px; padding: 0px; background: transparent;  }
.news LI { margin: 0px; padding-left: 12px; padding-bottom: 12px; list-style: none; background-color: white;}
.news LI A { color: #606060; text-decoration: none;}



.gnews { margin: 0px; padding: 0px; background: transparent;  }
.gnews LI { margin: 0px; padding-left: 0px; padding-bottom: 12px; list-style: none; background-color: white;}
.gnews LI A { color: #606060; text-decoration: none;}







#content-wrapper { padding: 0 0 30px 3px; }
#intro img {float: right; margin: 0 20px 15px 10px; }
.cols-3 .col { width: 30%; float: left; margin-right: 10px; padding-top: 10px;}
.item { display:block; height: 14em; position: relative; margin-bottom: 12px; }
.item a { position: absolute; bottom: 0; }
.cols-3 ul { list-style-type: none; padding: 0; margin: 0 0 10px 0; }
.cols-3 li { padding-bottom: 5px; }
.cols-3 h3 { margin-bottom: 6px; padding-bottom: 4px; font-size: 12px; border-bottom: 1px solid #606060; }

.cols-2 .col {width: 45%; float: left; margin-right: 15px; }
.cols-2 .last { margin-right: 0; }
.cols-2 ul { padding: 0; margin: 0; list-style-type: none; }
.cols-2 h3 { font-size: 12px; border-bottom: 1px solid #606060; }



.error { font-weight: bold; color: red; }
.success { font-weight: bold; color: #309030; }
