BODY {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: normal; FONT-FAMILY: verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
TD {
	FONT-SIZE: 12px
}
TD.topNavCell {
	BORDER-RIGHT: white 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; BACKGROUND-COLOR: #3399FF; TEXT-ALIGN: center
}
TD.topNavCell A {
	COLOR: white; TEXT-DECORATION: none
}
TD.topNavCell A:hover {
	COLOR: white; TEXT-DECORATION: none
}
TD.topNavCell A:link {
	COLOR: white; TEXT-DECORATION: none
}
TD.topNavCell A:visited {
	COLOR: white; TEXT-DECORATION: none
}
TD.topNavCell A:active {
	COLOR: white; TEXT-DECORATION: none
}
TD.topNavCellOver {
	BORDER-RIGHT: white 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; BACKGROUND-COLOR: #666666; TEXT-ALIGN: center
}
TD.topNavCellOver A {
	COLOR: white; TEXT-DECORATION: none
}
TD.topNavCellOver A:hover {
	COLOR: white; TEXT-DECORATION: none
}
TD.topNavCellOver A:link {
	COLOR: white; TEXT-DECORATION: none
}
TD.topNavCellOver A:visited {
	COLOR: white; TEXT-DECORATION: none
}
TD.topNavCellOver A:active {
	COLOR: white; TEXT-DECORATION: none
}
TD.topNavCellSelected {
	BORDER-RIGHT: white 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; COLOR: black; PADDING-TOP: 3px; BACKGROUND-COLOR: #02488A; TEXT-ALIGN: center
}
TD.topNavCellSelected A {
	COLOR: white; TEXT-DECORATION: none
}
TD.topNavCellSelected A:hover {
	COLOR: white; TEXT-DECORATION: none
}
TD.topNavCellSelected A:link {
	COLOR: white; TEXT-DECORATION: none
}
TD.topNavCellSelected A:visited {
	COLOR: white; TEXT-DECORATION: none
}
TD.topNavCellSelected A:active {
	COLOR: white; TEXT-DECORATION: none
}
TD.logo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
TD.tools {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
TD.navUnderBar {
	HEIGHT: 20px; BACKGROUND-COLOR: #ebebeb
}
TD.leftContent {
	BORDER-RIGHT: #ebebeb 2px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: top; PADDING-TOP: 5px
}
TD.leftNavBorder {
	BORDER-BOTTOM: white 1px solid; HEIGHT: 10px; BACKGROUND-COLOR: #8f98a9
}
TD.leftNavItem1 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; BORDER-BOTTOM: white 1px solid; HEIGHT: 16px; BACKGROUND-COLOR: #aab3b9
}
TD.leftNavItem1 A {
	COLOR: white; TEXT-DECORATION: none
}
TD.leftNavItem1 A:hover {
	COLOR: white; TEXT-DECORATION: none
}
TD.leftNavItem1 A:link {
	COLOR: white; TEXT-DECORATION: none
}
TD.leftNavItem1 A:visited {
	COLOR: white; TEXT-DECORATION: none
}
TD.leftNavItem1 A:active {
	COLOR: white; TEXT-DECORATION: none
}
TD.leftNavItem2 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; COLOR: black; PADDING-TOP: 3px; BORDER-BOTTOM: white 1px solid; HEIGHT: 16px; BACKGROUND-COLOR: #d7ddde
}
TD.leftNavItem2 A {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItem2 A:hover {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItem2 A:link {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItem2 A:visited {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItem2 A:active {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItem1Over {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; COLOR: black; PADDING-TOP: 3px; BORDER-BOTTOM: white 1px solid; HEIGHT: 16px; BACKGROUND-COLOR: #ebebeb
}
TD.leftNavItem1Over A {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItem1Over A:hover {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItem1Over A:link {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItem1Over A:visited {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItem1Over A:active {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItem2Over {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; COLOR: black; PADDING-TOP: 3px; BORDER-BOTTOM: white 1px solid; HEIGHT: 16px; BACKGROUND-COLOR: #666666
}
TD.leftNavItem2Over A {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItem2Over A:hover {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItem2Over A:link {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItem2Over A:visited {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItem2Over A:active {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItemSelected {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; COLOR: black; PADDING-TOP: 3px; BORDER-BOTTOM: white 1px solid; HEIGHT: 16px; BACKGROUND-COLOR: white
}
TD.leftNavItemSelected A {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItemSelected A:hover {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItemSelected A:link {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItemSelected A:visited {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftNavItemSelected A:active {
	COLOR: black; TEXT-DECORATION: none
}
TD.leftBottomContent {
	FONT-SIZE: 12px; VERTICAL-ALIGN: bottom
}
TABLE.entryBox {
	BORDER-RIGHT: #ababab 2px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ababab 2px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 5px 0px 0px; BORDER-LEFT: #ababab 2px solid; WIDTH: 155px; COLOR: #6b6c6e; PADDING-TOP: 3px; BORDER-BOTTOM: #ababab 2px solid; BACKGROUND-COLOR: #ebebeb
}
INPUT.entryBoxField {
	BORDER-RIGHT: #ababab 1px solid; BORDER-TOP: #ababab 1px solid; BORDER-LEFT: #ababab 1px solid; WIDTH: 116px; MARGIN-RIGHT: 3px; BORDER-BOTTOM: #ababab 1px solid
}
INPUT.entryBoxButton {
	BORDER-RIGHT: #ababab 1px solid; BORDER-TOP: #ababab 1px solid; BORDER-LEFT: #ababab 1px solid; BORDER-BOTTOM: #ababab 1px solid
}
TD.mainContent {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 5px
}
TD.centreContent {
	VERTICAL-ALIGN: top
}
TD.rightContent {
	VERTICAL-ALIGN: top
}
TD.rightTopCell {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; VERTICAL-ALIGN: bottom; COLOR: #4c535d; PADDING-TOP: 10px; BACKGROUND-COLOR: #e4e4e4
}
TD.rightBottomContent {
	PADDING-RIGHT: 5px; BORDER-TOP: #ebebeb 2px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: bottom; COLOR: #4c535d; LINE-HEIGHT: 14px; PADDING-TOP: 5px
}
.rightNavRule {
	MARGIN: 0px -5px 10px; BORDER-BOTTOM: #ebebeb 2px solid
}
.rightNavList {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 37px
}
.rightNavList UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.rightNavList LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #69b1e7; PADDING-TOP: 0px
}
.articleNavList {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 10px
}
.articleNavList UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.articleNavList LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #69b1e7; PADDING-TOP: 0px
}
.bulletPoint {
	FONT-SIZE: 12px; COLOR: #69b1e7
}
.bulletPointtxt {
	PADDING-RIGHT: 3px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.rightNavList A {
	COLOR: #000070; TEXT-DECORATION: none
}
.rightNavList A:link {
	COLOR: #000070; TEXT-DECORATION: none
}
.rightNavList A:active {
	COLOR: #000070; TEXT-DECORATION: none
}
.rightNavList A:visited {
	COLOR: #000070; TEXT-DECORATION: none
}
.rightNavList A:hover {
	COLOR: #000070; TEXT-DECORATION: underline
}
TD.breadcrumbs {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: top; COLOR: white; PADDING-TOP: 3px; BACKGROUND-COLOR: #8f98a9
}
TD.breadcrumbs A {
	COLOR: white; TEXT-DECORATION: none
}
TD.breadcrumbs A:hover {
	COLOR: white; TEXT-DECORATION: none
}
TD.breadcrumbs A:link {
	COLOR: white; TEXT-DECORATION: none
}
TD.breadcrumbs A:visited {
	COLOR: white; TEXT-DECORATION: none
}
TD.breadcrumbs A:active {
	COLOR: white; TEXT-DECORATION: none
}
TD.heading {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; BACKGROUND-COLOR: #8f98a9
}
TD.heading2 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; BACKGROUND-COLOR: #8f98a9
}
TD.content {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: top; PADDING-TOP: 18px
}
TD.sitemapHeading {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; BORDER-BOTTOM: white 2px solid; BACKGROUND-COLOR: #000070; TEXT-ALIGN: left
}
TD.sitemapHeading A {
	COLOR: white; TEXT-DECORATION: none
}
TD.sitemapHeading A:hover {
	COLOR: white; TEXT-DECORATION: none
}
TD.sitemapHeading A:link {
	COLOR: white; TEXT-DECORATION: none
}
TD.sitemapHeading A:visited {
	COLOR: white; TEXT-DECORATION: none
}
TD.sitemapHeading A:active {
	COLOR: white; TEXT-DECORATION: none
}
TD.sitemapLink {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; COLOR: black; PADDING-TOP: 0px; TEXT-ALIGN: left
}
TD.sitemapLink A {
	COLOR: black; TEXT-DECORATION: none
}
TD.sitemapLink A:hover {
	COLOR: black; TEXT-DECORATION: none
}
TD.sitemapLink A:link {
	COLOR: black; TEXT-DECORATION: none
}
TD.sitemapLink A:visited {
	COLOR: black; TEXT-DECORATION: none
}
TD.sitemapLink A:active {
	COLOR: black; TEXT-DECORATION: none
}
TD.caseStudyHeading {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px
}
TD.caseStudyLogo {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
TD.caseStudyDetails {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; COLOR: black; PADDING-TOP: 5px; BACKGROUND-COLOR: #e9eaec
}
TD.caseStudyImage {
	BACKGROUND-COLOR: #e9eaec
}
TD.caseStudyBody {
	PADDING-RIGHT: 10px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; COLOR: black; PADDING-TOP: 10px
}
TD.caseStudyControls {
	PADDING-RIGHT: 10px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; COLOR: black; PADDING-TOP: 10px
}
FORM {
	MARGIN: 0px
}
INPUT {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 1px; COLOR: #000000; PADDING-TOP: 1px; FONT-STYLE: normal; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
SELECT {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 1px; COLOR: #000000; PADDING-TOP: 1px; FONT-STYLE: normal; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.submit {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; COLOR: #000000; PADDING-TOP: 1px; FONT-STYLE: normal
}
TEXTAREA {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; COLOR: #000000; PADDING-TOP: 3px; FONT-STYLE: normal; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.hide {
	VISIBILITY: hidden
}
A {
	COLOR: #0000aa; TEXT-DECORATION: none
}
A:link {
	COLOR: #0000aa; TEXT-DECORATION: none
}
A:hover {
	COLOR: #0000aa; TEXT-DECORATION: none
}
A:active {
	COLOR: #0000aa; TEXT-DECORATION: none
}
A:visited {
	COLOR: #0000aa; TEXT-DECORATION: none
}
A:hover {
	COLOR: #0000aa; TEXT-DECORATION: underline
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

td.newsDisp {	width:600px;}
.clearfloat{
	float:none; 
	width:100%;
	clear:both;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STYLES FOR DEMO ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html {
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 150%;
}



h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.5em;
}

p {
  font-size: 1em;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fontResizer { display: block; position: absolute; position: absolute; top: 0; left: 0; }

.fontResizer a { display: block; float: left; width: 17px; height: 17px; text-align: center; border: 1px solid #ccc; line-height: 15px; color: #666; text-decoration: none; }

.fontResizer a:hover { color: #000; text-decoration: none; }

/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/

.smallFont { font-size: 9px; }

.medFont { font-size: 13px; }

.largeFont { font-size: 15px; }

.curFont { background: #EEEEF7; }