/* CSS Document */

body
{
/*text-align: center;*/
background-repeat:repeat-x;
background-color:#eae5df;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
margin-top:0px;
color:#5e5d53;

}

div#container, div#footer{
margin-left: auto;
margin-right: auto;
width: 993px;
min-width:993px;
position:relative;

}
div#container
{
position:relative;
background-color:#FFFFFF;
} 
div#containerFooter{
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
background-color:#eae9e7;
margin:0;
height:79px;
 clear:both;
}


 #topSection {
  position:relative;
  left:0;
  top:0;
  margin:0;
  padding:0px;
  background-color:#eae9e7;
height:170px;
 z-index:99;
  }
  
 #topSection a{
  color:#0079c1;
 text-decoration:none;
 }
 
 #topSection a:hover{
  color:#0079c1;
 text-decoration:underline;
 }
 


div#whiteHeader{
position:relative;
background-image:url(../images/white_header.jpg);
height:102px;
}
div#headerTopNav
{
 color:#0079c1;
 margin-right:5px;
 margin-top:5px;

 }

div#headerContact{
color:#68013e;
margin-right:20px;
}


div#headerContact a{
color:#68013e;
text-decoration:underline;
}

div#headerContact a:hover{
color:#68013e;
text-decoration:none;
}
div#headerSearch{
margin:10px 5px 30px 0;
color:#c1d82f;
}
div#headerSearch input{
/*color:#949484;*/
}

div#logo
{
float:left;
margin-top:0px;

margin-left:40px;

}

div#headerTop
{
float:right;
text-align:right;
}

 
div#topNav
{
position:relative;
clear:both;
background-image:url(../images/Login_bg.jpg);
background-repeat:no-repeat;
height:70px;
vertical-align:top;
margin-top:0px;

}
div#homeImage{
position:relative;
background-image:url(../images/home_header.jpg);
background-repeat:no-repeat;
height:296px;
vertical-align:top;
margin-top:0px;
}

IMG{
border:0;

}
P{
	margin:10px 0 10px 0;
}

div#learnHow{
position:relative;
top:100px;
left:50px;
}
div#homeCols{
margin-left: auto;
margin-right: auto;
position:relative;
top:30px;

}

div#homeCols div{
float:left;
position:relative;
}

div#homeCols img{
display:block;
}

div#homeCols h3{
margin-bottom:0;
}

div#homeCols div div.content{
	margin-left:10px;
	margin-top:15px;
}

div#homeCols div div.content img{
	margin:0px 0 15px 0;
}

div#homeText{
width:100%; 
margin-top:75px; 
padding:0 15px 0 15px;
border-top-color:#666666;
border-top-width:thin;
border-top-style:solid;

}

div#leftHomeCols{
width:33%;
}
div#midHomeCols{
width:33%;
}
div#rightHomeCols{
width:33%;
}
div#topNav IMG{
margin-left:0px;
margin-right:0px;
margin-top:0px;
}

#midSection {
  position:relative;
  left:0;
  top:0;
  clear:both;
  margin-bottom:60px;
  background-image:url(../images/mainBG.jpg);
  background-color:#FFFFFF;
  background-repeat:no-repeat;
  min-height:400px;
  width:993px;
  display:table; /*solves issue with browsers not expanding content.*/
  }
  

#midSectionContent {
  position:relative;
  margin:0px 20px 0 20px;

  }
  
  #midSectionContentSecondary {
  position:relative;
  margin:0 0 0 3px;
  }
  
#midSectionLeftContent {
  position:relative;
  margin:20px 0px 0 0px;
 float:left;
 width:250px;
  }

#midSectionLeftContent a span.noUnderline{
text-decoration:none;
}

#midSectionLeftContent a.noUnderline{
text-decoration:none;
}
  
#midSectionLeftContent a{
color:#0078c1;
}
#midSectionLeftContent a:hover{
color:#97c525;
}

#midSectionRightContent {
  position:relative;
  float:right;
  margin:10px 40px 0px 15px;
 width:640px;

  }
  
 #midSectionRightContentHome {
  position:relative;
  float:right;
  margin:0px 40px 0px 15px;
 width:640px;

  }
  
 #midSectionRightContent a,  #midSectionRightContentHome a{
  color:#0079c1;
 text-decoration:none;
 }
 
 #midSectionRightContent a:hover,  #midSectionRightContentHome a:hover{
  color:#0079c1;
 text-decoration:underline;
 }

