@import url(reset.css);
@import url(print.html);

@import url(topnav.css);
@import url(leftmenu.css);

body{
	text-align: center;
	margin: 0; padding: 0;
	font: 62.5% Helvetica, Arial, Calibri, Verdana, sans-serif; color: #222;
	background-color: #fff; 
}



/* site structure */

#hrbwrap{
	height:auto;
	margin: 0 auto;
	width: 1013px;
}


#hrbcontent {
	width: 100%;
	position: relative;
	text-align: left;
	padding: 0;
	margin: 0;
	border: none;
}

/* ------------------ header styles ------------------ */

body.applications h2 { 
	text-indent: -1000em; 
	background: url(/images/header-titles/title-applications-overview.png) no-repeat; 
	height: 32px; 
	margin-bottom: 15px;
	margin-top:20px;  
}

#hrbheader-wrap {
	background: url(../images/header-top-bg.gif) no-repeat 339px #fff;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-top: 30px;
	position: relative;
	display: block;
	clear:both;
	z-index:9999;
}

#header-left {
	height: 66px;
	width: 300px;
	display:inline-block;
	float: left;
}


#header-left h1{
	text-indent: -9999em;
}

#home-link{
	display: block; 
	background: url(../images/logo.gif) no-repeat; /* site-wide logo here */
	height: 66px;
	width: 170px;
	margin-top: 5px;
}


#header-right {
	float: right;
	text-align: right;
	font-size: 1.4em;
	height: 83px;
	
}

#header-right a{
	color: #00275c;
	font-weight: bold;
	font-size: .7em;
}

#header-right a:hover{
	text-decoration: underline;
}

#site-login {
	text-transform: uppercase;
	margin-bottom: 7px;
	display: block;
}


ul#other-links {
	display: block;
	list-style:none;
	color: #ddd;
	padding: 0;
	margin: 0;
	margin-bottom: 0;
}

ul#other-links li {
	display: inline;
	list-style: none;
	margin: 0;
}

ul#other-links li a{
	color: #D9BD17;
	font-weight: bold;
	text-transform: uppercase;
	font-size: .7em;
}

ul#other-links li a:hover{
	text-decoration: underline;
}

ul#other-links span.pipe {position: relative; top: 2px;}
#site-search{
	margin-right: -5px;
	margin-top: 0px;
	padding: 0; 
	height: ;
	position: relative;
	display: block;
	height:45px;
}

#site-search #search-form{
	/* background: url(../images/search-box-bg.gif) no-repeat top left; */
	background: url(../images/custom-search-bg.gif) no-repeat top left;
	width: 260px;
	height: 39px;
	padding: 0;
	margin-top: 0;
	vertical-align: top;
}

#site-search input#search-field{
	background: none;
	margin: 10px 15px 0 10px;
	padding: 0;
	display: inline;
	float: left;
	border: none;
	width: 170px;
}


#site-search input#site-submit{
	display: inline;
	float: left;
	
	
	font: bold 10px helvetica; 
	color: #c0c0c2; 
	
	/*
	color: #ddd;
	font-size: .8em;
	*/
	
	margin: 0;
	margin-top: 10px;
	padding: 0;
	border: none;
	background: none;
	cursor:pointer;
}


/*
#site-search input#site-submit{ 
border: none; 
background: none; 
width: auto; 
height: auto; 
text-transform: uppercase; 
font: bold 10px helvetica; 
color: #c0c0c2; 
cursor: pointer; 
padding: 0; 
}
*/

/* ------------------ top horiz. nav styles ------------------ */

 /* for  top-nav style  <ul> definitions, see topnav.css */

ul#hrbtop-nav{
	width: 1027px; /* wider than site to accommodate drop shadows around first and last nav button */
	height: 43px;
	padding: 0;
	margin: 0;
	margin-left: -6px;
	position: relative;
	list-style: none;
	clear:both;
}


/* ------------------ page content area styles ------------------ */

#hrbbody-wrap{
	border: 1px solid #d5dce6;
}

