/* Styles required to alter print versions of pages. */
.ToPrintOnly {
	display: none;
}
.ToNotPrint {
}
.PrintHeaderImage {
	display: none;
}

/* Overall Layout */
html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	border: 0px solid green;
	color: #000000;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F3F3FF;
	background-image:  url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: 7.6em 0;
	min-width: 720px;
}
#wrap {
	border: 0px solid black;
	margin: 0;
	padding: 0;
}
#header {
	padding: 0;
	margin: 0;
	background-color: #CCCCFF;
	border: 0px solid black;
	height: 84px;
}
#header h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0px;
	color: #000099;
	padding-left: 2.143em; /* 3/1.4 = 2.143em */
	border: 0px solid green;
}
.HeadIcon {
  width: 7.6em;
	float: left;
	margin: 0px;
	padding: 2px 0px;
	background-color: #F3F3FF;
	border: 0px solid green;
}
.HeadIcon img { 
/* This style is needed when the doctype is XHMTL 1.0 strict, in order to stop an extra 2px or so appearing below the image. These extra pixels are due to the extra space needed for text characters that go below the line, such as a letter g. */
	display: block; 
	margin: 0px auto;
}
.HeadImage {
  width: 350px;
	float: right;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	border: 0px solid green;
	border-top: 8px solid #000099;
}
.HeadBar {
	margin: 0px;
	padding: 0px;
	border: 0px solid green;
	border-top: 8px solid #000099;
	margin-left: 7.6em;
	margin-right: 350px;
	padding-top: 25px;
}
#maincontent {
	margin: 0px;
	padding: 0px;
	border: 0px solid black;
	width: 100%;
}
#sidebar { /* Top left table cell. 7.6em width required. */
  width: 7.6em;
	padding: 2em 0em;
	margin: 0;
	background-color: #000099;
	vertical-align: top;
	border: 0px solid green;
}
#sidebar #sidebarwrapper {
	padding: 0em 0.75em 0em 0.5em;
}
#MainNavigation {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}
#MainNavigation li {
	font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 1em 0;
	padding: 0;
}
#MainNavigation a:link, #MainNavigation a:visited {
	color: #CCFFFF;
	text-transform: uppercase;
	text-decoration: none;
}
#MainNavigation a:hover, #MainNavigation a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#main { /* Top right table cell */
	margin: 0;
	padding: 1.2em 3em 0em 3em;
	border: 0px solid red;
	vertical-align: top;
}
#main h2 {
	padding-top: 0.6em; /* Top right bottom left */
	padding-bottom: 0.6em; /* Top right bottom left */
	margin: 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #CC0000;
}
#main H3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #000099;
	margin-top: 0px;
	margin-bottom: 0px;
}
#main H4 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #CC0000;
	margin: 0;
}
#footerleft { /* Bottom left table cell */
  width: 7.6em;
	padding: 1em 0em 0.4em 0em;
	margin: 0;
	vertical-align: bottom;
	background-color: #000099;
	border-bottom: 2px solid #000099;
}
#footerleft .csslink {
	margin: 0 1.5em;
	padding: 0.05em 0 0.1em 0;
	border: 1px solid #000000;
	text-align: center;
	background-color: #FFFFFF;
	font-size: 0.7em;
	font-weight: bold;
}
#footer { /* Bottom right table cell */
	padding: 0 0 0.4em 0;
	margin: 0;
	border-bottom: 2px solid #000099;
	vertical-align: bottom;
}
#footer .footercontent {
	color: #000000;
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	border: 0px solid green;
}
.footercontent a:link, .footercontent a:visited {
	color: #0000FF;
	text-decoration: underline;
}
.footercontent a:hover, .footercontent a:active {
	color: #000099;
	text-decoration: none;
}
.PrintHeaderImage {
	display: none;
}
br.cleared {
	clear: both;
}
.thinborder1, .b1 {
	border: 1px solid #000000;
}
.ptop {
	margin-top: 0px;
}
.pbottom {
	margin-bottom: 0px;
}
.pboth {
	margin-top: 0px;
	margin-bottom: 0px;
}
.multiImages {
  float: right;
	width: 180px;
	text-align: center;
	padding-top: 1em;
}
.HomeContent {
	margin-right: 185px;
}
img {
	border: 0px;
	padding: 0;
	margin: 0;
}
img.Services {
	margin-right: 0.5em;
}
img.validlogo {
	display: block; 
	margin: 0.6em auto;
	padding-left: 5px;
}
.imglayoutRight1 {
	float: right;
	padding: 2em 1em 1em 1em; /* top right bottom left */
	text-align: center;
	font-size: 0.7em;
	font-weight: bold;
	color: #000099;
}
.imglayoutRight2 {
	float: right;
	padding: 0em 1em; /* top right bottom left */
	text-align: center;
	font-size: 0.7em;
	font-weight: bold;
	color: #000099;
}
ul.nomargin {
	margin: 0;
	padding: 0;
	border: 0px none; 
	list-style-position: inside;
	list-style-type: disc;
}
li.spaced {
	margin-bottom: 0.3em;
}
ul.margin2 {
	margin-top: 0.3em;
}
td.col1 {
	width: 48%;
	padding-right: 1%;
	padding-bottom: 1em;
	text-align: left;
	vertical-align: top;
}
td.col2 {
	width: 48%;
	padding-left: 1%;
	padding-bottom: 1em;
	text-align: left;
	vertical-align: top;
}

