@charset "UTF-8";
/* CSS Document */

body,td,th {font-family: Tahoma, Geneva, sans-serif;font-size: 11px;color: #000;}

body {background-color: #5f93b7;background-image:url(../images/full_back.jpg); background-position:center top;
background-repeat:no-repeat;margin: 0px;padding: 0px;}

p {margin:0 0 15px 0;}

a {font-size: 11px;color: #000;}
a:link {text-decoration: underline;}
a:visited {text-decoration: underline;color: #000;}
a:hover {text-decoration: none;color: #000;}
a:active {text-decoration: underline;color: #000;}

.link2 {font-size: 12px; color:#be0f34;}
.link2:link {text-decoration: underline; color:#be0f34;}
.link2:visited {text-decoration: underline; color: #be0f34;}
.link2:hover {text-decoration: underline; color: #000;}
.link2:active {text-decoration: underline; color: #be0f34;}

h1,h2,h3,h4,h5,h6,h7 {font-family: Verdana, Geneva, sans-serif;font-weight: bold;font-style: italic; margin:0;}
h1 {font-size: 18px;color: #000;}
h2 {font-size: 18px;color: #3e3e3e;}
h3 {font-size: 16px;color: #3e3e3e;}
h4 {font-size: 14px;color: #3e3e3e;}
h5 {font-size: 12px;color: #000; font-style:normal; margin-bottom:15px;}
h6 {font-size: 11px;color: #000;}
h7 {font-size: 12px;color: #be0f34; font-style: italic; margin-bottom:0;}

#clear {clear:both; margin:0px; padding:0px; line-height:0; border:0; min-height:0;}
.red {color:#F00;}

.input1 {width:200px; height:18px; border: #333 1px solid; padding:2px 4px;}

ul.listul{
margin: 0; 
padding: 0;
float: left; 
height: 100%;
}

li.listli {margin-left: 2em;}

div.listdiv {
float:left;
width:175px;
margin-left:10px;
}



/*.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}*/
/*\*/

<!--* html .clearfix {height: 1%;display: block;}-->

/**/
 

.date {font-weight:bold;}
.date a {color: #000;}
.date a:link {text-decoration:underline;}
.date a:hover {text-decoration:none;}

.more {font-weight:bold; background:url(../images/arrow_beige.gif) left center no-repeat; text-indent:10px; width:50px; float:right; height:15px; margin:0; padding:0;}
.more a {color:#000; display:block;}
.more a:link, .more a:visited, .more a:active {text-transform:uppercase;}
.more a:hover {text-decoration:none;}

#headingContainer {width: 910px; height:105px; background:url(../images/head_back.jpg) left top no-repeat; margin:29px 0 0 0;}
#logo {margin:27px 0 0 19px; float:left;}

#login {width:326px; float:right; margin:17px 20px 0 0;}

#loginButton { background:url(../images/login.gif) 0 0 no-repeat; width:109px; height:29px;
margin:0 5px 0 0; padding:0; float:left; position:relative;}
#loginButton a {display:block; height:29px; width:109px; margin:0; padding:0;}
#loginButton a:hover {background:url(../images/login.gif) 0 -29px no-repeat;}

#homeButton { background:url(../images/home_button.gif) 0 0 no-repeat; width:53px; height:29px;
margin:0 5px 0 0; padding:0; float:left; position:relative;}
#homeButton a {display:block; height:29px; width:53px; margin:0; padding:0;}
#homeButton a:hover {background:url(../images/home_button.gif) 0 -29px no-repeat; margin: 0;}

#contactButton { background:url(../images/contact.gif) 0 0 no-repeat; width:86px; height:29px;
margin:0; padding:0; float:left; position:relative;}
#contactButton a {display:block; height:29px; width:86px; margin:0; padding:0;}
#contactButton a:hover {background:url(../images/contact.gif) 0 -29px no-repeat; margin: 0;}

#joinListButton { background:url(../images/join_list.gif) 0 0 no-repeat; width:196px; height:39px;
margin:0; padding:0; float: left;}
#joinListButton a {display:block; height:39px; width:196px; margin:0; padding:0;}
#joinListButton a:hover {background:url(../images/join_list.gif) 0 -39px no-repeat;}

.joinbutton {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		width: 200px;
		margin: auto auto 18pt auto;
		height: 32pt;
	}
	.joinbutton a {
		font-size: 16pt;
		text-decoration: none;
		display: block;
		padding-top: 8pt;
		margin-bottom: 8pt;
		vertical-align: middle;
		border: 2px outset;
		height: 100%;
		background-color: #eeeeee;	
	}
	.joinbutton a:active {
		border: inset;	
	}

#mainContainer {width: 890px; height:549px; background:url(../images/main_back.jpg) left top repeat-y; margin:0; padding:23px 0 0 20px;}
	#homeMainBack {width:870px; height:333px; background:url(../images/home_back.gif) top left no-repeat; padding:0; margin:0;}
	#homeTag {
		height:63px;
		padding:20px 0 0 0;
		margin:0;
		/* GJT modifications to style handed off from designer. */
		background-color: #afafb2;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
	}
	#homeTag h3 { color: #000000;  }
	/* !GJT */
	#homeFlash {height:250px; background:url(../images/flash_placeholder.jpg) top left no-repeat;}
#mainContainerInside {width: 890px; height:558px; background:url(../images/main_back.jpg) left top repeat-y; margin:0; padding:14px 0 0 20px;}
	#mainLeft {width:208px; height:518px; background:url(../images/left_back.jpg) top left no-repeat; padding:0; margin:0; float:left; display:inline;}
		#mainLeft img {margin:13px 0 15px 32px;}
	#mainBack {width:649px; height:518px; background:url(../images/contentBack.gif) top left no-repeat; padding:0; margin:0 20px 0 12px; float:right; display:inline;}
		#rightContentRegion {margin:16px; padding:1px 16px 16px 16px; width:585px; height:454px; font-size:12px; overflow:auto;}
	#mainBackFull {width:870px; height:518px; background:url(../images/full_back.gif) top left no-repeat; padding:0; margin:0; float:left; display:inline;}
		#fullContentRegion {margin:10px 16px 10px 16px; padding:0 16px 0 16px; width:806px; height:460px; font-size:12px; overflow:auto;}
		#videoContainer {margin:30px 16px 10px 16px; padding:0 16px 0 16px; width:806px; height:auto; font-size:12px;}
		#fullContentRegionVid {margin:20px 16px 10px 16px; padding:0 16px 0 16px; width:806px; height:188px; font-size:12px; overflow:auto;}
		#mainBackFull img {margin:13px 0 3px 32px;}

#box1 {width:180px; height:174px; float:left; margin:23px 0 0 0; background:url(../images/bx1_bk.gif) top left no-repeat; padding:14px 14px 5px 14px; display:inline;}
#box2 {width:180px; height:174px; float:left; margin:23px 0 0 13px; background:url(../images/bx2_bk.gif) top left no-repeat; padding:14px 14px 5px 14px; display:inline;}
#box3 {width:180px; height:174px; float:left; margin:23px 0 0 12px; background:url(../images/bx4_bk.gif) top left no-repeat; padding:14px 14px 5px 14px; display:inline;}
#box4 {width:180px; height:174px; float:right; margin:23px 20px 0 13px; background:url(../images/bx3_bk.gif) top left no-repeat; padding:14px 14px 5px 14px; display:inline;}
	ul.box { list-style:none; margin:15px 0 10px 0; padding:0;}
	ul.box li {padding-left:10px; background:url(../images/red_bullet.gif) 0 .5em no-repeat;}

#bottom1 {width:208px; height:25px; float:left; margin:15px 0 0 0; padding:0; position:relative; background:url(../images/bx1_bk.gif) top left no-repeat;
display:inline; }
#bottom1 a {text-decoration:none; width:194px; height:17px; display:block;margin:0; padding:8px 0 0 14px;}
#bottom1 a.hover {text-decoration: none; width:194px; height:17px; display:block;margin:0; padding:8px 0 0 14px;}

#bottom2 {width:208px; height:25px; float:left; margin:15px 0 0 13px; padding:0; position:relative; background:url(../images/bx2_bk.gif) top left no-repeat;
display:inline; }
#bottom2 a {text-decoration:none; width:194px; height:17px; display:block;margin:0; padding:8px 0 0 14px;}
#bottom2 a.hover {text-decoration: none; width:194px; height:17px; display:block;margin:0; padding:8px 0 0 14px;}

#bottom3 {width:208px; height:25px; float:left; margin:15px 0 0 12px; padding:0; position:relative; background:url(../images/bx4_bk.gif) top left no-repeat;
display:inline; }
#bottom3 a {text-decoration:none; width:194px; height:17px; display:block;margin:0; padding:8px 0 0 14px;}
#bottom3 a.hover {text-decoration: none; width:194px; height:17px; display:block;margin:0; padding:8px 0 0 14px;}

#bottom4 {width:208px; height:25px; float:right; margin:15px 20px 0 13px; padding:0; position:relative; background:url(../images/bx3_bk.gif) top left no-repeat;
display:inline; }
#bottom4 a {text-decoration:none; width:194px; height:17px; display:block;margin:0; padding:8px 0 0 14px;}
#bottom4 a.hover {text-decoration: none; width:194px; height:17px; display:block;margin:0; padding:8px 0 0 14px;}

#footerContainer {width:890px; height:21px; background-color:#000; border-top:#be0f34 solid 4px; padding:5px 0 0 20px; color:#7C7C7C; margin-top:0;}
#footerContainer a {font-family:Verdana, Geneva, sans-serif;font-size:10px;color:#7C7C7C; }
#footerContainer a:link, #footerContainer a:active, #footerContainer a:visited {text-decoration:none;}
#footerContainer a:hover {text-decoration:underline;}

/***** CLIENT SUCCESSES PAGE *****/

.successesContentRegion {float:left; width:806px; margin:0; padding: 20px 0; border-bottom: 1px dotted #c0c0c0}
.successesLogo {float: left; width: 187px; padding: 3px 0 0 13px; margin: 0}
.successesCopy {float: left; width: 426px; padding: 0 55px 0 0;}
.successesLink {float: left; width: 125px; padding: 0 0 0 0;}

/***** body id's *****/

#normal {}
body#aboutid li#about a { background:url(../images/buttons_all.gif) 0  -29px no-repeat;}
body#complianceid li#compliance a { background:url(../images/buttons_all.gif) -360px  -29px no-repeat; }
body#servicesid li#services a { background:url(../images/buttons_all.gif) -480px -29px no-repeat; }
body#dataid li#data a { background:url(../images/buttons_all.gif) -240px  -29px no-repeat; }
body#valueTrakid li#value a { background:url(../images/buttons_all.gif) -120px  -29px no-repeat; }


/****** TOP NAVIGATION ******/

#mainNav {
	width:600px;
	height:28px;
	background: #FFF;}

.navContainerHome {width:600px; height:28px; margin:4px 20px 0 0; float:right; background-color:#FFF; display: inline;}
.navContainer {width:600px; height:28px; margin:4px 20px 0 0; float:right; background-color:#FFF; display: inline;}

#nav { background: url(../images/buttons_all.gif) 0 0 no-repeat; width:600px; height:28px; margin:0; padding:0;}    

#nav li span { display: none; }  
  
#nav li { float:left; list-style:none; position:relative; }
   
#nav li, #nav a {  
height:28px;    /* Each button must have the same height, define it here */  
display:block;  
margin:0;  
padding:0;  
}
   
li#about, li#value, li#data, li#compliance, li#services { margin-left:0; width:120px; }  
li#services { margin:0; }  

#about a:hover { background:url(../images/buttons_all.gif) 0  -29px no-repeat; }
#value a:hover { background:url(../images/buttons_all.gif) -120px  -29px no-repeat; }
#data a:hover { background:url(../images/buttons_all.gif) -240px  -29px no-repeat; }
#compliance a:hover { background:url(../images/buttons_all.gif) -360px  -29px no-repeat; }
#services a:hover { background:url(../images/buttons_all.gif) -480px -29px no-repeat; }


/* GJT - contact form style */
#contactForm label {
	display: block;
}
#contactForm label.required:before { content: '*'; color: #ff0000; }
#contactForm label.required {
	color: #ff0000;	
}
#contactForm span { display: inline-block; }
#contactForm input {
	display: block;
}
#contactForm input.checkbox, #contactForm input[type=checkbox], #contactForm label.checkbox {
	display: inline;
}
#contactForm input.wide { width: 95%; }
/* !GJT */

/****** END TOP NAVIGATION ******/

/****** LEFT NAVIGATION ******/

#leftNav {
   margin: 0 11px;
   padding: 0;
   list-style-type: none;
}
#leftNav li {
   margin-bottom: 4px;
}
#leftNav a {
   background: url(../images/leftNav_back.gif) 0 0 no-repeat;
   font-family:Verdana, Geneva, sans-serif;
   text-decoration:none;
   color: #000;
   display: block;
   width: 167px;
   height:19px;
   padding-left: 20px;
   padding-top: 5px;
}
#leftNav a:hover, #leftNav a:active {
   background: url(../images/leftNav_back.gif) 0 -24px no-repeat;
   text-decoration: none;
}


/****** END LEFT NAVIGATION ******/

/****** MAYBE MOUSEOVER ON DS BUTTONS ******/

/*.ds_852 a, .ds_852 a:link { background-image:url(../images/ds_852-u.jpg); background-position:top left; background-repeat:no-repeat;
	width:90px; height:80px; display:block;}
.ds_852 a:hover { background:url(../images/ds_852-o.jpg) top left no-repeat;}*/



<!--[if IE]>
<style>
html, body {
text-align: center;
}
p {text-align: left;}
</style>
<![EndIf]-->