body
{
font: 10pt Arial;
margin: 0 20px 0 20px;
}

h1
{
font: bold 1em Arial;
margin: 0 0 0.8em 0;
}

h2
{
font: bold 1em Arial;
margin: 0;
}

a:active,
a:link,
a:visited
{
color: #221f72;
text-decoration: none;
}

a:hover
{
color: #999;
}

a img
{
border: 0;
}

p
{
margin: 0 0 0.8em 0;
}

dl
{
}

dt
{
font-weight: bold;
margin-bottom: 0.25em;
}

dd
{
margin: 0 0 0.5em 1em;
}

table
{
font: 1em Arial;
}

thead td
{
border-bottom: solid 1px #999;
}

td
{
text-align: left;
vertical-align: top;
}

ol
{
margin: 0 0 0.8em 2em;
padding: 0;
}

ul
{
margin: 0 0 0.8em 15px;
padding: 0;
}

ul ul
{
list-style: disc;
margin-bottom: 0;
}

li
{
margin: 0.5em 0;
}


/* ----- Page ----- */
#page
{
display: inline-block;
margin: 15px 20px 0px 13px;
width: 846px;
}


/* ----- Header ----- */
#header
{
display: inline-block;
margin-bottom: 25px;
position: relative;
width: 100%;
}

#header img.logo
{
float: left;
}


/* ----- Header Ticker ----- */
#header div.ticker
{
display: inline-block;
float: left;
font-weight: bold;
margin: 0.5em 1em 0 0;
position: absolute;
left: 80px;
top: 30px;
width: 480px;
}

#header div.ticker a
{
margin-right: 2em;
}


/* ----- Header VCard ----- */
#header h2,
#header div.vcard .adr,
#header div.vcard .all,
#header div.vcard .map,
#header div.vcard .org,
#header div.vcard .save
{
display: none;
}

#header div.vcard
{
display: inline-block;
float: right;
font: 1.2em 'Arial Black';
position: absolute;
right: 0;
bottom: 1em;
}

#header div.t,
#header div.tel
{
display: inline;
}


/* ----- Header Nav ----- */
#header div.nav
{
position: absolute;
bottom: 0;
right: 0;
}

#header div.nav ul
{
display: inline-block;
list-style: none;
margin: 0;
}

#header div.nav li
{
display: inline-block;
float: left;
height: 24px;
margin: 0;
}

#header div.nav a
{
display: inline-block;
float: left;
font-size: 9pt;
font-weight: bold;
height: 22px;
margin-left: 10px;
padding: 5px 0.8em 0 0;
text-transform: uppercase;
}


/* ----- Main ----- */
#main
{
margin-left: 15px;
}

div.content
{
min-height: 640px;
padding: 20px 15px;
}


/* ----- Slideshow ----- */
div.slideshow
{
display: inline-block;
float: right;
margin: 0 0 1em 40px;  /* 25px whitespace and 15px content padding. */
width: 500px;
}

div.slideshow img
{
display: none;
}


/* ----- Corporate ----- */
body.corporate
{
background: url(/Images/CorporateSidebar.png) repeat-y left top;
}

body.corporate #header div.nav li
{
background: url(/Images/CorporateTabLeft.png) no-repeat top left;
}

body.corporate #header div.nav a
{
background: url(/Images/CorporateTabRight.png) no-repeat top left;
color: #221f72;
}

body.corporate #header div.nav a:hover,
body.cabout #header div.nav a.about,
body.ccontact #header div.nav a.contact,
body.cservices #header div.nav a.services,
body.ctestimonials #header div.nav a.testimonials,
body.chelp #header div.nav a.help
{
color: #999;
}

body.corporate #header div.vcard
{
color: #221f72;
}

body.corporate #header div.vcard span.tel
{
color: #999;
}

body.corporate div.content
{
background: url(/Images/CorporateContent.png) no-repeat;
}


/* ----- Personal ----- */
body.personal
{
background: url(/Images/PersonalSidebar.png) repeat-y left top;
}

