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

body  { 
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	margin-left: auto; margin-right: auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	}
	
body.home {  margin:0; padding: 0;}
body.aboutus {  margin:0; padding: 0;}
body.bestpractice {  margin:0; padding: 0; }
body.trinetdifference {  margin:0; padding: 0; }
body.ourclients {  margin:0; padding: 0; }
body.whyoutsource {  margin:0; padding: 0; }
body.hrsolutions {  margin:0; padding: 0; }
body.search {  margin:0; padding: 0; }
	
	
/*------------ Global --------------------------------------------------------*/


p, div, ul , ol, li, dl, dt, dd, td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	color: #333333;
	
}

ul, li{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	color: #333333;
	
}
	
h1, h2, h3, h4, h5 {
	margin: 0; padding: 0; line-height:normal;}
	
div img {
	margin: 0;
	padding: 0;
	text-align: center;
}
	
img {border: none}
	
	a,
	a:link 
	a:active {
	   text-decoration: none; background-color: inherit; color: #3b73b9}
	
	a:visited {
	   text-decoration: none; background-color: inherit; color: #3b73b9}
	
	a:hover {
	   text-decoration: none; color: #E37222;}
	   
#container {
	position:relative;
	width: 950px;
	margin: 0 auto;
	text-align: center;
	}
	
#Logo {
	padding: 0;
	width: 180px;
	position:relative;
	top:0;
	left:10px;
}
#Logo a { display: block; width: 180px; height: 92px}
	
#logIn {
	position:relative;
	top: 55px;
	width: 85px;
	height: 25px;
	background: url(/images/sitenew/login.jpg) no-repeat;
	text-align: center;
	padding: 2px 10px 0 10px;
	float:right;
	left: 365px;
}
#logIn a { color:#FFF; font-weight:bold;}
#logIn a:hover { text-decoration: none; color:#000;}

#topmininav {
	position:relative;
	top: 10px;
	right: 0;
	width: 360px;
	background: none;
	text-align: right;
	padding: 5px 10px 0 10px;
	float:right;
	left: -10px;
}
#topmininav a { color: #3b73b9;}
#topmininav a:hover { text-decoration: none; color:#E37222;}

#banner.home {
	width: auto;
	height:409px;
}

#banner {
	width: auto;
	height:222px;
}
.home { height: 145px; background: url(/images/sitenew/header_nav.jpg) top no-repeat;}
.aboutus { height: 222px; background: url(/images/sitenew/banner/section_banner.png) top no-repeat;}
.bestpractice { height: 222px; background: url(/images/sitenew/banner/section_banner.png) top no-repeat;}
.trinetdifference { height: 222px; background: url(/images/sitenew/banner/section_banner.png) top no-repeat;}
.ourclients { height: 222px; background: url(/images/sitenew/banner/section_banner.png) top no-repeat;}
.whyoutsource { height: 222px; background: url(/images/sitenew/banner/section_banner.png) top no-repeat;}
.hrsolutions { height: 222px; background: url(/images/sitenew/banner/section_banner.png) top no-repeat;}
.search { height: 222px; background: url(/images/sitenew/banner/section_banner.png) top no-repeat;}
.proposal { height: 222px; background: url(/images/sitenew/banner/section_banner.png) top no-repeat;}

#sectionHeading {
	position:absolute;
	width:594px;
	height:40px;
	top: 165px;
	left: 310px;
	cursor: default;
}

#sectionHeading p { font-size:28px; padding: 10px; color: #0073CF;}

#contentWrpHome {width: auto;}

#contentWrp {width: auto;}
	
#flashWrp {
	position: absolute;
	width: 950px;
	height: 275px;
	top: 141px;
	left: 0px;
	z-index: 0;
}
	

#homerightbar {
}
#homebottombar {
	border-bottom: 1px solid #CCC;
}

/*------------ Top Menu --------------------------------------------------------*/


#topNavWrp {
	position: relative;
	top: 15px;
	left: 40px;
	width: 750px;
	height: 30px;
	align: center;
	background: none;
	z-index: 20
}
	
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-t {
  border: 0 none;
  padding: 0;
  width: 740px; /*For KHTML*/
  list-style: none;
  height: 31px;
  }

ul#navmenu-t li {
  margin: 0; padding: 0;
  border: 0 none;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 26px;}

ul#navmenu-t ul {
  margin: 0; padding: 0;
  border: 0 none;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 23px;
  left: 0;}

ul#navmenu-t ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/20px serif;
  content: ".";
  height: auto;
  visibility: hidden;}

ul#navmenu-t ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/}