#innerRight{position:relative;float:right; width:166px;}
#innerLeft{position:relative;float:left; width:400px;}

div#SASFooterLogo{
float:left;
margin-left:30px;
}
div#footer{
position:relative;
left:0;
top:0;
margin-top:10px;
color:#5e5d53;

}

div#footerNav{
float:right;
text-align:right;
margin-right:50px;
}
div#footer a{
  color:#5e5d53;
 text-decoration:none;
 }
 
div#footer a:hover{
  color:#5e5d53;
 text-decoration:underline;
 }
 
 
div#consultation{
margin:30px 0 0 0;
}



HR.greenSide{
margin-top:5px;
margin-bottom:5px;
color:#a1d066; 
text-align:center;
}

.blue{
 color:#0079c1;
 }
.gray{
color:#8b8b84;
}

.bold{
font-weight:bold;
}
.big{
font-size:10pt;
}
.bigger{
font-size:11pt;
}
.biggest{
font-size:12pt;
}

.italic{
font-style:italic;
}

#contactRightContent{
float:left;
margin-left:15px;
}

#contactLeftContent{
float:left;
}

#rightSideCheckboxes {
margin-left:15px;
margin-top:15px;

}

#otherText{
margin-left:15px;
}
#contactPrivacy{
margin-top:10px;
}

#contactBestTime{
margin-bottom:35px;
}
#textArea{
	background-color: #eae5df;
	width:280px;
}

#submitButton{
background-color:#169dd8;
color:#FFFFFF;
width: 100px;
}
div.leftNavButton{
background-image:url(../images/outline_button.jpg); 
background-repeat:no-repeat;
height:23px; 
width:143px;
text-align:left;
color:#0079c1;
font-weight:bold;
padding-top:3px;
padding-left: 5px;
}
div.leftNavButton a{
	text-decoration:none;
} 
#menu ul:hover .item{display:block;  position: relative;}
#menu ul#item6:hover .item{display:block;position:relative;right:108px;} /*make right side menus display to the left*/
#menu ul#item7:hover .item{display:block;position:relative;right:110px;} /*make right side menus display to the left*/
div#menu{position:absolute;top:0px;width:670px; right:0px;} 
#menu ul{position: relative; z-index:10000;list-style-type:none; margin:0; background-color:#0079c1;}

/****used before adding contact tab****/
/*#menu ul#item0 {padding:0;position:absolute;top:0px;left:0px; width:131px;}
#menu ul#item1{padding:0;position:absolute;top:0px;left:0px; width:131px; } 
#menu ul#item2{padding:0;position:absolute;top:0px;left:131px; width:77px; } 
#menu ul#item3{padding:0;position:absolute;top:0px;left:208px; width:147px; } 
#menu ul#item4{padding:0;position:absolute;top:0px;left:355px; width:82px; } 
#menu ul#item5{padding:0;position:absolute;top:0px;left:437px; width:71px; } 
#menu ul#item6{padding:0;position:absolute;top:0px;left:508px; width:82px; } 
#menu ul#item7{padding:0;position:absolute;top:0px;left:590px; width:81px; } */

#menu ul#item0 {padding:0;position:absolute;top:0px;left:-114px; width:77px;}
#menu ul#item1{padding:0;position:absolute;top:0px;left:0px; width:131px; } 
#menu ul#item2{padding:0;position:absolute;top:0px;left:131px; width:77px; } 
#menu ul#item3{padding:0;position:absolute;top:0px;left:208px; width:147px; } 
#menu ul#item4{padding:0;position:absolute;top:0px;left:355px; width:82px; } 
#menu ul#item5{padding:0;position:absolute;top:0px;left:437px; width:71px; } 
#menu ul#item6{padding:0;position:absolute;top:0px;left:508px; width:82px; } 
#menu ul#item7{padding:0;position:absolute;top:0px;left:590px; width:81px; }

#menu ul li.item{display:none; position: relative; z-index:1000000;padding-left:10px; padding-top:5px; padding-bottom:5px; background-color:#0079c1; width:180px;} 


#menu ul:first-child li.item{position:relative;} 


#menu ul li.item a{display:block; color:#FFFFFF; text-align:left; position:relative;} 
#menu ul li.item a:hover{color:#FFFFFF; text-align:left; position: relative;} 

 
#menu ul#item6 li.item a, #menu ul#item7 li.item a{text-align:right; padding-right:10px; position: relative;} 
#menu ul li.item a:hover{color:#FFFFFF; text-align:left; position: relative;} 