/* Links */
a:link, a:visited {
	color: #0000FF;
	text-decoration: underline;
}
a:hover, a:active {
	color: #000099;
	text-decoration: none;
}
a.CSSLink:link, a.CSSLink:visited {
	color: #000000;
	text-decoration: none;
}
a.CSSLink:hover, a.CSSLink:active {
	color: #CC0000;
	text-decoration: underline;
}

/* Headers and Text */
.subHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #333366;
	border-style: solid;
	border-color: #A14138;
	border-left-width: 2px;
	border-bottom-width: 1px;
	border-top: none;
	border-right: none;
	padding-left: 2px;
}
.alignCenter {
	text-align: center;
}
.copyright {
	font-weight: bold;
	padding-top: 2px;
}
.credits {
	display: none;
}
/* Text */
.TextBiggest {
	font-size: 1em;
}
.TextBig {
	font-size: 0.9em;
}
.TextStandard {
	font-size: 0.8em;
	margin-top: 2px;
}
.TextSmall {
	font-size: 0.7em;
}
.TextSmallest {
	font-size: 0.6em;
}
.TextHighlight1 {
	color: #CCFFFF; /* Blue */
}
.TextHighlight2 {
	color: #FF0000; /* Red */
}
.caption {
	font-size: 0.7em;
	font-weight: bold;
	color: #666666;
}

/* Content to be displayed when JavaScript is disabled. These styles are altered in the hide.css stylesheet, which is only used if JavaScript is enabled. */
.PromScapeLogin {
	height: 325px;
	margin: 0;
	width: 98%;
	border: 1px solid #000099;
	display: block;
}
a.reveallink:link, a.reveallink:visited, a.reveallink:hover, a.reveallink:active {
	color: #000000;
	text-decoration: none;
	cursor: default;
}
.revealsection {
	margin-top: 1em;
}
.revealText {
	color: #000099;
	display: inline;
}
#Services2-1 {
  display: block;
}
#Services2-2 {
  display: block;
}
#Services2-3 {
  display: block;
}
#Services2-4 {
  display: block;
}
#Services3-1 {
  display: block;
}
#Services3-2 {
  display: block;
}
#Services3-3 {
  display: block;
}

/* Contact form */
.TableForm {
	border: 1px solid #000000;
	width: 500px;
	margin: 0.2em auto 0;
}
.TableCell1 {
	background-color: #330099;
	font-size: 0.8em;
	color: #FFFFFF;
	font-weight: bold;
}
.TableCell2 {	
	font-size: 0.8em;
	color: #000000;
	text-align: center;
}
.TableCell3 {	
	color: #000000;
	text-align: left;
}
.TableCell4 {	
	font-size: 0.8em;
	font-weight: bold;
	color: #330099;
	background-color: #CCFFFF;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #330099;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #330099;
}
.TableCell5 {	
	color: #000000;
	text-align: left;
}
.TableCellHeader {
	font-size: 0.8em;
	color: #000000;
	text-align: right;
}
.FormField {
	font-family: Verdana, Arial;
	font-size: 0.8em;
	width: 380px;
}
.FormFieldTextArea {
	font-family: Verdana, Arial;
	font-size: 0.8em;
	width: 380px;
}
.FormFieldDD {
	font-family: Verdana, Arial;
	font-size: 0.8em;
	width: 150px;
}
.ReadOnlyField {
	background-color: #FFFFCC;
	font-size: 0.8em;
	font-family: Verdana, Arial;
	width: 220px;
}
.SubmitButton {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000099;
}