#hrbbody-wrap #hrbbody {
  background: url(../images/left-menu-hex-bg.gif) repeat-y top left;
  margin:0;
  position:relative;
  width:1013px;
}

#hrbbody-wrap #hrbbody #hrbextra-topright-bevel{
	position: absolute;
	background: url(../images/hrb-topright-bevel.gif) no-repeat top right;
	width: 45px;
	height: 40px;
	top:-1px;
	right: 0px;
	z-index: 0;
	margin: 0;
	padding: 0;
}

#hrbbody-wrap #hrbbody #hrbextra-bottomleft-bevel{
	position: absolute;
	background: url(../images/hrb-bottomleft-bevel.gif) no-repeat bottom left; /* GIF is transparent, to allow hex graphic to show thru */
	width: 33px;
	height: 34px;
	bottom:-1px;
	left: -1px;
	z-index: 0;
	margin: 0;
	padding: 0;
}


/* see leftmenu.css for further style definitions */
#hrbbody-wrap ul#hrbleft-menu{
	width:190px;
	float:left;
	margin:35px 20px;
	padding:0;
	font-size: 1.1em;
	display: inline; /* IE bug fix */
	position: relative;
}


/* main content area on the page */

#hrbbody-wrap #hrbbody-content {
	width:690px;
	float:right;
	padding:0;
	margin:20px 0;
	margin-right: 50px;
	font-size: 12px;
	line-height: 1.6em;
	display: inline;
}

#hrbbody-content img{

}

#hrbbody-content p{
	margin: 10px 0;
}

#hrbbody-content ul li{
	list-style-type:disc;
	color: #4a79c4;
	margin-top: 8px;
	margin-left: 10px;
}

#hrbbody-content ul li span.bullet-text {
	color: #000;
}

#hrbbody-content h2{
	font-size: 1.8em;
	font-family: Helvetica,Arial;
    font-weight: 100;
	color: #4a79c4;
	margin-bottom: 10px;
	line-height: 1.8em;

}


#hrbbody-content h3{
	color: #4a79c4;
	font-weight: bold;
	font-size: 14px;
	margin-top: 12px;
	margin-bottom: 0;
}

#hrbbody-content h4{
	color: #838484;
	font-weight: 100;
	font-size: 17px;
	line-height: 26px;
	margin-top: 12px;
	margin-bottom: 0;
}

#hrbbody-content h4 a{
	color: #4a79c4;
	font-weight: 100;
	font-size: 17px;
	line-height: 24px;
	margin-top: 12px;
	margin-bottom: 0;
}
#hrbbody-content a{
	color: #5891ee;
	font-size: 12px;
	line-height: 1.6em;
	margin-bottom: 0;
}

#hrbbody-content a:hover{
	color: #dfce53;
}

#hrbbody-wrap #hrbbody-content h2 span.hammer{
	color: #003768;
	font-size: .9em;
	font-family: Helvetica,Arial;
      
}

#hrbfooter{
	border-top: 1px solid #d5dce6;
	padding-top: 5px;
	margin-top: 12px;
	clear:both;
	color: #bcc1ca;
	width: 100%;
	text-align: left;
	font-size: 1.2em;
	letter-spacing: .16em;
}

#hrbfooter a{
	color: #c5cad1;
}

#hrbfooter #footer-info{
	display: block;
	margin-bottom: 10px;
	width: 100%;
}

#hrbfooter #footer-info span.footer-id{
	margin: 0 71px 0 0 ;
}

#hrbfooter #footer-copyright{
	display: block;
	text-align: center;
}

#hrbbody ul#hrbleft-menu li#hrbmenu-separator{
	margin-top: 100px;
}

/*hrbtop-nav style definitions */


/* paragraphs */


/* links */
a{
	text-decoration: none;
	color: #4a79c4;
}

a:link{
	color:;
}

a:visited{
	color:;
}

a:hover{
	color:;
}

a:active{
	color:;
}

#hrbleft-menu a:active{
	color: #000000;
}

#hrbleft-menu a:hover{
	color: #000000;
}

