/* THREE COLUMN LIQUID CENTER LAYOUT */


body {
	
font-size:.8em;
font-family:Arial, Helvetica, sans-serif;
color:#4b4947;	
}

/*body {font: .8em verdana, arial, sans-serif;}*/
* {margin:0; padding:0;}

h1 {font-size:1.5em; 
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:.1em;
	color:white;
	padding:0 0 0 40px;
	}
	
h4 {font-size:110%; 
	font-family:Arial, Helvetica, sans-serif;
	color:#3b3937;
		}
		
h5 {font-size:95%; 
	font-family:Arial, Helvetica, sans-serif;
	color:#3b3937;
		}
h6 {padding:px; 
	width:200px;
	height:30px;
	margin:19px 0 15px 0px;
	font-variant:caps;
	line-height:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:.05em;
	text-align:center;
	font-size:1em;
	font-weight: bold;
	color:white;

	}

		
.sectionsubheadertitle	{
font-family:Arial, Helvetica, sans-serif;
font-size:.7em;
color:#444444;
font-weight:bold;

}
.sectionsubheadermaintitle	{
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#607cc8;
font-weight:bold;
margin:14px 0 0 0;

}

	
a {
font-family:Arial, Helvetica, sans-serif;
color:#151e77;
}

p {
font-size:.85em;
font-family:Arial, Helvetica, sans-serif;
padding:5px 0 5px 0;
margin:px 0 5px 0;
color:#4b4947;	
	}
	
img {  
	border-style: none;
}


	
div#main_wrapper {
	width:100%;   
	margin:0 auto; 
	background: url(images/subpageheadertile.jpg) repeat-x;
	} /* centers layout when > max width */
	
div#pagecontainer {
	margin:0 auto;
	width:1051px;
	height:auto;
	}
	
/*div#header {
	margin:auto;
	width:1051px;
	height:375px;
	background:url(images/benefitshomeheaderbg.jpg) no-repeat;
	}*/
	
div#headernetwork {
	margin:auto;
	width:1051px;
	height:375px;
	background:url(images/networkhomeheaderbg.jpg) no-repeat;
	}
	
div#managedhostingheader {
	margin:auto;
	width:1051px;
	height:375px;
	background:url(images/managedserviceshomeheaderdialbg.jpg) no-repeat;
	}

	
div#header img{
	width:305px;
	float:left;
		}

.byrnelogo {
	width:305px;
	float:left;
		}
	
div#topnav_3colwrap {
	float:right;
	width:auto;
	height:59px; 
	margin:10px 60px 0 0;
	background: url(images/topnav_rightimage.png) no-repeat top right;
	}
	
#topnav_2colwrap {
	width:auto;
	float:left;
	height:59px;
	background: url(images/topnav_leftimage.png) no-repeat top left;
	}
	
#topnavcontent {
	width:357px;
	margin-right:19px;
	margin-left:19px;
	height:59px;
	background:url(images/topnav_tile.png) repeat-x;
	}
	
	.topnav_rightimage  {
	float:left;
	width:19px;
	display:inline;
	}
	
	.topnav_leftimage  {
	float:left;
	width:19px;
	}
	
/*#threecolwrap {
	margin:auto;
	margin:-190px 0 0 80px;
  	width:891px;
	background:url(images/contentbg.png) no-repeat;
 	}*/
	
#threecolwrapbenefitsub{
	margin:auto;
	margin:-260px 0 0 80px;
  	width:891px;
	background:url("images/contentbg.png") no-repeat;
 	}	
	
div#subheader {
	margin:auto;
	width:1051px;
	height:375px;
	background:url(images/benefitssubheaderbg.jpg) no-repeat;
	}
	
div#subheader img{
	width:305px;
	float:left;
		}

	
#nav{
 	float:left;
 	width:200px;
	height:467px;
	}
	
#content {
	width:456px;
	float:left;
 	padding:0;
 	margin:0 0 0px 5px;
	position:relative;
	}
	
#benefitshome_contentheader {
	position:relative;
	float:left;
	width:420px;
	height:auto;
	margin:50px 0 10px 30px;
	
	}	
		
#benefitshome_contentheader img {
width:66px;
height:auto;
padding:0;
float:left;
}

#benefitshome_contentheader p {
font-size:1.2em;
color:#607cc8;
font-weight:bold;
margin:14px 0 0 0;

}	

