body ,
html * {
	padding : 0;
	margin : 0;
}
.clear {
	clear : both;
}
#main {
	width : 100%;
}
h1 {
	color : #04274d;
	padding-top : 0.5em;
}



/* /////////////////////////////////////////////////*/
/*    header                                        */
/* /////////////////////////////////////////////////*/
#header,
#inside-header {
	background : #04274d;
}

/* Text replacement of page header and home link http://wellstyled.com/css-replace-text-by-image.html */
#home {
	margin : 0; padding : 0;
	position : relative;
	width : 100%; height : 183px;
	overflow : hidden;
}
#home span {
	display : block;
	position : absolute ; top : 0; left : 0; z-index : 1;
	width : 100%; height : 183px;
	background : url("revealr.jpg") top left no-repeat;
}
#inside-header #home {
	/*height : 48px;*/
	height : 180px;
}
#inside-header #home span {
	display : block;
	position : absolute ; top : 0; left : 0; z-index : 1;
	/*width : 100%; height : 50px;
	background : url("global_header4.png") top left no-repeat;*/
	width : 100%; height : 183px;
	background : url("revealr.jpg") top left no-repeat;
}
#main-menu {
	list-style : none;
	font-size : 80%;

}
#main-menu li {
	display : block;
	padding : 0.2em 0.8em ;
	float : left;
}
#main-menu li a {
	text-decoration : none;
	color : #04274d;
}
#main-menu li a:hover {
	text-decoration : underline;
}

/* /////////////////////////////////////////////////*/
/*    page layout                                   */
/* /////////////////////////////////////////////////*/
#content {
	width : 99%;
	margin : 0 auto;
}








/* /////////////////////////////////////////////////*/
/*  banner-flash - the h1 header on most pages      */
/* /////////////////////////////////////////////////*/
#banner-flash{
	margin : 0.2em 0;
	padding : 1em;
	border : 5px solid #04274d;
	position : relative;
}
#splash {
	position : absolute;
	right : -1em;
	bottom : 0;
	z-index : 1;
}
a #splash {
	border : none;
}
#banner-flash img {
	float : left;
	padding-right : 1em;
}
#banner-flash h1 {
	color : #04274d;
	padding-top : 50px;
}
#banner-flash input {
	padding : 0.2em;
	font-size : 105%;
	font-weight : bold;
	clear : both;
}
#access-cta {
	border-left : 1px dotted gray;
	border-right : 1px dotted gray;
}
/* /////////////////////////////////////////////////*/
/*  other services - triple across the page         */
/* /////////////////////////////////////////////////*/
#other-services {
	width : 100%;
}
.other-service {
	width : 30%;
	float : left;
	padding : 0;
	margin : 0.5em;
/* em measurement essential for larger font sizes so browser
does not overflow text in side by side divs */
}
.other-service a img  {
	border : none;
	float : left;
	padding : 1em;
}
.other-service h2 {
	padding-left : 1em;
}
.other-service p {
	text-align : left;
	padding : 1.5em 0.5em;
}

#sidebar .other-service {
	width : 100%;
	float : none;
}
#sidebar .other-service img {
	width : 60px;
}



/* /////////////////////////////////////////////////*/
/* news on front page                               */
/* /////////////////////////////////////////////////*/
#news {
	width : 92%;
	float : left;
	margin-left : 2%;
	margin-bottom : 1em;
	padding : 1em;
	border : 1px solid gray;
}
#news img {
	float : left;
 	padding : 0 0.5em;
}
#news h3 {

}
.front-page {
	margin : 1em;
	padding-left :0.2em;
/*	border-top : 1px solid gray;*/
	padding-bottom : 1em;
}
.front-page h2 {
	margin : 1.5em 0 0.2em -0.2em;
	color : #04274d;
	clear : both;
}
.front-page h3 {
	margin : 1em 0 0.2em 0;
	color : #04274d;
	border-bottom : 1px solid gray;
	clear : both;
}
.two-thirds {
	width : 62%;
	float : left;
}
.one-third {
	width : 28%;
	padding-right : 3%;
	float : right;
}
.two-thirds img {
	float : left;
	padding : 0.2em 0.8em 0 0;
}
.two-thirds a img,
.one-third a img {
	border : none;
	}