body.personal #header div.nav li
{
background: url(/Images/PersonalTabLeft.png) no-repeat top left;
}

body.personal #header div.nav a
{
background: url(/Images/PersonalTabRight.png) no-repeat top left;
color: #fff;
}

body.personal #header div.nav a:hover,
body.pclaim #header div.nav a.claim,
body.pcontact #header div.nav a.contact,
body.pdownload #header div.nav a.download,
body.pprocess #header div.nav a.process,
body.pservices #header div.nav a.services,
body.phelp #header div.nav a.help
{
color: #999;
}

body.personal #header div.vcard
{
color: #999;
}

body.personal #header div.vcard span.tel
{
color: #221f72;
}

body.personal div.content
{
background: url(/Images/PersonalContent.png) no-repeat;
}


/* ----- T&Cs ----- */
body.pterms #header div.nav a.terms
{
color: #999;
}


/* ----- HR ----- */
body.hr
{
background: url(/Images/PersonalSidebar.png) repeat-y left top;
}

body.hr #header div.nav li
{
background: url(/Images/PersonalTabLeft.png) no-repeat top left;
}

body.hr #header div.nav a
{
background: url(/Images/PersonalTabRight.png) no-repeat top left;
color: #fff;
}

body.hr #header div.nav a:hover,
body.hrjobs #header div.nav a.jobs,
body.hrstaff #header div.nav a.staff,
body.hrbenefits #header div.nav a.benefits,
body.hrcontact #header div.nav a.contact
{
color: #999;
}

body.hr #header div.vcard
{
color: #999;
}

body.hr #header div.vcard span.tel
{
color: #221f72;
}

body.hr div.content
{
background: url(/Images/PersonalContent.png) no-repeat;
}


/* ----- Staff Profiles ----- */
div.staff
{
clear: left;
margin-bottom: 1em;
}

div.staff img
{
float: left;
margin: 0 0.5em 1em 0;
}


/* ----- Form ----- */
form
{
width: 270px;
}

form p
{
margin-bottom: 0.5em;
}

form label
{
display: inline-block;
margin-right: 1em;
width: 35%;
}

form label.checkbox
{
width: 80%;
}

form input.checkbox
{
vertical-align: top;
}

form select,
form input.text
{
border: solid 1px #999;
width: 60%;
}

form textarea
{
font: 1em Arial;
border: solid 1px #999;
width: 270px;
}

form input.button
{
float: right;
width: 100px;
}


/* ----- Contact Us ----- */
div.contactus
{
margin-bottom: 1em;
}

div.contactus h2,
div.contactus div.save
{
margin-top: 1em;
}

div.contactus div.save span
{
font-size: 0.8em;
}

div.contactus div.t,
div.contactus div.tel
{
display: inline;
}


/* ----- Glossary ----- */
body.glossary dt
{
}

body.glossary dd
{
display: none;
}


/* ----- Quotes ----- */
blockquote
{
display: inline-block;
background: url(/Images/QuoteOpen.gif) no-repeat left top;
margin: 0 0 1em 0;
}

blockquote div.quote
{
background: url(/Images/QuoteClose.gif) no-repeat right bottom;
padding: 0 32px;
}

blockquote p.author
{
text-align: right;
}


/* ----- Result ----- */
div.error,
div.success,
div.warn
{
display: inline-block;
padding: 1em;
margin-bottom: 1em;
}

div.success
{
background: #a5ff87 url(/Images/Success.gif) no-repeat right bottom;
border: solid 1px #6fff47;
}

div.error
{
background: #ff665b url(/Images/Error.gif) no-repeat right bottom;
border: solid 1px #ff1c36;
}

div.warn
{
background: #ffec69 url(/Images/Warning.gif) no-repeat right bottom;
border: solid 1px #efd421;
}

label
{
display: inline-block;
}

input.warn,
label.warn,
textarea.warn
{
background-color: #ffec69;
}


/* ----- Footer ----- */
#footer
{
clear: both;
font-size: 0.8em;
margin: 1em 0 1em 15px;
}