HTML { margin: 0; padding: 0; font-family: "Century Gothic", Arial, Helvetica, sans-serif; }
BODY { background-color: #FFFFFF; margin: 0; padding: 0; }
legend { color: #99002e; }
/*
Added by jamie as a test to get the tables in the emails to render with the right font:
*/
.acsemail { font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #5f5f5f; font-size: 10pt; }
.acsemail TABLE { font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #5f5f5f; font-size: 10pt; }
P { font-size: 11.5pt; color: #5f5f5f; }
H1 { font-family: "Georgia", Arial, Helvetica, sans-serif; font-size: 26px; font-weight: normal; color: #99002e; text-align: left; margin: 0 0 10px 0; padding: 0; }
H2 { font-family: "Georgia", Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; color: #5f5f5f; text-align: left; margin: 0; padding: 0; }
H3 { font-family: "Georgia", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #99002e; text-align: left; margin: 0; padding: 0; border-bottom: 1px solid #99002e; }
H4 { font-family: "Georgia", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #5f5f5f; text-align: left; margin: 0; padding: 0; }
H5 {}
UL { font-size: 11.5pt; color: #5f5f5f; line-height: 21px; list-style-type: square; }
OL { font-size: 11.5pt; color: #5f5f5f; line-height: 21px; }
A { color: #5f5f5f; font-weight: bold; text-decoration: none; }
A:hover { color: #000000; font-weight: bold; text-decoration: none; }
A.noline { color: #5f5f5f; text-decoration: none; }
A:noline { color: #5f5f5f; text-decoration: none; }
A.ts { color: #5f5f5f; text-decoration: none; }
A.ts:hover { color: #000000; text-decoration: none; }
.color { color: #99002e; }
.vsmall { color: #5f5f5f; font-size: 8pt; }
.small { color: #5f5f5f; font-size: 9pt; }
.large { font-size: 13pt; }
.white { color: #FFFFFF; font-size: 9pt; }
.bg1 { background-color: #99002e; }
.bg2 { background-color: #FFFFFF; }
.bg3 { background-color: #E3E3E3; }
.tableborder { border-right: solid 1px #99002e; border-left: solid 1px #99002e; background-color: #FFFFFF; }
.tabletext { color: #5f5f5f; font-size: 10pt; }
#container { width: 940px; margin: 0 auto; padding: 0; }
#header { width: 940px; margin: 20px 0 0 0; padding: 0; }
#logo { float: left; }
#address { width: 385px; margin-left: 40px; font-size: 10pt; color: #5f5f5f; float: left; }
#search-container { width: 220px; margin: 0; padding: 0; float: left; }
#search { margin: 0 0 5px 0; padding: 0 2px 0 5px; border: solid 1px #99002e; height: 24px; vertical-align: top; }
INPUT.search { padding: 0; margin: 0; width: 186px; background-color: #FFFFFF; font-family: "Century Gothic", Tahoma, Verdana, Arial; font-size: 9pt; color: #5f5f5f; border: none; }
INPUT.search-button { padding: 0; margin: 0; border: none; text-decoration: none; }
#pillars { width: 220px; margin-bottom: 15px; }
#content { width: 940px; margin: 0; padding: 0; text-align: justify; }
#content-full { width: 100%; margin: 10px 0; padding: 0; float: left; }
#content-lhc { width: 700px; margin: 10px 20px 0 0; padding: 0; float: left; }
#rhc { width: 220px; margin: 10px 0 0 0; padding: 0; float: right; background-color: #cf8199; color: #FFF; text-align: left; }
#rhc-login { padding: 10px 0; height: 85px; }
#rhc-header { width: 200px; font-family: "Georgia", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; margin: 10px 10px 0 10px; padding: 0; border-bottom: solid 2px #FFFFFF; }
#rhc-services { width: 200px; font-size: 10pt; margin: 10px 10px 0 10px; padding: 0 0 3px 0; }
#rhc-services a { font-weight: normal; color: #FFFFFF; text-decoration: none; }
#rhc-services a:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; }
#rhc-news { width: 220px; }
.boxed, .business, .individual { background-image: url(../images/gradient_grey.jpg); background-repeat: repeat-x; background-position: left top; border: solid 1px #cecece; padding: 10px 10px 0 10px; }
.contact-details { width: 220px; background-image: url(../images/gradient_grey2.gif); background-repeat: repeat-x; background-position: left top; float: right; margin: 10px 0 10px 10px; padding: 10px; border: solid 1px #cecece; font-size: 10pt; color: #5f5f5f; }
.pagefooter { font-size: 9pt; color: #5f5f5f; border-top: solid 1px #99002e; margin: 0 0 10px 0; padding: 10px 0 0 0; }
#footer { clear: both; width: 940px; border-bottom: solid 2px #99002e; }
#affiliations { display: block; float: left; margin-bottom: 5px; }
#links { font-family: "Georgia", Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight: bold; padding: 21px 0 5px 0; color: #99002e; display: block; vertical-align: bottom; text-align: right; }
#links a { color: #99002e; text-decoration: none; }
#links a:hover { color: #000000; text-decoration: none; }
#legal { width: 690px; font-family: "Georgia", Arial, Helvetica, sans-serif; font-size: 8.5pt; margin: 0; padding: 5px 0 10px 0; color: #5f5f5f; float: left; }
#ts { width: 220px; font-family: "Georgia", Arial, Helvetica, sans-serif; font-size: 8.5pt; margin: 0; padding: 5px 0 10px 0; color: #5f5f5f; float: right; text-align: right; }
#printLogo { display: none; }
.noPrint {}
.typeface-js {}
#RHCSol_1_DIV {
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10pt;
margin: 0 10px;
padding: 0;
width:auto;
border: none;
height: 75px;
min-height: 75px !important;
}
#RHCSol_2_DIV, #RHCSol_3_DIV, #RHCSol_4_DIV {}
.RightPanelBody { margin: 0; padding:0; border: none; background-color: transparent; }
#RHC_Body { margin:0; padding:0; background:none; width:220px; }
#blobRegistered { color: #99002e; }
#menuWrap {
clear: both;
position:relative;
display:block;
height:26px;
z-index:100;/* this makes sure that the menu appears on top of all elements of the page mainly things like JS banners and flash files */
}
#menu, #menu ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:18px; /* add line height DONT USE HEIGHT */
font-weight:bold;
font-size:10pt;
}
#menu { margin-left:0; /* add any padding - separate so you don't add margin to the all the ul elements */ }
#menu li {
list-style:none;
float:left; /* float needed */
}
#menu li:hover a { background-color: #c8c8c8; color:#000000; } /* keeps the original button highlighted */
#menu li.noborderr a { margin-right:0px; } #menu li.noborderl a { border-left:none; }/* Borders as appropriate */
#menu a{
display:block;
padding: 5px 0 3px 4px; /* set padding will affect padding on all a tags in menu */
line-height: 18px; /* set line height DONT use just height */
color: #5f5f5f;
background-repeat:repeat-x;
text-decoration: none;
border-bottom: solid 2px #99002e;
margin: 0;
width: 103px;
overflow: hidden;
}
#menu a:hover{
background-color: #99002e;
color: #5f5f5f;
}
#menu li{
float:left; /* IMPORTANT */
position:relative;
border:0;
}
#menu ul {
position:absolute; /* Menu uses position absolute to set drop downs so top: needs to be the same height as the menu */
display:none; /*display none so menu is not visable until user hovers over the li*/
width:186px; /* Width will need to be updated inline with all the padding on the menus */
top:28px;
background-color:#c8c8c8;
}
#menu li ul a{
width:186px; /* Width will need to be updated inline with all the padding on the menus */
height:auto;
line-height: 18px;
float:left;
border:0;
border-top:2px solid #FFFFFF;
}
#menu li ul a:hover {
float:left;
border:0;
border-top: 2px solid #FFFFFF;
color:#FFFFFF;
background-color:#99002e;
}
#menu ul ul{
top:auto;
}
#menu li ul ul { /* styles for sub drop downs */
left:190px; /* left needs to be the overall width of the main drop down */
margin:0 0 0 2px;
width: 180px;
}
#menu li ul ul a {
width:180px; /*update width inline with all the overs*/
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{
display:none;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{
display:block;
}
.divider { margin: 0; padding: 0; list-style: none; float: left; width: 12px; }