.one-third img {
	float : left;
	
}
/* /////////////////////////////////////////////////*/
/*   services description pages                     */
/*   and confirmation pages                         */
/* /////////////////////////////////////////////////*/
h1#start-here span {
	font-size : 80%;
	font-style : italic;
}
.service-description ,
.confirm
{
	margin : 0 7em 4em 5em;
}
.service-description h2 ,
.confirm h2 {
	margin : 1.5em 0 0.2em -0.8em;
	color : #04274d;
	clear : both;
	
}
.service-description h2 span {
	text-decoration : underline;
}	
.service-description h3 ,

.confirm h3 {
	margin : 1em 0 0.2em 0;
	border-bottom : 1px solid gray;
}
.service-description h4 {
	margin : 1em 0 0.2em 0;
	color : #04274d;
}
.service-description p ,
.service-description ol,
.service-description ul {
	margin-top : 0.5em;
	line-height : 1.4em;
}
.service-description ol,
.service-description ul {
	margin-left : 1em;
}
.service-description li {
	padding-left : 0.5em;
	}
.key-message {
	font-style : italic;
	border : 1px solid #04274d;
	padding : 1em;
	font-size : 120%;
	background : #e5ecff;
}
#segala-trustmark {
	float : left;
	padding : 0.5em 1em;
}

.example h3 {
	clear : both;
}
.example img {
	float : left;
	margin : 0.5em 1em 1em 0;
	padding : 0.5em ;
	border : 1px solid gray;
}
.accessibility-link {
	background : url("accessibility-thumb.jpg") no-repeat ;
	padding-left : 32px;
	padding-bottom : 5px;
}
.largeprint-link {
	background : url("large.print-thumb.jpg") no-repeat ;
	padding-left : 32px;
	padding-bottom : 5px;
}
.usability-link {
	background : url("usability-thumb.jpg") no-repeat ;
	padding-left : 32px;
	padding-bottom : 5px;
}
.newsletter-link {
	background : url("newsletter-thumb.jpg") no-repeat ;
	padding-left : 32px;
	padding-bottom : 5px;
}
.client-link {
	background : url("customerhome-thumb.jpg") no-repeat ;
	padding-left : 22px;
	padding-bottom : 5px;
}
blockquote {
	padding : 1em;
	font-style : italic;
	font-size : 120%;
}
.confirm li {
	margin-left : 1.5em;
}
.confirm ul li {
	list-style : none;
	margin-left : 0.2em;
}
.confirm input {
	padding:0.2em 0.3em;
	border:#999 solid 1px;
	background:#FFF url(gradient.png) repeat-x top left;
}
#accessibility-forms {
	margin : 1em 0 ;
}
#accessibility-forms form {
	float : left;
}
#paypal-blurb {
	clear : both;
	font-size : 80%;
	padding-top :0.2em;
	margin : 5em 0;
	text-align : center;
	border : #dfdfdf dotted 1px;
	background : #efefef;
	padding-bottom : 2em;
}
#paypal-blurb table ,
#paypal-blurb table caption {
	margin : 1em auto;

}
#paypal-blurb-apply {
	clear : both;
	font-size : 80%;
	padding-top :0.2em;
	margin : 5em 170px;
	text-align : center;
	border : #dfdfdf dotted 1px;
	background : #efefef;
	padding-bottom : 1em;
}
#paypal-blurb-apply table ,
#paypal-blurb-apply table caption {
	margin : 1em auto;

}


#girl-with-magnifying-glass  p {
	font-size : 110%;
	font-style : italic;
}
#girl-with-magnifying-glass  img {

}
#girl-with-magnifying-glass  {
	margin : 0.5em 0 0.5em 0.5em;
	background : #fff;
	padding : 0.5em ;
	border : 1px solid gray;
	width : 210px;
	float : right;
}
.strange-things img {
	border : 1px solid 	gray;
	padding : 0.2em;
	margin : 0.8em 0.5em;
}
.statistics {
	border : 1px solid 	gray;
	margin-bottom : 1em;
}
.statistics caption {
	margin-top : 1em;
}
.statistics th.row {
	text-align : left;
	padding : 0.2em 0.6em 0.2em 0.2em;
	border-right : 1px solid gray;
}
.statistics th.col {
	padding : 0.2em 0.6em;
	border-bottom : 1px solid gray;
}
.statistics td {
	text-align : center;
}
.statistics td.people {
	text-align : right;
	padding-right : 0.5em;
}
.references {
	font-size : 90%;
	border-top : 1px solid gray;
	margin-top : 3em;
}
.references h2 , .references ul {
	margin-left : 0;
}
span.print { display : none; }
/* /////////////////////////////////////////////////*/
/* form pages                                */
/* /////////////////////////////////////////////////*/
/* abs position of image because floating caused form to change size */
.form {
	position : relative;
}
.form img {
	padding : 0.5em 0;
	position : absolute;
	top : 0;
	left : 0;
}



