/* See Qskin-home.css for value over-rides */
  body {
	line-height: 1.5em;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	_text-align: center;
	background-color:#848284;
	color:#444;
/*	background-image: url(/Portals/_default/Skins/Quarterhouse/Images/global/bodyshadow_right.png) norepeat;*/
  }
   
  h2{
    padding:.5em;
    font-size:1.6em;
    font-weight:bold;
    color:#900;
  }
  
  h3{
    padding:.5em;
    font-size:1.4em;
    font-weight:bold;
    color:#555;
  }
  .company h3:first-letter {
    color:#900;
  }
  
  .solutions h3:first-letter {
    color:#115F89;
  }
  
  .services h3:first-letter {
    color:#83B63F;
  }
  
  h3 a {
    text-decoration:none;
    border:0;
    color:#555;
  }
  /*
  .company h3:first-letter a {
    color:#900;
  }
  
  .solutions h3:first-letter a {
    color:#115F89;
  }
  
  .services h3:first-letter a {
    color:#83B63F;
  }
*/
  h3 a:hover {
    text-decoration:none;
    border:0;
    color:#555;
  }
  
  h4 {
    padding:.5em .25em;
    font-size:1.4em;
    font-weight:bold;
  }
  
  p, li {
  font-size:1.2em;
  }
  
  li h4 {
  font-size:1.1em;
  padding:0em .25em;
  } 
   
  li p {
  font-size:1.1em;
  _font-size:1em;
  padding:0em .25em;
  _padding:.5em .25em;
  }
  
  p {
    margin:.5em;
  }
  
  ul {
    margin-left:1.5em;
  }
  
  li {
	line-height: 1.5em;
/*	margin: -.6em 0 .5em -1em;
	padding: .6em 0 .5em 1em;
	background-position: 0 1.25em;
	background-image: url(http://www.quarterhouse.net/Portals/_default/Skins/Quarterhouse/Images/bullet.gif);
	background-repeat: no-repeat;*/
  }

  address {
  font-style:italic;
  }
  
  textarea, input {
    color:#900;
    font-family:verdana, arial, sans-serif;
  }
  
  a {
    color:#900;
    text-decoration:none;
    /*border-bottom:.1em dotted #900;*/
  }
  
  a:hover {
/*    border-bottom:.2em solid #555;*/
  }

  .pagewrapper {
  }
  .page {
	background-color: #FFF;  
	width: 96em;
	height:auto;
	margin: 0 auto;
	_text-align: left;
	padding-top:9.4em; /* home page value accommodates banner ... value set in Qskin-home.css over-rides this one */

position:relative;  /*Relative Positions (absolute positioning kills alignment) is required here for top text display directly beneath footer; NOTE IE 6:  Without parent div set to relative positioning toptext diplays at the bottom of the browser window leaving a significant space between it and the footer*/
	/* top:0; formerly used for the absolute positioning */
  }
  .topBanner
  {
  	background:#FFF url(Images/global/header_topmargin.jpg) no-repeat;
  height:9em;
  width: 96em;
  position:absolute;
  top:0px;
  }
  .topMenuBanner
  {
  	/*background:#FFF url(http://www.quarterhouse.net/Portals/_default/Skins/Quarterhouse/Images/global/newheader_topmargin.jpg) no-repeat;*/
  height:9em;
  width: 96em;
  position:absolute;
  top:110px;
  }
  .header {
  background:#FFF url(Images/global/header_logo.jpg) no-repeat;
  height:9em;
  width: 96em;
  position:absolute;
  top:20px;
  background-color:#616161
  }

  .header ul {
    color:#666;
    margin-top:2em;
  }
  
  .header li {
    float:right;   
    /*padding:.5em 1em;*/
    background-image:none;
  }
  
  .linkbar {
  background-color: #F4F4F4;
  height:3.5em;
  width: 96em;
  position:absolute;
  top:70;
  float:right ;
  }
  
  .linkbar li{
  float:right;
  background-image:none;
  }
  
  .linkbar a {
    color:#555;
    text-decoration:none;
    /*padding:.8em 1em .7em;
    line-height:3.1em;*/
    border:0;
  }
  
  .linkbar a:hover {
    background: #DDD;
/*    color: maroon;*/
    border:0;
  }
  
  .banner {
  /*background: #F4F4F4 url(http://www.quarterhouse.net/portals/_default/skins/quarterhouse/images/frontpage/fp_mainbanner.jpg) repeat-x;*/
  height:271px;
  width: 960px;
  position:absolute;
  top:110;
  text-align:right; 
  z-index:1000; 
  
  
  }
 /*
  .banner .heading h2{
  color:#FFF;
  margin:0 0 .25em;
  padding-bottom:0;
  }  
  
  .banner .heading p{
  color:#F6D100;
  } 
  .banner .image {
    width:27.3em;
    color:#FFF;
    float:right;
    background-color:#000;
  }
  .banner .info {
    width:52.7em;
    _width:52.6em;
    color:#FFF;
    float:left;
  }
*/   
   div.text{
    float:left;
  }
  
  .text ul {
    margin-left:2em;
  }
   