/* Root Menu */
ul#navmenu-t a {
  padding: 0 17px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block !important;
  background: none;
  color: #3b73b9;
  font: bold 13px/26px  Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 22%; /*For IE*/}
  
ul#navmenu-t li a.on {
  color: #3b73b9;}

/* Root Menu Hover Persistence */
ul#navmenu-t a:hover,
ul#navmenu-t li:hover a,
ul#navmenu-t li.iehover a {
  display: block !important;
  background: url(../images/site/spacer.gif);
  color: #3b73b9;}
  

/* 2nd Menu */
ul#navmenu-t li:hover li a,
ul#navmenu-t li.iehover li a {
  font-size: 11px;
  font-weight: normal;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 0;
  float: none;
  background: #fff;
  color: #333;}


ul#navmenu-t li.last {
	border-bottom: 1px solid #CCC}

/* 2nd Menu Hover Persistence */
ul#navmenu-t li:hover li a:hover,
ul#navmenu-t li:hover li:hover a,
ul#navmenu-t li.iehover li a:hover,
ul#navmenu-t li.iehover li.iehover a {
  background: #fff;
  color: #3b73b9;}

/* 3rd Menu */
ul#navmenu-t li:hover li:hover li a,
ul#navmenu-t li.iehover li.iehover li a {
  background: #EEE;
  color: #333;}

/* 3rd Menu Hover Persistence */
ul#navmenu-t li:hover li:hover li a:hover,
ul#navmenu-t li:hover li:hover li:hover a,
ul#navmenu-t li.iehover li.iehover li a:hover,
ul#navmenu-t li.iehover li.iehover li.iehover a {
  background: #fff;
  color: #3b73b9;}

/* 4th Menu */
ul#navmenu-t li:hover li:hover li:hover li a,
ul#navmenu-t li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;}

/* 4th Menu Hover */
ul#navmenu-t li:hover li:hover li:hover li a:hover,
ul#navmenu-t li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #3b73b9;}

ul#navmenu-t ul ul,
ul#navmenu-t ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-t li:hover ul ul,
ul#navmenu-t li:hover ul ul ul,
ul#navmenu-t li.iehover ul ul,
ul#navmenu-t li.iehover ul ul ul {
  display: none;}

ul#navmenu-t li:hover ul,
ul#navmenu-t ul li:hover ul,
ul#navmenu-t ul ul li:hover ul,
ul#navmenu-t li.iehover ul,
ul#navmenu-t ul li.iehover ul,
ul#navmenu-t ul ul li.iehover ul {
  display: block;}
  
ul#navmenu-t li.dropShadow {
	margin-top: 8px;
	background:  url(../images/site/bg_dropmenu.gif) top left no-repeat;}
	
ul#navmenu-t li.dropShadow2 {
    background: url(../images/site/spacer.gif) top left no-repeat;
    height: 10px;
    width: 140px;
    margin:-2px 0 1px 0;
    padding-bottom: 0;}

#SearchHlr {
	position: absolute;
	left: 780px;
	top: 110px;
	width: 140px;
	z-index: 10;
	height: 30px;
}	

#Search input.text {
	background:#FFFFFF url(/images/site/img_srch_bg.gif) left no-repeat scroll 0%;
	border:1px solid #8c8b8b;
	color:#8c8b8b;
	font-size:1em;
	height:1.4em;
	margin-right:5px;
	padding:3px 0pt 0pt 14px;
	width:114px;}

#bodyWrp {
	width: 910px;
	margin: 0px 18px 0 16px;
	border-right: 1px solid #828387;
	border-left: 1px solid #828387;
	border-bottom: 1px solid #828387;
	float: right;
	}

#description {
	padding: 10px 0px 5px 0px;
}

#descriptionOverview {
	padding: 0px 0px 5px 0px;
}

#descriptionOverviewHR {
	padding: 0px 0px 0px 0px;
}
#descriptionClient {
	padding: 0px 0px 0px 0px;
	width: 685px;
}
#descriptionCareer {
	padding: 0px 0px 0px 0px;
	width: 685px;
}

#descriptionPodcast {
	padding: 0px 0px 0px 0px;
	width: 685px;
}

#descriptionReferMain {
	padding: 0px 0px 0px 0px;
	width: 685px;
}
#descriptionHeading {
	position:absolute;
	width:213px;
	height:137px;
	top: 233px;
	left: 259px;
	font: Verdana, Geneva, sans-serif;
	font-size:22px;
	margin: 10px;
	color: #000;
	line-height: 25px;
	
	
}

#descriptionHeadingOC {
	position:absolute;
	width:245px;
	height:67px;
	top: 260px;
	left: 400px;
	font: Verdana, Geneva, sans-serif;
	font-size:22px;
	margin: 10px;
	color: #000;
	line-height: 25px;
	text-align:right;
	
}

