body{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
margin:0px;
color:#333333;
}
body a {
color:#1687ef;
}
body a:link{
text-decoration: none;
}
body a:visited{
text-decoration: none;
}
body a:hover{
text-decoration: underline;
}
body a:active{
text-decoration: none;
}

img, div, a, input { behavior: url(iepngfix.htc) }

/*Nav Containers*/

.navbg {
width:100%;
height:30px;
background:url(/media/simplify_my_payroll/images/navigationbg.jpg);
text-align: center;
}
.navigation {
width:940px;
height:25px;
margin: 0 auto;
padding-top: 5px;
text-align:right;
}
.navigation ul {
margin:0px;
padding: 0px;
list-style:none;
}
.navigation li {
display:inline;
padding: 0px 10px 0px 10px;
}
.navigation a {
color:white;
font-size:10pt;
}
.navigation a:link {
text-decoration:none;
}
.navigation a:visited {
text-decoration:none;
}
.navigation a:hover {
text-decoration: underline;
}
.navigation a:active {
text-decoration: none;
}

/* Logo Containers */

.logocontainer{
width:100%;
height: 94px;
background:url(/media/simplify_my_payroll/images/logoareabg.jpg);
}
.logoarea {
width: 930px;
height:94px;
margin: 0 auto;
padding-right: 10px;
}

/* Banner area */
.bannercontainer {
width:100%;
height: 305px;
background:url(/media/simplify_my_payroll/images/bannerareabg.jpg);
text-align:center;
margin-bottom:10px;
}
.bannercontainer_contentpage {
width:100%;
height: 88px;
background:url(/media/simplify_my_payroll/images/bannerbg_contentpage.jpg);
text-align:center;
}
.bannerarea{
width: 940px;
height: 305px;
margin:0 auto;
background: url(/media/simplify_my_payroll/images/mainbannerarea.jpg);
}
.bannerarea_contentpage{
width: 940px;
height: 88px;
margin:0 auto;
background: url(/media/simplify_my_payroll/images/banneroverlay_contentpage.jpg);
}
.bannerleftcolumn {
width: 400px;
height:135px;
float:left;
text-align:center;
padding: 16px 0px 0px 9px;
}
#orcontainer{
width:45px;
height:25px;
padding-top: 10px;
text-align:center;
float:left;
}
.bannerrightcolumn {
width: 530px;
height:285px;
float:left;
padding-top:20px;
}

/* Main Content Area IDs and Classes for grid system below */
#rightcolumn {
background: url(/media/simplify_my_payroll/images/rightcolumnbg.jpg) no-repeat left;
padding-left: 20px;
width: 280px;
text-align:left;
float:right;
margin-left: 10px;
margin-right: 10px;
margin-top:-80px;
}
#rightcolumn li {
padding-bottom:20px;
}
.maincontentinfoboxes {
/* padding-bottom:35px; */
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
height:150px;
}
.icon {
width:80px;
height: 46px; 
float:left;
padding-bottom: 10px;
}
.title {
width:220px;
height:46px;
float:left;
padding-bottom: 10px;
}
#contentpage_linkarea{
height:87px;
background:url(/media/simplify_my_payroll/images/contentlinkareabg.jpg) no-repeat;
padding-top:10px;
}
#contentpage_linkarea a:link{
text-decoration: none;
}
#contentpage_linkarea a:visited{
text-decoration: none;
}
#contentpage_linkarea a:hover{
text-decoration: underline;
}
#contentpage_linkarea a:active{
text-decoration: none;
}
#contentpage_linkarea h1 {
font-size: 18pt;
}
#contentpage_textarea {
height:auto;
}
/* Footer */

.footer_container {
width:100%;
height:120px;
background: url(/media/simplify_my_payroll/images/footerbg.jpg) #c6e0f4 no-repeat;
color:#16619e;
text-align:center;
}
.footer_content {
width:700px;
margin:0 auto;
padding-top:10px;
text-align:center;
}
.footer_content ul {
margin:0px;
padding: 0px;
list-style:none;
}
.footer_content ul
{
    margin-left:200px;
}
.footer_content ul li {
display:inline;
float:left;
padding: 0px 10px 0px 10px;
}
.footer_content ul li a {
color:#16619e;
display:block;
padding-top: 4px;
}
.footer_content ul li a:link {
text-decoration: none;
}
.footer_content ul li a:visited {
text-decoration: none;
}
.footer_content ul li a:hover {
text-decoration: underline;
}
.footer_content ul li a:active {
text-decoration: none;
}
/* =Containers
--------------------------------------------------------------------------------*/

.container_12,
.container_16
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4
{
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8
{
	width: 460px;
	
}

.container_12 .grid_9,
.container_16 .grid_12
{
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16
{
	width: 940px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	float:left;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
	margin-left: 0;
}

.omega
{
	margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
	width: 60px;
}

.container_12 .grid_2
{
	width: 140px;
}

.container_12 .grid_4 , .container_12 .maincontentinfoboxes
{
	width: 300px;
}

.container_12 .grid_5
{
	width: 380px;
}

.container_12 .grid_7
{
	width: 540px;
}

.container_12 .grid_8
{
	width: 620px;
	margin-left: 10px;
	margin-right: 10px;
	float:left;
}

.container_12 .grid_10
{
	width: 780px;
}

.container_12 .grid_11
{
	width: 860px;
}

/* Clear Float */

.clrflt {
clear: both;
}

.hidden_div
{
    margin-top:50px;
/*     margin-left:-300px; */
    position:absolute;
    width:300px;
    background-color:white;
    border:solid 1px black;
    padding:5px;
}