#menu ul#item0 li.top{background-color:#0079C0;width:114px; height:30px; background-image:url(../images/nav-contact.jpg);position: relative;} 
#menu ul#item0 li.top:hover{width:114px; height:30px;  background-image:url(../images/nav-contact_o.jpg);position: relative;}

#menu ul#item1 li.top{background-color:#0079C0;width:131px; height:30px; background-image:url(../images/nav_employee_benefits.jpg);position: relative;} 
#menu ul#item1 li.top:hover{width:131px; height:30px;  background-image:url(../images/nav_employee_benefits_o.jpg);position: relative;} 
#menu ul#item2 li.top{width:77px; height:30px;  background-color:#0079C0;background-image:url(../images/nav_payroll.jpg);position: relative;}
#menu ul#item2 li.top:hover{width:77px; height:30px;  background-image:url(../images/nav_payroll_o.jpg);position: relative;} 
#menu ul#item3 li.top{width:147px; height:30px;  background-color:#0079C0;background-image:url(../images/nav_benefits_admin.jpg);position: relative;} 
#menu ul#item3 li.top:hover{width:147px; height:30px;  background-image:url(../images/nav_benefits_admin_o.jpg);position: relative;} 
#menu ul#item4 li.top{width:82px; height:30px;  background-color:#0079C0;background-image:url(../images/nav_cpi_metrics.jpg);position: relative;} 
#menu ul#item4 li.top:hover{width:82px; height:30px;  background-image:url(../images/nav_cpi_metrics_o.jpg);position: relative;} 
#menu ul#item5 li.top{width:71px; height:30px;  background-color:#0079C0;background-image:url(../images/nav_hr_assist.jpg);position: relative;} 
#menu ul#item5 li.top:hover{width:71px; height:30px;  background-image:url(../images/nav_hr_assist_o.jpg);position: relative;}
#menu ul#item6 li.top{width:82px; height:30px;  background-color:#0079C0;background-image:url(../images/nav_compliance.jpg);position: relative;} 
#menu ul#item6 li.top:hover{width:82px; height:30px;  background-image:url(../images/nav_compliance_o.jpg);position: relative;} 
#menu ul#item7 li.top{width:81px; height:30px;  background-color:#0079C0;background-image:url(../images/nav_wellness.jpg);position: relative;} 
#menu ul#item7 li.top:hover{width:81px; height:30px;  background-image:url(../images/nav_wellness_o.jpg);position: relative;} 


div.menuText{padding-top:5px; text-align:center;color:#FFFFFF; }
a#menuText{color:#FFFFFF; text-decoration:none;}
a#menuText:hover{color:#FFFFFF; text-decoration:underline;}
#login{position:relative; left:100px; top:35px;}
#login a{text-decoration:underline;}
#login a:hover{text-decoration:none;}

#breadcrumb{}
#headerImage{margin-bottom:30px; margin-top:10px;}
#mainText{margin-left:20px; position:relative; z-index:0;}
H1{font-size:14pt; font-weight:bold;}
H2{font-size:12pt;font-weight:bold;} 
H3{font-size:9pt;font-weight:bold;}
.nobr {white-space: nowrap;}
#rightCornerDivTop{background-image:url(../images/topCurved.jpg); margin-bottom:0px; width:164px; height:12px; vertical-align:bottom;background-color:#f4f2ef;}
#rightCornerDivMiddle{background-color:#c1d72e; width:164px;  min-height:50px; vertical-align:top;}
#rightCornerDivBottom{background-image:url(../images/bottomCurved.jpg); margin-top:0px; width:164px; height:12px;}
#rightPDF{margin-top:10px; margin-left:8px;}
#rightWhitePaper{margin-left:8px;}
#rightCornerDivMiddleTxt{margin-right:20px;margin-left:20px;}
#rightCornerDivMiddle h3.top{ margin-top:0px;}
#rightCornerDivMiddle h3{ margin-bottom:0px;}
#rightCornerDivMiddle h3 a{color:#5e5d53;text-decoration:none;}
#rightCornerDivMiddle h3 a:hover{text-decoration:underline;}
#rightPDF H3, #rightWhitePaper H3{margin-bottom:0px;}
a.serviceOverview{
font-style:italic;
}


div#social{
	position:relative;
	float:right;
	bottom: 5px;
	right:10px
}