body {margin: 0px; color: #333333; background: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal;}
td {font-size: 80%;	color: #333333;	line-height: 1.5 em; text-align: left; vertical-align: top;}

/* Main text styles*/
.boldtext {font-weight: bold; padding-bottom: 10px;}
.parahead {font-size: 110%; font-weight: bold;}
.subhead {font-size: 105%; font-weight: bold; margin-top: 20px;	border-top-width: 1px; border-top-style: solid;	border-top-color: #CCCCCC;
	padding-top: 20px;}
.subsubhead {font-size: 95%; font-weight: bold; color: #666666; line-height: 1.1em;}
.smalltext {font-size: 95%; color: #666666; line-height: 1.1em;}
.heading {font-size: 140%; font-weight: bold; color: #333333; padding-top: 10px; line-height: 1.2em;}
.quote {font-size: 100%; font-weight: normal; color: #666666; padding: 7px;} 
#browse {font-size: 140%; font-weight: normal; color: #FF6600;}
h1 {font-size: 215%; font-weight: normal; color: #333333; line-height: 1.2em;}
h2 {padding-top: 20px; font-size: 130%;}

/*link styles*/
a {text-decoration:none; color: #990066;} 
a:hover {color: #666666;}

a.whatnav, a.hownav, a.whonav, a.whynav {color: #FFFFFF; line-height: 10px;}	
a.whatnav:hover {color: #FF6600;}
a.hownav:hover {color: #FF0066;}
a.whonav:hover {color: #00CCFF;}	
a.whynav:hover {color: #CCFF00;}

a.whatnavon {color: #FF6600; line-height: 12px;	font-weight: bold;}	
a.whatnavon:hover {color: #FF6600;}

a.whynavon {color: #CCFF00; line-height: 12px; font-weight: bold;}	
a.whynavon:hover {color: #CCFF00;}

a.hownavon {color: #FF0066; line-height: 12px; font-weight: bold;}	
a.hownavon:hover {color: #FF0066;}

a.whonavon {color: #00CCFF; line-height: 12px; font-weight: bold;}	
a.whonavon:hover {color: #00CCFF;}

a.whatnav2 {color: #333333; line-height: 12px;}
a.whatnav2:hover {color: #FF6600;}

a.whatnav2on {color: #333333; line-height: 12px; font-weight: bold;}
a.whatnav2on:hover {color: #333333;}

a.nav2 {color: #333333; line-height: 12px;}
a.nav2:hover {color: #990066;}

a.nav2on {color: #990066; line-height: 12px; font-weight: bold;}	
a.nav2on:hover {color: #990066;}

a.morelink {color: #666666; font-weight: bold;} 
a.morelink:hover {color: #990066;}

a.casemorelink {color: #FFFFFF; font-weight: bold;}	
a.casemorelink:hover {color: #333333;}

p.indented-nav {padding-left: 16px; line-height: 6px;}

/* quick links table as seen on index page */
#linkstable  {width: 334px; padding-top: 20px;}
#linkstable td {padding-right: 5px; padding-bottom: 5px;}

/* shadows */
.shadleft {background-image: url(images/shad-left.gif); background-repeat: repeat-y; background-position: left top; width: 8px;}
.shadmid {background-image: url(images/shad-mid.gif); background-repeat: repeat-y; background-position: left top; width: 6px;}
.shadright {background-image: url(images/shad-right.gif); background-repeat: repeat-y; background-position: left top; width: 8px;}

/* grey background navigation area */
#navbox {
	background-color: #333333;
	padding: 14px;
	vertical-align: middle;
	width: 157px;
	height: 111px;
}

/* sub navigation area - below gray navigation area */
#navbox2 {width: 157px; padding: 14px;}

/* sub sub navigation area - this adds some extra padding at bottom to add diferentiation between navigation */
#navbox3 {width: 160px; margin-bottom: 20px; border-bottom: 1px solid #CCCCCC; padding-bottom: 20px;}

/* feature link box on the home page */
#featurelinks {
	width: 146px;
	background-color: #3399CC;
	padding: 14px;
	background-image: url(images/feature_background.gif);
	background-repeat: repeat-y;
}
#featureheadline {font-size: 140%; font-weight: bold; color: #FFFFFF;}
a.featurenav2 {color: #FFFFFF; line-height: 12px;}
a.featurenav2:hover {color: #333333;}
	
/* inner tables and areas */
#innertable {width: 567px; padding: 22px 22px 22px 20px;}
#innertable2 {width: 567px;}
#mainarea {width: 381px; padding: 22px 22px 22px 20px;}
#mainarea2 {width: 527px; padding: 22px 22px 22px 20px;}
#subarea {border-left: 1px solid #CCCCCC; width: 162px; padding: 22px 22px 22px 20px;}

/* Features */
.features {margin-bottom: 20px; width: 100%;}
.feature-arrow {background-color: #333333; padding: 5px; width: 30px; border: 1px solid #333333; text-align: center; vertical-align: top;}
.feature {padding: 5px; border: 1px solid #333333;}
.featurehead {font-size: 140%; padding: 7px;}

/* Case Study styles */
.casesarrow {background-color: #333333; padding: 5px; width: 30px; border: 1px solid #333333; text-align: center; vertical-align: middle; height: 20px;}
.caseslink {background-color: #0099FF; padding: 0 10 1 10px; text-align: left; border-top: 1px solid #333333; vertical-align: middle;}
.casesimage {background-color: #333333; width: 200px; border-bottom: 1px solid #333333;}
.case {border: 1px solid #333333; padding: 5px;}
.casestudies {width: 100%; margin-bottom: 20px;}
.casestudies-arrow {background-color: #FF6600; padding: 5px; width: 30px; border: 1px solid #FF6600; text-align: center; vertical-align: top;}
.casestudy {padding: 5px; border: 1px solid #FF6600; vertical-align: middle;}
.casehead {font-size: 140%;	color: #333333; font-weight: normal;}
.casedate {font-size: 100%; color: #0099FF;}
.caseimagebox {
	padding: 5px;
	border: 1px solid #333333;
	width: 150px;
	margin-right: 15px;
	margin-bottom: 15px;
	height: 180px;
}
.rainbow {
	background-image: url(images/rainbow.jpg);
	background-repeat: repeat-y;
}

/* Bars */
.bars {background-color: #333333; height: 3px; width: 100%;}

/* Footer Styles */
tr td#footerleft {background: #333333; padding: 5 23 5 23px; text-align: left;  vertical-align: middle; color: white; height: 24px; font-size: 80%;}
tr td#footerright {background: #333333; padding: 5 23 5 15px; text-align: right; font-size: 65%; color: white; vertical-align: middle; height: 24px;}
tr td#footerleft a:link {padding: 0 15 0 0px; color: white; font-size: 80%;}
tr td#footerright a:link {color: white; font-size: 100%;}
tr td#footerleft a:hover {padding: 0 15 0 0px; color: #CCFF00; font-size: 80%;}
tr td#footerright a:hover {color: #CCFF00; font-size: 100%;}
tr td#footerleft a:visited {padding: 0 15 0 0px; color: white; font-size: 80%;}
tr td#footerright a:visited {color: white; font-size: 100%;}

/* Form Styles */
.field {
	border: 1px solid #999999;
	padding: 1px;
	text-align: left;
	font-size: 100%;
}
.formbold {
	font-weight: bold;
	padding-bottom: 0px;
	padding-top: 25px;
}

/* News Styles */
.newsbox {
	width: 567px;}
.newsbox td {
	width: 30%;
	padding: 22px;
}