/* /////////////////////////////////////////////////*/
/*  application forms                               */
/* see http://www.dynamicdrive.com/style/csslibrary/item/css-tableless-form/ */
/* /////////////////////////////////////////////////*/
.cssform {
	width : 50%;
	margin-left : 170px;
}
.app-note {
	margin-left : 0.2em;
}
.cssform fieldset {
	padding : 1em;
	margin : 1em;
}
.cssform p{
width: 100%;
clear: left;
margin: 0;
padding: 0.5em 0;
padding-left: 10em; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -10em; /*width of left column*/
width: 8em; /*width of labels. Should be smaller than left column to create some right margin*/
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 15em;
}
.cssform textarea{
width: 15em;
height: 10em;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
margin-left: 3px;
}
/* pretty up the form */
/* http://techknack.blogspot.com/2008/04/pretty-up-your-forms-with-css.html */
.cssform input,
.cssform textarea {
	border:#999 solid 1px;
	background:#FFF url(gradient.png) repeat-x top left;
}
.cssform input {
	padding:0.2em 0.3em;
}
.cssform textarea {
	padding:0.5em;
}
.cssform p.text {
padding-left : 1em;
width : 100%;
}
p.msg {
	margin-left : -20%;
	width : 100%;
	color : #c00;
	font-weight : bold;
}
.error span {
	color : #c00;
	display : block;

}
p.error textarea,
p.error input {
	border:#c00 solid 1px;
	background : #fff;
}


/* /////////////////////////////////////////////////*/
/*   customer pages                                 */
/* /////////////////////////////////////////////////*/
.report-box {
	border : 1px solid gray;
	padding : 1em;
	margin : 1em 0;
}
.report-box img {
	float : left;
	padding-right : 1em  ;
	width : 80px;
}
.report-box h2 {
	padding-bottom : 0.5em;
}
.report-box p {
	line-height : 140%;
}
.error-message {
	padding : 1em;
	border : 1px solid #e13649;
	background : #f7d4e6;
	font-weight : bold;
}

/* /////////////////////////////////////////////////*/
/*  reports                                         */
/* /////////////////////////////////////////////////*/
.report {
	margin : 0 75px 0 25px;
}
.report h1 {
	margin-left : -25px;
}
.report h2 {
	border-top : gray solid 1px;
	border-bottom : gray solid 1px;
	margin : 1em 0 0.2em -25px;
	padding : 0.1em 0
}
.report h3 {
	margin : 1em 0 0 -25px;
}
p.priority {
	margin : 0.5em 0 1em 0;
}
.report h4 {
	margin : 0.8em 0;
}

.report ul ,
.report ol {
	margin: 0.5em 2em;
}
.report li {
	padding-left : 0.5em;
}
.report p {
	line-height : 1.2em;
	margin-bottom : 0.4em;

}
.report dl {
	margin : 1em 0 1em 5em;

}
.report dt {
	font-weight : bold;
	float : left;
	margin-left : -5em;
}
.report dd {
	margin-left : 5.5em;
	padding-bottom : 0.5em;
}
.for-more-accessibility {
	border : solid 1px gray;
	padding : 1em;
	margin : 1em;
}

.report table {
	border-top : 1px solid gray;
	border-right : 1px solid gray;
	margin : 1em 0;
}
.report table td {
	vertical-align : top;
	border-left : 1px solid gray;
	border-bottom : 1px solid gray;
	padding : 8px;
}
.report table caption {
	font-weight : bold;
	text-align : left;
	margin-top : 1em;
}

/* /////////////////////////////////////////////////*/
/*  legal pages                                     */
/* /////////////////////////////////////////////////*/
.legal {
	margin : 1em 5em;
}
.legal h1,
.legal h2 {
	margin-left : -1em;
	padding-top : 0.5em;
}
.legal h3 {
	padding-top : 0.2em;
}
.legal ul {
	margin-left : 1.5em;
}
.legal li {
	padding-left : 0.2em;
}
.legal p,
.legal li {
	line-height : 1.4em;
}
/* /////////////////////////////////////////////////*/
/*  footer - common to all pages                    */
/* /////////////////////////////////////////////////*/
#footer {
	border-top : 1px dashed gray;
	color : gray;
	font-size : 90%;
	padding : 1em 0;
	margin-top : 1em;
	font-size : 80%;
}
#footer ul {
	list-style : none;
}
#footer li {
	display : inline;
	padding-right : 1em;
}