/* Quantia Homepage CSS Document */

@import "quantia-common.css";
@import "quantia-navigation.css";


/* Main Banner */
#mainbanner { width: 838px; height: 149px; padding: 0; background:url(/css/images/banners/internal.jpg) no-repeat  }


/* Main Copy */
#copycontainer { margin-bottom: 20px; min-height: 200px; height: auto !important; height: 200px; }
#copycontainer.clearbg {background:#fff;}
#copycontainer a.findoutmore { display: block; width: 82px; height: 13px; margin: 0 0 0 0; background: url(images/home-findoutmore.gif) no-repeat 0px 2px; text-decoration: none; }


/* Left Navigation Column */
#leftcol { float: left; min-height: 120px; height: auto !important; height: 120px; width: 171px; padding: 17px 45px 0 9px; background: url(images/leftcol-top-bg.gif) no-repeat; position: relative; margin: -30px 0 0 0; z-index: 99; }
#leftcol h2 { margin: 0 0 18px 0; color: #4692ba; font-size: 14px; font-weight: bold; text-transform: uppercase; }

#leftcol ul { margin: 0; padding: 0; list-style: none; width: 171px; }
#leftcol ul li { border-bottom: 1px solid #e1e1e1; }
#leftcol ul li a { display: block; font-weight: bold; padding: 6px 0 6px 8px; font-size: 110%; color: #4591b9; text-decoration: none; }
#leftcol ul li a:hover { color: #005c84; }
#leftcol ul li a.active { color: #005c84; background: url(images/navigation/subnav-icon.gif) no-repeat 0px 11px; }

#leftcol ul ul { padding: 0 0 8px 9px; }
#leftcol ul ul li { border-bottom: none; }
#leftcol ul ul li a { padding: 2px 0 2px 8px; color: #7d7d7d; font-size: 11px; background: none; }
#leftcol ul ul li a.active { background: url(images/navigation/subnav-2ndlvl-icon.gif) no-repeat 0px 6px; }

* html body #leftcol ul li { padding: 6px 0; }
* html body #leftcol ul li a { display: inline; }
* html body #leftcol ul li a.active { color: #005c84; background: url(images/navigation/subnav-icon.gif) no-repeat 0px 10px; }
* html body #leftcol ul ul { padding-top: 6px; padding-bottom: 4px; }
* html body #leftcol ul ul li { padding: 2px 0; }
* html body #leftcol ul ul li a.active { background: url(images/navigation/subnav-2ndlvl-icon.gif) no-repeat 0px 6px; }

#leftcol .contactleft { padding-top: 8px; }


/* Right Content */
#contents { float: right; width: 598px; padding: 25px 0 30px 0; line-height: 140%; color: #464646; }

#contents h1.pagetitle { margin: 0 0 15px -2px; font-size: 29px; color: #005c84; font-family: Arial, Helvetica, sans-serif; }
#contents h1.sectiontitle { margin: 0 0 7px -2px; font-size: 29px; color: #5a9abd; font-weight: normal; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }
#contents h2.currenttitle { margin: 0 0 -1px 0; font-size: 16px; color: #005c84; font-family: Arial, Helvetica, sans-serif; }
#contents h3.staffrole { margin: 0 0 15px 0; font-size: 12px; color: #5c9bbd; font-family: Arial, Helvetica, sans-serif; }

#contents h1.sectiontitle embed, #contents h2.currenttitle embed, #contents h3.staffrole embed { display: block; }

#content h2#thisparenttitle { display: none; }
#content #contents.currlevel_3 h2#thisparenttitle { display: block; }

#copy { padding-right: 25px; }


/* Staff Profile Shot */
#staffdetails { width: 390px; float: left; }
#staffprofile { width: 205px; float: right; text-align: right; margin-top: -55px; }
#staffprofile img { display: inline; }


/* Standard Content Styling */
.imgright { display: block; float: right; padding: 0 0 28px 28px; }
.imgright-nomargin { display: block; float: right; padding: 0 0 28px 20px; margin:10px -25px 10px 0;}


#contents ul { margin: 0; list-style: none; padding: 8px 0 8px 20px; }
#contents ul li { padding-left: 10px; background: url(images/list-icon.gif) no-repeat 0px 6px; }

#contents ol { list-style: decimal; padding: 8px 0 8px 30px; }
#contents ol ol { list-style: lower-alpha }
#contents ol ol ol { list-style: lower-roman; }

#contents table { width: 100%; border: 1px solid #bdd3df; border-collapse: collapse; }
#contents table th, #contents table td { border-bottom: 1px solid #bdd3df; padding: 7px 10px; }
#contents table th { text-align: left; color: #006595; font-size: 110%; }
#contents table tr.alt td { background-color: #ddeaf3; }

#contents table.peopls { border: none; background-color: #ffffff; }
#contents table.peopls tr.alt td { background-color: #ffffff; }
#contents table.peopls tr td { vertical-align: top; border: none;}
#contents table.peopls tr td.imgProps { width: 168px; }
#contents table.peopls tr td.imgProps img { border:1px solid #cacaca;}


/* Sitemap */
#sitemap ul { width: 200px; float: left; margin: 0; padding: 0; list-style: none; }
#sitemap ul li { font-weight: bold; padding: 2px 0 20px 0; background: none; }

#sitemap ul ul { margin: 0; padding-top: 3px; padding-left: 12px; padding-bottom: 20px; }
#sitemap ul ul li { float: none; height: auto; font-weight: bold; padding-bottom: 0; font-weight: normal; background: url(images/list-icon.gif) no-repeat 0px 7px; }

#sitemap ul li a { font-size: 110%; color: #00425e; }
#sitemap ul li li a { padding: 0 0 0 11px; color: #4692ba; font-size: 100%; }

#sitemap a { text-decoration: none; }
#sitemap a:hover { color: #858585; }

/* Bar Graphs */
.graph { width: 250px; position: relative; right: 30px; }

.bar-title { position: relative; float: left; width: 104px; line-height: 20px; margin-right: 17px; font-weight: bold; text-align: right; }

.bar-container { position: relative; float: left; width: 110px; height: 10px; margin: 0px 0px 15px; }

.bar-container div { background-color:#8c8c8c; height: 20px;}

.bar-container strong { position: absolute; right: -32px; top: 0px; overflow: hidden;}

#poll-results p { text-align: center;}

/* Contact Us Page */

.contact-left {float:left; width:200px; }
.contact-right {float:left; width:300px;}

/* Instruction or Quote page */

span.mandatory {color:#ff0000;}