#descriptionHeadingBP {
	position:absolute;
	width:386px;
	height:67px;
	top: 271px;
	left: 259px;
	font: Verdana, Geneva, sans-serif;
	font-size:22px;
	margin: 10px;
	color: #000;
	line-height: 25px;
	
}

#descriptionHeadingTITN {
	position:absolute;
	width:245px;
	height:40px;
	top: 324px;
	left: 240px;
	font: Verdana, Geneva, sans-serif;
	font-size:22px;
	margin: 10px;
	color: #000;
	line-height: 25px;
	text-align:left;
	
}

#descriptionHeadingNPR {
	position:absolute;
	width:357px;
	height:65px;
	top: 285px;
	left: 255px;
	font: Verdana, Geneva, sans-serif;
	font-size:22px;
	margin: 10px;
	color: #000;
	line-height: 25px;
	text-align:left;
}

#descriptionHeadingPR {
	position:absolute;
	width:245px;
	height:40px;
	top: 337px;
	left: 245px;
	font: Verdana, Geneva, sans-serif;
	font-size:22px;
	margin: 10px;
	color: #000;
	line-height: 25px;
	text-align:left;
}

#descriptionHeadingRES {
	position:absolute;
	width:122px;
	height:40px;
	top: 237px;
	left: 239px;
	font: Verdana, Geneva, sans-serif;
	font-size:22px;
	margin: 10px;
	color: #000;
	line-height: 25px;
	text-align:left;
	
}







#descriptionBanner {
	padding: 0px 0px 5px 0px;
	width: 685px;
}
}
#testimonialmovie{
	position:relative;
	left: -120px;
	padding: 20px 0px 20px 0px;
}
	
	
#description h1 { 
	font-size: 20px;
	font-weight: normal;
	padding: 20px 0 10px 0}
	
#description p { 
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	padding: 6px 0}
	
#description p.last {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc}
	
	
/*--------------- Home ---------------------------------------------------*/	



#homeWrp {
	width: 485px;
	margin: 0 0 0 450px;}

#homebottom {
	width:906px;
	height:350px;
	margin: 0 23px 0 23px;
	border-bottom: 1px solid #828387;
	border-right: 1px solid #828387;
	border-left: 1px solid #828387;
	top: 0px;
}


#homeColhrd{
	background: #eff0f5 url() top left no-repeat; 	padding: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
}
	

#homeColhrd p {
	font-weight:bold;
	text-align: center;
}

#homeCol1 {
	position: relative;
	left: 0px;
	top: 0px;
	margin:0px;
	float: left;
	width: 560px;
	background: none;
	padding: 30px 0px 15px 20px;
	height: 380px;
}
	
#homeCol1 h1 {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #0073CF;
	padding: 6px 20px 10px;
	text-align: left;
}
	
#homeCol1 p {
	font-size: 12px;
	line-height: 18px;
	padding: 6px 20px 20px;
}
	


#homeSubCol1	
{
	margin:0;
	float: left; 
	width: 400px; 
	background: none;}	
	
#homeSubCol1 h1 { 
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	color: #3b73b9;
	padding: 0 0px 0 0}
	
#homeSubCol1 p {
	font-size: 13px;
	line-height: 20px;
	padding: 6px 0}

#homeNews {
	margin: 0; 
	background: #eff0f5 url(../images/site/bg_news_top.gif) top left no-repeat}

#homeCol2 {
	margin:0;
	float: right;
	width: 294px;
	background: none;
	padding: 0px 0px 0px 0px;
	border-left: 0px dotted #a4a5a8;
	height: 450px;
}

.homeCol2padding{
	padding: 0px 5px 0px 5px}
	
#homeCol2 h1 { 
	font-size: 16px;
	font-weight: bold;
	color: #3b73b9;
	padding: 20px 10px 0 5px}
	
#homeCol2 p {
	margin: 0;
	padding: 0px 5px;
	border-right: 0px solid #a4a5a8;
	border-left: 0px solid #a4a5a8;}

#homeCol2 h2 {
	font-size: 16px;
	color: #3b73b9;
	text-align: left;
	padding-top: 10px;
}

#homeCol3 {
	background: none;
	margin: 0;
	padding: 10px 10px 10px 10px;
	height: 155px;
	float: right;
	width: 880px;
	border-top: 1px solid #3bd7E4;
	background:url(/images/sitenew/hp_gradient.jpg) repeat-x top left;
}

.homeCol3padding{
	padding: 0px 5px 0px 5px}
	
