/*.hide {width: auto; height: auto; position: relative;}*/
.hide {height: 0; width: 0; overflow: hidden; position: absolute; /* for the benefit of IE5 Mac */}
body {background: #fff; color: #666; font-size: 8pt; font-family: Verdana;}
a:link, a:visited {background: #fff; color: #666; font-weight: normal; text-decoration: underline;}

#header {border-bottom: 3px solid #1b4577;}
#header h1.hide,#header h1 .hide {width: auto; height: auto; position: relative;}
#header h1 a .hide img {border: none;}
#header ul#headerNav, #header #headerUtility, #header #flashHeader, #flashcontent {display: none;}

#content {margin: 35px 0 0 0; padding: 20px 40px 0; position: relative; border-top: 3px solid #1b4577;}
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
/*easy clearing*/
	#content, #news {display: inline-block;}
	/*Start hide from IE-Mac\*/
	#content, #news {display: block;}
	/* we need this for IE 5.01 - otherwise the wrapper does not expand to the necessary height (unless fixed, this problem becomes even more acute weirdness as the method is enhanced */
	#content, #news {/* Normally a Holly-style hack height: 1% would suffice but that causes IE 5.01 to completely collapse the wrapper - instead we float it */ float: left; float/**/: none;}/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes makes the width of wrapper too small the float: none with the comment is ignored by 5.01, 5.5 and above see it and carry on about their business It's probably fine to just remove it, but it's left here just in case that many moons ago problem rears its head again */
/*end easy clearing*/

img {clear: both; }
#main {width: 6in; position: relative; line-height: 1.5;}
.threecolumn #main {width: 3.75in; float: left;}
#main ul#breadcrumbs {width: 7in; margin: 0; padding: 0; top: -53px; left: -20px; position: absolute;}
* html #main ul#breadcrumbs {top: -68px;}
*:first-child+html #main ul#breadcrumbs {top: -68px;}
* html .threecolumn #main ul#breadcrumbs {top: -49px;}
*:first-child+html .threecolumn #main ul#breadcrumbs {top: -49px;}
#main ul#breadcrumbs li {color: #3768a2; font-size: 12pt; list-style: none; display: inline;}
#main ul#breadcrumbs li.home {display: none;}
#main ul#breadcrumbs li.current {}
#main ul#breadcrumbs li a {color: #666; text-decoration: none;}
#main ul#breadcrumbs li a[href^="/"]:after {content: "";}
#main h2 {display: none;}
#main a[href^="/"]:after {content: " (http://www.hrh-advantage.com" attr(href) ") ";}
#main a[href^="http://"]:after {content: " (" attr(href) ") ";}
img.left {float: left; margin: 0 25px 20px 0;}
img.right {float: right; margin: 0 0 20px 25px;}
h2 {margin: 0 0 15px 0; font-size: 13pt; text-transform: uppercase;}
h2.hide {height: auto; width: auto; overflow: auto; position: relative; /* for the benefit of IE5 Mac */}
h3 {margin: 0 0 15px 0; font-size: 12pt;}
h4 {margin: 0 0 15px 0; font-size: 11pt;}
h5 {margin: 0 0 15px 0; font-size: 10pt;}
p, ul, ol, dl {margin: 0 0 15px 0;}
p a img {display: none;}
table {width: 600px; margin: 0 0 15px 0; border: 1px solid #000; display: table; border-collapse: collapse; font-size: 8pt;}
table thead {display: table-header-group;}
table thead tr {display: table-row;}
table thead tr th, table tfoot tr td {display: table-cell; padding: 5px 10px; text-align: left; border-bottom: 3px solid #000; vertical-align: bottom;}
table tbody {display: table-row-group;}
table tbody tr {display: table-row;}
table tbody tr td {display: table-cell; padding: 5px 10px; border-bottom: 1px solid #000; vertical-align: middle;}
object,applet {display: none;}
#sidebar {display: none;}

#main_2 {width: 2in; position: relative; float: right;}
#main_2 ul#main_2Nav {margin: 0; padding: 0; }
#main_2 ul#main_2Nav li {list-style: none; font-weight: normal;}
#main_2 ul#main_2Nav li a {text-decoration: none;}
#main_2 ul#main_2Nav li a.openclose {text-decoration: none; font-weight: bold; font-size: 10pt;}
#main_2 ul#main_2Nav li ul {padding: 0; display: block !important;}
#main_2 ul#main_2Nav li ul li {margin: 0 0 3px 0;}

#footerWrap {margin: 25px 0 0 0; padding: 10px 0 0 0; font-size: 8pt; clear: left; border-top: 3px solid #1b4577;}
#footerWrap #footer {display: none;}
#footerWrap div.hide {width: auto; height: auto; position: relative;}
#footerWrap div#stlouis {float: left;}
#footerWrap div#stcharles {margin: 0 10px 0 0; float: right;}
#footerWrap div.vcard {font-style: italic; font-size: 6pt;}
#footerWrap div.vcard img {display: none;}
#footerWrap div.vcard h3 {color: #323232; width: 60px; margin: 0 4px 0 0; padding: 0 5px 0 0; font-size: 6pt; float: left; font-style: normal; text-align: right; border-right: 2px solid #a0a4be;}
#footerWrap div.vcard .adr {margin: 0 8px 0 0; display: block; float: left;}
#footerWrap div.vcard .telephone {display: block; float: left;}
#footerWrap div.vcard .type {color: #434343; font-style: normal;}
#footerWrap div.vcard .url {display: none;}