#benefitshome_contentheader span {
font-size:1em;
color:#444444;
font-weight:bold;
}

#benefitscontentheader {
	position:relative;
	float:left;
	width:425px;
	height:auto;
	margin:50px 0 10px 0px;
	
	}	

#benefitscontentheader p {
font-size:1.4em;
color:#607cc8;
font-weight:bold;
margin:14px 0 0 0;

}	

#benefitscontentheader span {
font-size:1em;
color:#444444;
font-weight:bold;
}

#content_inner_text {
	margin:0 0 10px 0;

	}	
	
#rightpanel {
 	float:right;
 	width:220px; 
		}
#footer {
 	clear:both;
	margin:auto;
	width:860px;
	height:40px;
	background-color:#e8e7e6;
	border-width:0 4px 0 4px;
	border-style:solid;
	border-color:#607cc8;
	}
	
#footer_inner {
	}

#footer p {
	float:left;
	font-size:1.1em;
	color:#626262;
	line-height:30px;
	padding:0 5px 0 10px;
	font:Arial, Helvetica, sans-serif;
}

#footer span {
	font-size:1.2em;
	color:#2d2d2d;
	font-style:italic;
	font-weight:bold;
}

#pen {
	float:left;
	width:164px;
	padding:;
	margin:-18px 0 0 0px;
	}

	
/* end of structural styles */ 

/* Top Nav Menu*/

#drop_down_menus * {
	margin:0; padding:0; /* remove the default margins and padding on the menu elements */
	}
#drop_down_menus {
	/*behavior:url(../../lib/js_tools/csshover.htc);*/
	font-family:lucida, arial, sans-serif;
	border:0px solid #686;
	margin:15px 0 0 0;
	float:right; /* make the div enclose the ul */
	}
#drop_down_menus ul  {   
	/* border:2px solid red; */   /*  show the container */
	float:left; /* make the ul enclose the li's */
	padding:0;
	}
#drop_down_menus li  {   /* this div represents the container (left column, perhaps) that you drop the menu into - the menu will expand horizontally to fill the space available */
	/* border:2px solid blue; */   /* show the container */
	border-left:1px solid #a3a09f; /* a divider between the list items */
	list-style-type:none; /* removes the bullet off each list item */
	float:left; /* make the list items sit side by side */
 	position:relative; /*positioning content for the nested ul (the drop-down) */
	background-color:white;
	padding:0;
	
	
	}
#drop_down_menus li:first-child  {
	border-left:none; /* no divider needed to the left of the first list items */
	
	}
#drop_down_menus a {
	display:block; /* make the link fill the list item correctly */
	padding:.3em 6px; /* pad the link text away from the edge of the list item */
	color:#151e77;
	text-decoration:none;
	}
#drop_down_menus a:hover {
	border-bottom:3px solid #fdd32c;
	color:#; /* different text color for the hover */
	/* different background color for the hover */
	}
#drop_down_menus li ul {
	position:absolute; /* positions the drop-down relative the parent li positioning context */
	display:none; /* hides the drop-down (revealed when hovered - see below) */
	width:7em; /* set the width of the drop-down */
	left:-1px;
	}
#drop_down_menus li:hover ul {
	display:block; /* display the menu when hovered */
	}
#drop_down_menus li ul li {
	width:100%;  /* makes each li the width of the ul and therefore stack */
	border-right:1px solid #151e77; /* add borders around the drop-down */
	border-bottom:1px solid #151e77;
	border-left:1px solid #151e77; 
	}
#drop_down_menus li ul li:first-child {
	border-left:1px solid #151e77; /* overrides the removal of top level left border  */
	border-top:1px solid #151e77; /* a border across the top of the drop-down */
	}
/* a hack for IE 6 - doesn't understand first-child \*/
* html #drop_down_menus li ul {
	border-top:1px solid #151e77; /* adds a top border to the drop-downs in IE6 */
	}
/*End Top Nav Menu*/

/*Start of Side Nav Menu*/

div#nav_inner {
	width:194px;
	margin:70px 0 0 20px;
	font-size:.85em;
	} /*Side nav control goes here*/
	
div#listcontainer {
	border:1px solid #000; 
	width:150px; font-size:.75em; 
	margin:20px;
}

div#nav_inner ul {
	border:0; 
	margin:30px 20px 12px 1.5em; 
	padding:0; 
	list-style-image:url(images/navarrowup.gif);	
}