#homeCol3 h1 { 
	font-size: 16px;
	font-weight: bold;
	color: #3b73b9;
	padding: 20px 10px 0 5px}
	
#homeCol3 p {
	margin: 0;
	padding: 0px 5px;
	border-right: 0px solid #a4a5a8;
	border-left: 0px solid #a4a5a8;}

#homeCol3 h2 {
	font-size: 16px;
	color: #3b73b9;
	text-align: left;
	padding-top: 10px;
}

#homeCol4 {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 600px;
	padding: 10px 0px 0px 5px;
}
	
#homeCol4 h2 {
	font-size: 16px;
	text-align: center;
	color: #3b73b9;
}
	
#homeCol4 p {
	margin: 0;
	color: #3b73b9;
	padding: 4px 10px;
}



#homeCol5 {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 640px;
	padding: 0px 0px 0px 0px;
	border-right: 0px dotted #a4a5a8;
	border-left: 0px dotted #a4a5a8;
	border-top: solid 0px #a4a5a8;
	border-bottom: solid 0px #a4a5a8;
}
	
#homeCol5 h2 {
	font-size: 16px;
	color: #3b73b9;
	padding: 4px 0px;
}
	
#homeCol5 p {
	margin: 0;
	padding: 4px 0px;
}


	
.closed {
	margin: 0;
	background: #eff0f5 url(../images/site/bg_news_btm.gif) bottom left no-repeat}

#resourcesTab {
	border: 1px solid #a4a5a8;
}
	
#features {
	margin: 0;
	background: #eff0f5 url(../images/site/home_feature_bg.jpg) top left no-repeat}
}

#features h1 { 
	color:#FFF;
	padding: 10px 0px 5px 20px;
}
#features p { 
	color:#FFF;
	padding: 0px 20px 5px 20px;
	line-height:14px;
}

#features a { 
	color: #09347a;
	font-size: 12px;
}
	
/*--------------- Side Bar ---------------------------------------------------*/

#sidebar {
	margin:0;
	float: right; 
	width: 190px; 
	background: none;
	padding: 10px 10px 15px 10px}
	
#sidebar ul, li{
	padding: 0 auto;
	margin-left: 16px;
	line-height: 16px}

#sidebar p { 
	padding: 6px 0}

#sidebar h2 { 
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	padding: 8px 0 0 0}
	
#sidebar h3 { 
	font-size: 12px;
	font-weight: bold;
	color: #333;
	padding: 8px 0 0 0}
	
#sidebar hr {
	width: 85%;
	text-align: left; /*this will align it left for Mozilla*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0;
	border-top: 1px solid #ccc}
	
.media-padding {
	padding: 10px 10px 10px 0px;
}


	
/*--------------- Side Bar Media Pages---------------------------------------------------*/
#sidebar-media2 {
	margin:0;
	float: right;
	width: 185px;
	background: none;
	padding: 15px 15px 15px 0px;
}

#sidebar-mediaClient {
	position:absolute;
	top: 521px;
	left: 726px;
	margin:0;
	float: left;
	width: 189px;
	background: none;
	padding: 15px 15px 15px 0px;
}
#sidebar-mediaCareer {
	position:absolute;
	top: 414px;
	left: 722px;
	margin:0;
	float: left;
	width: 189px;
	background: none;
	padding: 15px 15px 15px 0px;
}
#sidebar-mediaInSol {
	position:absolute;
	top: 406px;
	left: 725px;
	margin:0;
	float: left;
	width: 189px;
	background: none;
	padding: 15px 15px 15px 0px;
}

#sidebar-media {
	margin:0;
	float: right;
	width: 185px;
	background: none;
	padding: 15px 15px 15px 0px
}
		
#sidebar-media ul, li{
	padding: 0 auto;
	margin-left: 0px;
	line-height: 16px}

#sidebar-media p { 
	padding: 6px 0}

#sidebar-media h2 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 8px 0 0 0;
	}

#sidebar-media h3 { 
	font-size: 12px;
	font-weight: bold;
	color: #333;
	padding: 8px 0 0 0}	
	
#sidebar-media hr {
	width: 94%;
	text-align: left; /*this will align it left for Mozilla*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0;
	border-top: 1px solid #ccc
}
	
#sidebar-media p.doc {
	list-style-type: none;
	margin: 0; padding: 0;
	padding-left: 23px;
	line-height: 20px;
 	background: url(/images/site/img_doc_sm.gif) left center no-repeat}

#sidebar-media p.video {
	list-style-type: none;
	margin: 0; padding: 0;
	padding-left: 23px;
	line-height: 20px;
 	background: url(/images/site/img_video_sm.gif) left center no-repeat}
	
	
	/*--------------- Main Content ---------------------------------------------------*/

	