/* Div will not display in FF if it contains no content */
/* Home page only - The subsection div is the first div that is not absolute positioned;  This divs top position is determined by the padding of the parent div - .page div in this case*/
  .subsection {
  width: 96em;
  padding-bottom:1em; /* Margin-bottom affects IE */
  z-index:10;
  }
  
  .subsection .heading {
  width:96em;
  background-color:#555;
  color:#900;
  }
  
  .subsection .heading h2 {
  background-color:#F4F4F4;
  color: #333;
  margin:0 0 0 3.5em;
  border-left:.4em solid #FFF;
  }

  .subsection div.text{
  /*  background-color:#FFFACD;*/
    /*width:96em;
    margin:1em 0 1em 1.5em;*/ /* Margin-bottom affects FF */
    width:95.5em;
    margin:1em 0 1em 0em; /* Margin-bottom affects FF */
    padding:0 0 0 2em;
    
  /*  height:18em;*/
    margin-top :140px;
    padding-right:0px;
  }
  .subsection div.text p{
    height:9.4em;
  }
  .subsection h3:first-letter {
    color:#FFF;
  }
  
  .subsection h3 {
    text-align:center;
    background-color: #F6D100;
    color:#FFF;
  }
  
  .subsection .text a.golink {
    background-color: #F6D100;
    color:#FFF;
    padding:.5em;
    float:right;
    border-bottom:none;
  }
  
  .subsection .text a.golink:hover {
  
  background-color: #900;
  }
  div.content {
  }
  
  .content div {
    float:left;
    padding-top:.1em;
  }
   
  .banner li {
	line-height: 1em;
	margin: -.85em 0 .5em -1em;
	padding: .85em 0 0 1em;
	background-position: 0 1.25em;
	background-image: url(Images/bullet.gif);
	background-repeat: no-repeat;
}
  
  div.links {
     white-space:nowrap;
    margin-top:30px;
    /*width:14em;
    padding:5em 1em 0 .25em;*/ 
     background-image: url(Images/global/ip_sidenav_bgrd.jpg);
  }
  
  .links td {
  padding-bottom:1em;
  }
  
  .copy {
  width:42.5em;
  margin-top:2em;
  }

  .copy th, .copy td {
    padding-bottom:.25em;
    font-size:12px;
    /*font-weight:bold;*/
    vertical-align:top;
    }
  .copy em {
    color:#900;
    font-weight:bold;
  }
  .copy span {
  _font-size:.9em;
  }
  
  table.contactinfo {
  margin:1em 3em;
  }
  .contactinfo tr, .contactinfo th {
    padding-bottom:1.25em;
  }
  .contactinfo th {
    width:7em;
  }
  .ads {
  width:19em}
  
  .links .whitepaper {
    width:11em;
  }
  
  .links .whitepaper a{
    /*white-space:wrap;*/
    width:10em;
  }  
  
  .ads div.features {
    width:15em;
    border:.1em solid #F6D100;
    background-color:#FFFACD;
    margin:1em 0 0 2em;
  }

  .features h4 {
    text-align:center;
    background-color: #F6D100;
    color:white
  }

  
  .footer {
  clear:both; /* IE parent divs inherit child dimensions; FF does not.  Clear is required for FF here to avoid the footer floating up.*/
  background-color: #fff;
  /*border-bottom:1em solid #C2C2C2;*/
  height:7.5em;
  width: 96em;
  position:relative;
  top:20;
   text-align:center;
  }
  .footer p {
  float:left;
  }
  
  .footer ul {
    float:right;
    margin:.5em;
    padding-bottom:.25em
  }
  
  .footer li {
  display:inline; 
  padding: 0 0 0 2em;
  background-image: none;
  }
  
  div.toptext {
  background-color: #DDD;
  color:red;
  height:2em;
  width: 96em;
  /* position:absolute; /* When absolute is set 100% displays toptext immediately under the footer - the last div with no positioning */
  position: relative; /* Setting position to relative displays relative to padding of parent div */
  /* For relative positioning if the "top" value plus .page padding-top is high enough it will push toptext off the page; but it does leave a blank space the height of the original div */
  /* For absolute positioning you could place it off page - blackhat - would consider this the equivalent of visibility:hidden or display:none */
  top:100%; 
  margin-top:-2em; /* Your can use "top" with relative positioning but it leaves the space affecting elements after it;  so to compensate you set a negative margin which corresponds to height of the positioned div, toptext - basically places the toptext div that much above it's original position and index wise it in this case happens to display behind the banner otherwise would need to specify index to place it behind banner*/
  /*z-index:1000;*/
  /*margin:auto;*/ /* Use if moved outside of page div*/
  }

.HeadLinks  {
    position:absolute;
    top:1px;
    left:0px;
    width:958px;
    height:24px;
    /*background: white url(/Portals/_default/Skins/standard/Images/Skin/topnav_bgrd.gif) ; */
}
.divRelInAbs {
    position:relative;    
}

.headlinkbar
{
    height:35px;
	/*background-color: #DC394E;*/
	margin-left:0px;
	margin-right:0px;
	float:right;
	top:70;
	
}
.headlinkbar ul
{
    
}
.headlinkbar ul li
{
    height:24px;
	/*border:solid 2px #EDD277;
	background-color: #008DC5;*/
	color:white;
	
	text-align:center;
	vertical-align:middle;
	font-size:1.25em;
	    
}

.headlinkbar ul li 
{
	color:red;
/*	background-image: url(/Portals/_default/Skins/standard/Images/Skin/mainnavbgnd.png)*/
}
.headlinkbar ul li a
{
	color:red;
}