/* forms */
form { margin: 0; }
form label { color: #222; display: block; margin: 7px 0 3px 0; }

.required { color: red; }

#header-right form {
	background: url(../images/custom-search-bg.gif) no-repeat top left;
	width: 245px;
	height: 39px;
	padding: 6px 0px 0px 10px;
	margin-top: 0;
	vertical-align: top;
	text-align: left;
}



#header-right form input { 
border: none !important; width: 179px; padding-left: 1px; height:17px; }

#header-right form input#submit { 
border: none; background: none; width: auto; height: auto; text-transform: uppercase; font: bold 10px helvetica; color: #c0c0c2; cursor: pointer; padding: 0; margin-right: 10px; margin-top: 5px;}


/* tables */



/* basic styles */
/* basic styles (reset.css wipes these clean, so set them here to my liking) */

h1{
	font-size: 1.8em;
}

h2{
	font-size: 1.5em;
	font-family: Helvetica,Arial;
    font-weight: 100;
}


h3 {
	font-size:1.3em;
	font-weight: bold;
}

h5 {
	font-size:1em;
	color: #4a79c4;
	font-weight: bold;
}

h6 {
	font-size:12px;
	font-weight: bold;
	margin-bottom:-5px;
}

/* basic table styles */

td {
     font-family: Helvetica,Arial;
     font-size: 10px;
     font-weight: bold;
	 color: #000;
	 padding:3px;
}
      
.Inc { 
	 background-color: #ae7fff;
	 }
	  
.Rdr { 
	 background-color: #ecd4ae;
	 }
      
.Cfg { 
	 background-color: #91b2ff; 
	 }
      
.Dsp { 
	 background-color: #b6d8fe; 
	 }
      
.Bcr { 
	 background-color: #bbbcbe; 
	 }
      
.Pip { 
	 background-color: #fddf59; 
	 }
      
.Lid { 
	 background-color: #59afb0; 
	 }
	  
.Slr { 
	 background-color: #f74843; 
	 }
	  
.Plt { 
	 background-color: #a8e6e5; 
	 }
	  
.Car { 
	 background-color: #e9d7ff; 
	 }
	  
.Mix { 
	 background-color: #f97a1d; 
	 }
	  
.Bpa { 
	 background-color: #a5da4e; 
	 }
	  
.Knf { 
	 background-color: #d4e690; 
	 }
	  
.Cap { 
	 background-color: #e5e6e8; 
	 }
	  
.Frz { 
	 background-color: #d1b5ff; 
	 }
	  
.Rbt { 
	 background-color: #f7f7f7; 
	 }
	  
.Tri { 
	 background-color: #f7f7f7; 
	 }

.Mcd { 
	 background-color: #3678ff; 
	 }

strong{
    font-weight:bold;
}

em{
    font-style:italic;
}

.clear{
	clear: both;
}

/* end table styles */

<!--[if IE 6]>

#hrbbody-wrap #hrbbody #hrbextra-topright-bevel{
	right: -3px;
}

#hrbbody-wrap #hrbbody #hrbextra-bottomleft-bevel{
	bottom: -2px;
}


#hrbfooter #footer-info span.footer-id{
	margin: 0 51px 0 0 ;
}

#hrbfooter #footer-info span.footer-id{
	margin: 0 47px 0 0 ; /* helps footer text not break over 2 lines */
}


/* IE PNG FIXES */ 
ul#hrbleft-menu li a.menu-top { behavior: url("assets/images/iepngfix.htc"); } /* Path must be relative to the HTML file, NOT THE CSS FILE! */
ul#hrbleft-menu li a.menu-top:hover { behavior: url("assets/images/iepngfix.htc"); } /* Path must be relative to the HTML file, NOT THE CSS FILE! */
ul#hrbleft-menu li div.hrb-submenu  ul li a.submenu { behavior: url("assets/images/iepngfix.htc"); } /* Path must be relative to the HTML file, NOT THE CSS FILE! */

/* this will partially the left nav having extra padding issue in IE6, 
but for some reason it's also being run in IE7 */


div.hrb-submenu ul {
	margin-top: -5px;
}


<![endif]-->