#mainContent {
	width: 460px;
	margin: 0 0 0 210px;
	padding: 0 15px 0 15px;
	border-right: 0px solid #ccc
}

#mainContentGevity {
	width: 660px;
	margin: 0 0 0 0px;
	padding: 0 15px 0 20px;
	border-right: 1px solid #ccc
}

#mainContentSearch {
	width: 850px;
	margin: 0 0 0 10px;
	padding: 0 15px 0 15px;
	border-right: 0px solid #ccc
}

#mainContentGeneral {
	width: 850px;
	margin: 0 0 0 10px;
	padding: 0 15px 0 15px;
	border-right: 0px solid #ccc
}

#mainContentReferMain {
	width: 670px;
	margin: 0 0 0 210px;
	padding: 0px 15px 0px 15px;
}

#mainContentRefer {
	width: 900px;
	margin: 0 0 0 10px;
	padding: 0 0px 0 0px;
	border-right: 1px solid #ccc
}
#mainContentPodcast {
	width: 670px;
	margin: 0 0 0 210px;
	padding: 0px 10px 0px 14px;
	border-right: 0px solid #ccc
}

#mainContentClients {
	width: 670px;
	margin: 0 0 0 210px;
	padding: 0px;
	border-right: 0px solid #ccc
}
#mainContentCareer {
	width: 670px;
	margin: 0 0 0 210px;
	padding: 10px;
	border-right: 0px solid #ccc
}
	
#mainContentTestmonials {
	width: 680px;
	margin: 0 0 0 210px;
	padding: 0 15px 0 15px;
}

#mainContentManagement {
	width: 670px;
	margin: 0 0 0 210px;
	padding: 0 15px 0 15px;
}
#Testmonialsbox {
	border: 1px solid #ccc;
	width: 538px;
	left: 0px;
}
	
#mainContentCareers {
	width: 650px;
	margin: 0; 
	padding: 10px;
	border-right: 0px solid #ccc}
	
#mainContentCareers h2 { 
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 8px 0 0 0}
	
#mainContentCareers h2.top { 
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 8px 0 0 0;
	margin-top: 12px;
	border-top: 1px solid #cdcdcd}


#mainContent p { 
	padding: 6px 0}

.mainContent-inset td{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 10 0;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
	color: #333333
}