div#nav_inner li {
	border-bottom:1px solid #a3a09f; 
	margin:2px 0 4px 0; 
	padding:.2em 0 .8em 0; 
}

div#nav_inner a 
	{text-decoration:none; 
	color:#151e77;
}

div#nav_inner span 
	{text-decoration:none; 
	color:#f0a00f;
}

.sidenavhighlight {
	list-style-image:url(images/navarrowdown.gif);
}

div#nav_inner a:hover {
	text-decoration:none; 
	color: #f0a00f;
}

.subsidenav {
	color:#151e77;
	font-size:.8em;
	display:block;
	line-height:1em;
	margin:5px 0 0 10px;
}
/*End of Side Nav*/

/*Start of Footer Nav*/

#footer_menu * {
	margin:0; padding:0;
	/* remove the default margins and padding on the menu elements */
	}
#footer_menu {
	float:left; /* make the div enclose the ul */
	line-height:40px;
	}
#footer_menu ul  {   
	float:left; /* make the ul enclose the li's */
	margin:0 0 0 10px;
	}
#footer_menu li  {
	list-style-type:none; /* removes the bullet off each list item */
	float:left; /* make the list items sit side by side */
 	}
#footer_menu a {
	padding: 1em 6px;
	font-size:.75em;
	color:#151e77;
	text-decoration:none;
	}
	
#footer_menu a:hover {
	text-decoration:underline;
	}
/*End of Footer Nav*/

#copyright {
	clear:both;
	margin:auto;
	width:660px;
	height:40px;
	color:#626262;
	font-size:.8em;
	text-align:center;
}

/* inner div margin */
{
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
#content_inner {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
#nav_inner {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
#header_inner {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
#header_inner {
	/* I want the header content to touch the edges, so no padding */
	}
	
#content_inner {
	 	width:454px;
	margin:auto;
	padding:0px 0px 20px 0;
	
	}
	
#content_inner ul {
	font-size:.85em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 15px;	
	color:#4b4947;	

	}
	
#right_inner {
	padding:0 5px 0 5px; 
	margin:10px 0 0 0px;
	width:195px;
	} /*Webparts stacked here*/
	
#right_inner h2 {
	margin: 10px 0 0 -4px;
	padding: 7px;
	width:191px;
	background:#607cc8;
	font-variant:small-caps;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:.2em;
	text-align:center;
	font-size:1.2em;
	font-weight: bold;
	color:white;
	}

right_inner p {
	font-size:110%;
font-family:Arial, Helvetica, sans-serif;
padding:5px 0 5px 0;
margin:px 0 5px 0;
color:#4b4947;	
	}

	
#rightpanel p {
	font-size:105%;
font-family:Arial, Helvetica, sans-serif;
line-height:13px;
padding:5px 0 5px 0;
margin:0px 0 5px 0;
color:#4b4947;	
	}

	
#contactus {
	width:135px;
	height:25px;
	margin:0px 0 0 0;
}

#contactus a {

	font-size:1.3em;
	font-weight:bold;
	color:#151e77;
	text-decoration:none;
	display:block;
	float:left;
	line-height:25px;
	}

#rightpanelinterestedtext p{

	font-size:1em;
	font-weight:bold;
	margin:;
	font-family:Arial, Helvetica, sans-serif;
	color:black;

}


/* deleted width to accomodate linkedin graphic*/	
#right_inner img {
width:;
height:;
padding:0 5px 0 0;
float:left;
}

/*#right_inner a {
font-size:1.3em;
font-weight:bold;
color:#151e77;
text-decoration:none;
display:block;
float:left;
line-height:25px;
}*/

	
#right_inner a {
font-size:1em;
font-weight:bold;
color:#151e77;
text-decoration:none;
}


/*#right_inner span {
font-size:1em;
font-weight:bold;
margin:;
font-family:Arial, Helvetica, sans-serif;
color:;*/

}

#ctl00_PlaceHolderLeftNavBar_idNavLinkViewAll
{
visibility:hidden;
display:none;
} /*hides "view all site content" link on the bottom*/

#ctl00_PlaceHolderSiteName_onetidProjectPropertyTitle {
visibility:hidden;
display:none;
} /*hides "byrne" go home link on the bottom*/


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

<!--Benefits Admin Subpage styles-->