@charset "utf-8";
/* CSS Document */

* {
	padding: 0px;
	margin: 0px;
	border: none;
	outline: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
}

body {

}

table, th, td, tr {
	border-collapse: collapse;
	border: none;
	outline: none;
	padding: 0px;
	margin: 0px;
}

table {
	width: 100%;
}

div {
	position: relative;
}

.clear {
	clear: both;
}

a:link { color: #669933; text-decoration: none; }
a:visited { color: #669933; text-decoration: none; }
a:active { color: #669933; text-decoration: none; }
a:hover { color: #669933; text-decoration: underline; }

a.blueLink:link { color: #003366; font-size: inherit; text-decoration: none; }
a.blueLink:visited { color: #003366; font-size: inherit; text-decoration: none; }
a.blueLink:active { color: #003366; font-size: inherit; text-decoration: none; }
a.blueLink:hover { color: #669933; font-size: inherit; text-decoration: none; }

a.whiteLink:link { color: #FFFFFF; font-size: inherit; text-decoration: none; }
a.whiteLink:visited { color: #FFFFFF; font-size: inherit; text-decoration: none; }
a.whiteLink:active { color: #FFFFFF; font-size: inherit; text-decoration: none; }
a.whiteLink:hover { color: #669933; font-size: inherit; text-decoration: none; }

img {
	border: none;
}

h1 {
	font-size: inherit;
	color: inherit;
	font-weight: normal;
	letter-spacing: inherit;
	line-height: inherit;
}

h2 {
	font-size: inherit;
	color: inherit;
	font-weight: normal;
	letter-spacing: inherit;
	line-height: inherit;
}

h3 {

}

input, textarea {
	border: 1px solid #669933;
	margin: 2px;
	padding: 1px;
}

input[type="image"], input[type="submit"], input[type="checkbox"] {
	border: none;
	margin: 0px;
}

.JVSpacer hr {
	width: 90%;
	height: 2px;
	color: #003366;
}

.siteOutline {
	margin-left: auto;
	margin-right: auto;
	width: 875px;
	height: auto;
	min-height: 665px;
}

.mainSite {
	border: 6px solid #669933;
	border-bottom: none;
	padding: 3px;
	padding-bottom: 0px;
	width: auto;
	height: auto;
	min-height: 425px;
}

.cms {
	border: 6px solid #669933;
	border-bottom: none;
	padding: 3px;
	padding-bottom: 0px;
	width: auto;
	height: auto;
	min-height: 425px;
}

.IE6fix {
	top: 0px;
	right: -2px;
}

.topGreyBar {
	width: auto;
	height: 10px;
	background-color: #CCCCCC;
}

.IE7Advice {
	position: absolute;
	top: 32px;
	left: 40px;
	width: 500px;
	height: auto;
	color: #FF0000;
	font-size: 12px;
	padding: 4px;
	border: 1px solid #FF0000;
	text-align: justify;
}

.IE7Advice a {
	font-size: 12px;
	font-weight: bold;
}

.menu {
	position: absolute;
	left: 0px;
	top: 25px;
	width: 214px;
	height: 100%;
	padding-top: 50px;
}

.menuBorder {
	position: absolute;
	top: 25px;
	left: 212px;
	width: 1px;
	height: 100%;
	border-right: 1px solid #7C8DA2;
}

.contentBack {
	position: absolute;
	background-image: url(../images/blueFadeBack.gif);
	background-repeat: repeat-y;
	background-attachment: scroll;
	top: 75px;
	left: 214px;
	width: 400px;
	height: 100%;
}

.linkLogo {
	position: absolute;
	top: 30px;
	right: 25px;
}

.pageImage {
	position: absolute;
	height: auto;
	width: auto;
	bottom: -48px;
	right: 10px;
}

.blueSwoosh {
	background-image: url(../images/blueSwoosh.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	position: absolute;
	width: 850px;
	height: 512px;
	left: 3px;
	bottom: -97px;
}

.menuContent {
	margin-left: 60px;
	width: 153px;
	height: auto;
}

.menuContent td {
	text-transform: uppercase;
	text-align: right;
	padding: 3px;
	padding-right: 22px;
	background-position: right;
	background-repeat: no-repeat;
}

.menuContent .white a, .menuContent .grey a {
	font-size: 12px;
	color: inherit;
	text-decoration: none;
}

.menuContent .white {
	background-color: #FFFFFF;
	color: #669933;
	background-image: url(../images/menuIcon.gif);
}

.menuContent .grey {
	background-color: #A0ABB8;
	color: #FFFFFF;
	background-image: url(../images/menuIconWhite.gif);
}

.pageContent {
	top: 75px;
	left: 214px;
	width: 375px;
	height: auto;
	padding-bottom: 125px;
}

.cms .pageContent {
	width: 550px;
}

.pageHeader {
	left: -3px;
	top: -13px;
	width: 325px;
	background-color: #DEE2E9;
}

.pageHeader .top {
	border-top: 2px solid #D4DAE2;
}

.pageHeader .pageHeading {
	padding: 5px;
	padding-left: 30px;
	padding-right: 20px;
	border-right: 2px solid #D4DAE2;
}

.pageHeader .pageHeading h1 {
	font-size: 20px;
	letter-spacing: 0.25px;
	padding-bottom: 4px;
}

.pageHeader .pageHeading h2 {
	font-size: 14px;
	letter-spacing: 0.25px;
}

.pageHeader .bottom {
	border-bottom: 2px solid #D4DAE2;
}

.pageHeader .topCorner {
	position: absolute;
	top: 0px;
	right: 0px;
}

.pageHeader .bottomCorner {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.pageText {
	padding-left: 30px;
}

.pageText p {
	margin-bottom: 10px;
}

.contentBox {
	height: 50px;
}

.contentBox .leftSide {
	position: absolute;
	top: 7px;
	bottom: -3px;
	left: -7px;
	height: auto;
	width: 7px;
	background-color: #CAD4E2;
}

.contentBox .rightSide {
	position: absolute;
	top: 7px;
	bottom: -3px;
	right: -7px;
	height: auto;
	width: 7px;
	background-color: #CAD4E2;
}

.contentBox .topLeft {
	position: absolute;
	top: 0px;
	left: -7px;
	background-image: url(../images/contentBoxTopLeft.gif);
	background-repeat: no-repeat;
}

.contentBox .topRight {
	position: absolute;
	top: 0px;
	right: -7px;
	background-image: url(../images/contentBoxTopRight.gif);
	background-repeat: no-repeat;
}

.contentBox .bottomLeft {
	position: absolute;
	bottom: -10px;
	left: -7px;
	background-image: url(../images/contentBoxBottomLeft.gif);
	background-repeat: no-repeat;
}

.contentBox .bottomRight {
	position: absolute;
	bottom: -10px;
	right: -7px;
	background-image: url(../images/contentBoxBottomRight.gif);
	background-repeat: no-repeat;
}

.contentBox .content {
	background-color: #CAD4E2;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding: 5px;
	padding-left: 0px;
	padding-right: 0px;
	vertical-align: top;
	line-height: 16px;
}

.contentBox .content p {
	margin: 0px;
}

.contentBox .readButton {
	bottom: 12px;
	left: 240px;
}

.lowerPics {
	margin-top: 35px;
	width: 100%;
	height: 99px;
}

.lowerPics div {
	float: left;
	top: 0px;
	width: 138px;
	height: 99px;
	background-repeat: no-repeat;
}

.lowerPics div .text {
	top: 77px;
	left: 7px;
}

.lowerPics div .text a {
	font-size: 14px;
	color: #FFFFFF;
}

.lowerPics .whiteArrow {
	top: -22px;
	left: 113px;
}

.lowerPics .ourServices {
	background-image: url(../images/indexServicesPic.gif);
}

.lowerPics .caseStudies {
	left: 35px;
	background-image: url(../images/indexCaseStudiesPic.gif);
}

.pageContent .pageText .servicesLeft {
	
}

.pageContent .pageText .servicesRight {
	position: absolute;
	left: 250px;
	top: 0px;
	width: 200px;
}

.cms .pageContent .pageText .servicesRight {
	width: 500px;
}

.pageContent .pageText .servicesLeft ul {
	margin-left: 22px;
	margin-bottom: 9px;
	list-style-type: circle;
}

.pageContent .pageText .servicesLeft ul li {
	font-weight: bold;
	margin-bottom: 0px;
}

.pageContent .pageText .servicesRight ul {
	margin-left: 17px;
	list-style-image: url(../images/greenRingBullet.gif);
}

.pageContent .pageText .servicesRight ul li {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 12px;
	color: #669933;
}

.pageContent .pageText .servicesRight ul li a {
	font-size: 12px;
}

ul.caseStudyList {
	margin: 0px;
	margin-left: 17px;
	list-style-image: url(../images/greenRingBullet.gif);
}

ul.caseStudyList li {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 12px;
	text-transform: capitalize;
	color: #669933;
}

ul.caseStudyList li a {
	font-size: 12px;
}

.caseStudy {
	margin: 10px 0px;
	padding-top: 10px;
	border-top: 1px solid #003366;
}

.caseStudy p, .caseStudy p strong {
	font-size: 11px;
}

.caseStudyTitle {
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.caseStudyText {
	
}

.caseStudyPics {
	width: 340px;
	text-align: center;
}

.caseStudyPics img {
	border-bottom: 1px solid #003366;
}

.caseStudyImgLeft {
	float: left;
	width: 160px;
	height: auto;
	text-align: center;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	padding-bottom: 2px;
	border: 1px solid #003366;
}

.caseStudyImgRight {
	float: left;
	width: 160px;
	height: auto;
	text-align: center;
	margin: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 0px;
	padding-bottom: 2px;
	border: 1px solid #003366;
}

.caseStudyImg span {
	margin: 0px;
	padding: 0px;
}

.jobVac {
	width: 325px;
}

.jobVac td {
	vertical-align: middle;
}

.JVtitle {
	padding-bottom: 3px;
}

.JVtitle h3 {
	font-size: 12px;
}

.JVref {
	text-align: right;
	padding-bottom: 3px;
}

.JVdetail {
	text-align: justify;
}

.spacer {
	padding-bottom: 10px;
	padding-top: 10px;
}

.JVSpacer {
	width: 100%;
	background-color: #CCCCCC;
	height: 2px;
}

.news {
	width: 325px;
}

.news td {
	vertical-align: middle;
}

.Nheadline {
	padding-bottom: 3px;
	padding-right: 5px;
}

.Nheadline h3 {
	font-size: 12px;
}

.Ndate {
	padding-bottom: 3px;
	text-align: right;
	font-weight: bold;
}

.Nimage {
	margin: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
	border: 1px solid #003366;
}

.Nstory {
	width: 100%;
	text-align: justify;
}

.Nspacer {
	width: 100%;
	background-color: #CCCCCC;
	height: 2px;
}

.formLabel {
	text-align: right;
	padding-right: 5px;
	vertical-align: top;
}

.formInput {
	vertical-align: top;
}

#frmLogin .formLabel {
	width: 75px;
}

.cms .CMSCaseStudy .formLabel {
	font-weight: bold;
	width: 60px;
	padding-right: 5px;
	vertical-align: top;
}

.cms .caseStudyImg {
	float: left;
	width: 160px;
	height: auto;
	text-align: center;
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
	border: 1px solid #003366;
}

.cms .caseStudyImgRight {
	float: left;
	width: 160px;
	height: auto;
	text-align: center;
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
	border: 1px solid #003366;
}

.CMScaseStudyPics {
	width: 530px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	z-index: 1250;
}

.CMSCSPicDelLeft {
	float: left;
	width: 160px;
	text-align: center;
	margin: 10px 0px;
	z-index: 1500;
}

.CMSCSPicDelRight {
	float: left;
	width: 160px;
	text-align: center;
	margin: 10px;
	margin-right: 0px;
	z-index: 1500;
}

.CMSCSPicDelLeft span, .CMSCSPicDelRight span {
	margin: 0px;
	padding: 0px;
}

.CMScaseStudyPics img {
	border-bottom: 1px solid #003366;
}

.cms .news .formLabel {
	font-weight: bold;
	width: 60px;
	padding-right: 5px;
	vertical-align: top;
}

.cms .news {
	border-collapse: collapse;
	width: 500px;
}

.news td {
	padding: 2px;
}

.cms .vacs .formLabel {
	font-weight: bold;
	width: 60px;
	padding-right: 5px;
	vertical-align: top;
}

.cms .vacs {
	border-collapse: collapse;
	width: 100%;
}

.vacs td {
	padding: 2px;
}

.footer {
	height: 240px;
}

.greenSwoosh {
	position: absolute;
	top: -5px;
}

.footerText {
	left: 40px;
	top: 135px;
}

.footerText p {
	margin-bottom: 10px;
}

.bottomGreyBar {
	left: -40px;
	width: auto;
	height: 3px;
	background-color: #CCCCCC;
	margin: 7px;
	margin-right: 0px;
	margin-left: 0px;
}