.mainContent-inset a:link {
	text-decoration: none; background-color: inherit; color: #3b73b9}
	
.mainContent-inset a:visited {
	   text-decoration: none; background-color: inherit; color: #3b73b9}
	
.mainContent-inset a:hover {
	   text-decoration: underline; color: #3b73b9}
	   
.mainContent-inset hr {
	width: 85%;
	text-align: left; /*this will align it left for Mozilla*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0;
	border-top: 1px solid #ccc}
	
#mainContent ul, li, #mainContent ol, li{
	padding: 0 auto;
	margin-left: 24px;
	line-height: 16px}
	
#mainContent ul li.podCast {
	list-style-type: none;
	margin: 0; padding: 0;
	padding-left: 20px;
	line-height: 24px;
 	background: url(/images/site/img_pod_sm.gif) left center no-repeat}
	
#mainContent ul li.podCast2 {
	list-style-type: none;
	margin: 0; padding: 0;
	padding-left: 20px;
	line-height: 18px;
 	}

#mainContent h1 { 
	font-size: 20px;
	font-weight: normal;
	padding: 10px 0 0 0}
	
#mainContent h1.title { 
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	padding: 10px 0 0 0}
	
#mainContent h2 { 
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 8px 0 0 0}
	
#mainContent h2.top { 
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 8px 0 0 0;
	margin-top: 12px;
	border-top: 1px solid #cdcdcd}
	
#mainContent h2.title { 
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	padding: 6px 0 }
	
#mainContent h3 { 
	font-size: 12px;
	font-weight: bold;
	color: #3333333;
	padding: 6px 0 0 0}
	
#mainContent h3.title { 
	font-size: 12px;
	font-weight: bold;
	color: #3333333;
	padding: 6px 0 }
	
#mainContent h3.events { 
	font-size: 12px;
	font-weight: bold;
	color: #3333333;
	padding: 6px 0;
	border-top: 1px solid #cdcdcd}
	
#mainContent h4 { 
	font-size: 11px;
	font-weight: bold;
	color: #3333333;
	padding: 0; margin: 0}
	
#mainContent h5 { 
	font-size: 12px;
	font-weight: bold;
	color: #3333333;
	border-top: 1px solid #cccccc;
	padding: 4px 0 10px 0; margin: 0}
	
#contactpage {
	position:relative;
	width:439px;
}


/*------------ Left Nav --------------------------------------------------------*/


#leftContent {
	margin:0;
	float: left;
	width: 180px;
	background: none;
	padding: 24px 10px 15px 15px;
}
	
#leftContent ul, li{
	margin: 0}

ul.leftnav, ul.leftnav_l2 {
    list-style: none;
    margin: 0; padding: 0;}

.leftnav, .leftnav_l2 {
    width: 180px;
    margin: 20px;
    text-decoration: none;
    font-weight: bold;}
	
.leftnav li a {
	background: url(/images/site/leftnav_close.gif) left center no-repeat;
	height: 60%;
	font-size: 12px;
    text-decoration: none;
	border-top: #CCCCCC 1px dotted;
    padding: 4px 0 4px 12px;}

.leftnav li a:link, .leftnav li a:visited, .leftnav a:active {
    color: #333333;
    display: block;
    background-color: none;
    text-decoration: none;
	background: url(../images/site/leftnav_close.gif) left center no-repeat;}

.leftnav li a:hover, .leftnav_l2 li a:hover {
    color: #3b73b9;
    background-color: none;
    text-decoration: none;}

.leftnav li a.on {
    color: #3b73b9 !important;
    text-decoration: none;
    background: url(../images/site/leftnav_open.gif) left center no-repeat;}


/*----------- Left Nav L2 --------------------------------------------------------*/


.leftnav_l2 li a {
	background: none;
	height: 60%;
    font-size: 11px;
	font-weight: normal;
    text-decoration: none;
	border: 0;
    padding: 3px 0 3px 12px;}

.leftnav_l2 li a:link, .leftnav_l2 li a:visited, .leftnav_l2 li a:active {
    list-style: none;
    color: #333333;
    display: block;
    background: none;
    text-decoration: none;}

.leftnav_l2 li a:hover{
    color: #3b73b9;
    background-color: none;
    text-decoration: none;}

.leftnav_l2 li a.on{
    color: #3b73b9;
    text-decoration: none;}

.columnheaderText {
	font-size:11px;
	font-weight:bold;
	color: #FFF;
	line-height: 15px;
	}

.columnText {
	font-size:11px;
	line-height: 15px;
	padding:0px 20px 20px 0px;
	}

/*------------ Footer --------------------------------------------------------*/


#footer {  margin: 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	
}
	

ul#footerList {
	padding-top: 10px;
	line-height: 24px;
	text-align: center}

#footerList li {
	letter-spacing: 0.1pt;
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline}

#footerList li a {
	color: #333333;
	text-decoration: none}

#footerList li a:link, .footerList li a:visited {
	color: #333333}

#footerList li a:hover {
	color: #3b73b9}	
	
	
.spc {padding-bottom: 150px}
.spc2 {padding-bottom: 250px}
.spc3 {padding-bottom: 920px}
.spc5 {padding-bottom: 100px}
	
.center {
	line-height: 24px;
	text-align: center;
	padding-bottom: 20px}	

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;}
	
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}

.clearfix:after { content: ".";
	display: block; height: 0;
	clear: both;
	visibility: hidden; }
	
.imgCenter {
	position: relative;
	left:5px; top:5px}
	
.middle {
	vertical-align: middle;
	padding-right: 6px}

img.floatRight {
	float: right;
	margin: 10px 0px 15px 15px;
}


img.homefloatRight {
	float: right;
	margin: 10px 0px 15px 15px;
}

.imgBtm{ margin-bottom: 6px 0}
	
	
	
/*------------ Tabs --------------------------------------------------------*/


.tabs{
padding: 3px 0;
margin-left: 0;
margin-top: 0;
margin-bottom: -1px;
font: normal;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.tabs li{
display: inline;
/*padding: 6px 8px 6px 0;
border-top: 1px dotted #b2b2b2;
border-bottom: 1px dotted #b2b2b2;*/
margin: 0}

.tabs li a{
font-size: 12px;
padding: 4px 29px;
text-decoration: none;
border-bottom: 1px solid #b2b2b2;
color: #333;
background: none}

.tabs li a:visited{
color: #333;
background: none}

.tabs li a:hover{
text-decoration: none;
color: #3b73b9}

.tabs li.selected{
position: relative;
top: 0}

.tabs li.selected a{ /*selected main tab style */
color: #3b73b9;
background: none;
border-top: 2px solid #b2b2b2;
border-left: 1px solid #b2b2b2;
border-right: 1px solid #b2b2b2;
border-bottom: 1px solid #eff0f5;
.tabs li.selected a:hover; /*selected main tab style */
text-decoration: none}

.tabcontentstyle{ /*style of tab content oontainer*/
	background: #none;
	/*border-top: 1px dotted #b2b2b2;*/
width: 95%;
	margin-bottom: 0;
	padding: 20px 0px
}

.tabcontent{
display: none}



/*------------ Table --------------------------------------------------------*/

td.	tab {
	padding-top: 2px}

.tbl-body {
	background: none;
	text-align:center;}

.tbl-body1 {
	background-color: #6795ce;
	padding: 5px;
	border-top: 1px solid #cccccc;
	padding: 5px 10px 24px 5px;
	color:#FFF;}
	
.tbl-body2 {
	background: none;
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding: 5px 10px 24px 5px;}
	
.tbl-bodyFirst {
	background: none;
	padding: 10px;}
	
.tbl-body3 {
	background: none;
	padding: 10px;
	border-top: 0px solid #cccccc}
	
.tbl-body4 {
	background: none; 
	border-top: 1px solid #e2e2e2;
	padding: 2px 4px 2px 10px}

.tbl-head {
	background-color: none;
	border-bottom: none;
	font-weight: bold;
	color: #6795ce;
	padding: 14px 3px 4px 5px;}
	
.tbl-req {
	background-color: none;
	border-top: 1px solid #e2e2e2;
	color: #990000;
	text-align: left;
	padding-right: 0 8px;}
	
.pdfDoc {
	padding: 0 0 0 8px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc}
	
.lineTop {
	padding: 0 10px 6px 0;
	border-top: 1px solid #ccc;
	vertical-align: top}

td.homeTab {
	padding: 0 10px;
	font-size: 13px;
	line-height: 20px;
	vertical-align: top}
.spc4 {
	padding-bottom: 50px
}
.dualDoc {
	padding: 0 0 2px 5px;
	border-left: none;
	border-bottom: none
}
.formRequired {color: #FF0000;}
.formhrd { height:18px; color: #FFFFFF; font-weight: bold;font-size: 12px; padding: 2px; background-color:#7B808D;}
#regfields div {
	padding-top:10px;
	padding-left: 5px;
	width: 210px;
	height: 45px;
	float: left;
}
#regfields input, #regfields select {
	margin-top:2px;}

/**** Carousel ****/

	.carousel-component .carousel-list li { 
	    width: 130px; /*500 + 2 + 2 + 1 + 1 */
	}

	.carousel-component .carousel-list li a { 
	    display:block;
	    outline:none;
	    -moz-outline:none; 
	}


	.carousel-component .carousel-list li.active a { 
	}

	.carousel-component .carousel-list li img {
	display:block;
	margin: 0 auto;
	text-align: left;
}

	.carousel-component .carousel-prev {
	position:absolute;
	top: 20px;
	z-index:3;
	cursor:pointer;
	left: 0px;
	}

	.carousel-component .carousel-next {
	position:absolute;
	top: 20px;
	z-index:3;
	cursor:pointer;
	right: 00px;
	}
.caroselNav{
	position: relative;
	top: 60px;
}

.hide{display:none;}
.show{display:block;}


#tabssection {
	FLOAT: left;
	WIDTH: 568px;
	background:url(/images/sitenew/tab/bt_gr_tab.jpg) bottom no-repeat;
}
.home #tabs {MARGIN-TOP: 8px}
.home #tabs .tabs {POSITION: relative; HEIGHT: 33px;width: 569px;}
.home #tabs .tabs LI.tab-1{POSITION: absolute; width: 152px; text-align: center;}
.home #tabs .tabs LI.tab-1 A { WIDTH: 152px;text-align: center;}
.home #tabs .tabs LI.tab-2 { position: absolute; left:189px;}
.home #tabs .tabs LI.tab-2 A { WIDTH: 152px;text-align: center;}
.home #tabs .tabs LI.tab-3 { position: absolute; left:379px;}
.home #tabs .tabs LI.tab-3 A {WIDTH: 152px;text-align: center; }

.home #tabs .tabs A {width:152px; FONT-SIZE: 13px; TEXT-TRANSFORM: uppercase; COLOR: #666; FONT-FAMILY: arial black,arial,sans-serif; TEXT-DECORATION: none; }
.home #tabs .tabs A { width:152px; PADDING-LEFT: 8px; background:url(/images/sitenew/tab/inactive_tab.jpg) no-repeat; FLOAT: left; WIDTH: 119px; LINE-HEIGHT: 30px; BORDER-BOTTOM: #b2b2b2 0px solid; HEIGHT: 32px}
.home #tabs .tabs A.active {background:url(/images/sitenew/tab/active_tab.jpg) no-repeat; HEIGHT: 33px; width:152px;;text-align: center; color:#000;}
.home #tabs .tab {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
}


.home #tabs .tab-hide {DISPLAY: none;}



.hrsolutionsColumnHeader {
	font-size: 16px;
	line-height: 5px;
	color: #FFF;
	}
	
.hrsolutionsColumnText {
	font-size: 12px;
	line-height: 18px;
	color: #000; 
	font-weight: normal;
	padding-top: 32px;
	text-align:left;
}
.hrsolutionsColumnText a {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #0073CF;
	padding: 10px;
}
	
	
	/*--------------- Main Content ---------------------------------------------------*/

#mainContentb {
	width: 475px;
	margin: 0;
	padding: 0px 10px 50px;
	border-right: 1px solid #ccc;
	}

#mainContentb p { 
	padding: 6px 0}

.mainContentb-td{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	color: #333333;
	padding: 5px;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E7E3E7;
}

.mainContentb-tdtitle{
	background-color: none;
	border-bottom: none;
	font-weight: bold;
	color: #6795ce;
	padding: 14px 3px 0px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
	font-size: 14px;
}
.mainContentb-tdhdr {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
	color: #333333;
	text-align:left;
	padding: 5px;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
}

#mainContentb {
	width: 475px;
	margin: 0;
	padding: 0px 10px 50px;
	border-right: 1px solid #ccc;
	}

#mainContentc p { 
	padding: 6px 0}

.mainContentc-td{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	color: #333333;
	padding: 5px;
	vertical-align: middle;
}

.mainContentc-tdtitle{
	background-color: none;
	border-bottom: none;
	font-weight: bold;
	color: #6795ce;
	padding: 14px 3px 0px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
	font-size: 14px;
}
.mainContentc-tdhdr {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	color: #333333;
	text-align:left;
	padding: 5px;
	vertical-align: middle;
}

.tablemedia-padding {
	padding-bottom: 50px;}	


	/*--------------- Panels Small ---------------------------------------------------*/

.panelLeft {
	float:left; 
	width:211px; 
	height:185px;
}
.panelRight {
	float:left; 
	width:211px; 
	height:185px;
	margin-left: 30px;
}
.panelTitle {
	padding-top:6px; 
	margin-left:10px;
	color:white;
	font-weight: bold;
}
.panelIcon {
	width: 85px;
	height: 100px;
	float:left; 
	padding-top:15px; 
	margin-left:8px;
}
.panelBlurb {
	width: 107px; 
	float:left; 
	padding-top:12px; 
	padding-left:4px;
	margin-right:3px;
	font-size:1em;
	line-height:1.3em;
}


	/*--------------- Panels Large ---------------------------------------------------*/

.panelLeft_large {
	float:left; 
	width:310px; 
	height:185px;
}
.panelRight_large {
	float:left; 
	width:310px; 
	height:185px;
	margin-left: 30px;
}
.panelTitle_large {
	padding-top:6px; 
	margin-left:10px;
	color:white;
	font-weight: bold;
}
.panelIcon_large {
	width: 94px;
	height: 100px;
	float:left; 
	padding-top:15px; 
	margin-left:8px;
}
.panelBlurb_large {
	width: 190px; 
	float:left; 
	padding-top:12px; 
	padding-left:8px;
	margin-right:3px;
	font-size:1.1em;
	line-height:1.3em;
}

	/*--------------- Lead Nuturing Landing pages ---------------------------------------------------*/
#landingWrp {
	width: 910px;
	margin: 0px 18px 0 16px;
	border-right: 1px solid #828387;
	border-left: 1px solid #828387;
	border-bottom: 1px solid #828387;
	float: right;
}
	
#landing_mainContent {
	width: 300px;
	margin: 0;
	padding: 0 10px 10px 20px;
	border-right: 0px solid #ccc
}
	
#landing_mainContent p { 
	padding: 6px 0}
	
#landing_HR_banner {
	background:url('http://www.trinet.com/free-consultation/images/HR_SolBanner.jpg') no-repeat right top;
	width: 300px;
	height: 240px;
	padding: 16px 10px 0 0
}
	
#landing_HR_banner h1 { 
	font-size: 20px;
	font-weight: normal;
	padding: 0 0 10px 0}
	
#landing_HR_banner p { 
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	padding: 6px 0}
	
.landing_HR_solution {border: none}
	
	a,
	a:link 
	a:active {
	   text-decoration: none; background-color: inherit; color: #3b73b9}
	
	a:visited {
	   text-decoration: none; background-color: inherit; color: #3b73b9}
	
	a:hover {
	   text-decoration: none; color: #E37222;}