/* Mace Security CSS */
html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; margin: 0; padding: 0; background: #333; font-family: Arial, Helvetica, sans-serif; font-size: 75%;}
html, body { height: 100%; margin: 0 0 1px 0; padding: 0; }
a img { border: 0; }
div#wrapper {height: 100%; margin: 0 auto; width: 970px;}
div#container {float: left; width: 970px; margin: 0; background: #FFF display:inline;}
form.nomarg {padding: 0; margin: 0;}

/* Header */
div#header {float: left; width: 970px; height: 83px; background: #FFF url(images/bg-header.gif) top repeat-x; color: #5C070B;}
div#header div.left {float: left; width: 200px; padding: 12px 0 0 20px;}
div#header div.right {float: right; width: 700px; padding: 30px 20px 0 0; text-align: right; font-size: 160%;}
div#header div.right .red {color: #EE3A43;}
div#header h1 {font-size: 100%; font-weight: normal; margin: 0;}
div#topmenu-wrap {float: left; width: 970px; padding: 0; background: #231F20;}
div#topmenu {float: left; background: #1E004A; width: width: 970px; color: #FFF; text-align: right;}
div#topmenu-wrap div.breadcrumb {float: left; padding: 4px 0 4px 195px; color: #004259; font-size: 90%; width: 410px; \width: 605px; w\idth: 410px;}
div#topmenu-wrap div.breadcrumb a {color: #004259;}
div#topmenu a {color: #FFF; text-decoration: none;}
div#flashcontainer {float: left; width: 970px; height: 262px;}
div.banner1 {float: right; margin: 18px 30px 0 0; border: 1px solid #FFF;}
div#topnav {float: left; clear: both; width: 960px; height: 30px; background: #3D2B2D; border: 10px solid #FFF; border-width: 0 10px;}

/* Suckerfish Nav
---------------------------------------------------------- */
div#nav-wrap {float: left; width: 930px; \width: 970px; w\idth: 930px; padding: 0; background: #231F20; display: inline; padding: 10px 20px 10px 20px; color: #E03941; text-transform: uppercase;}
#nav, #nav ul { float: right; /* all lists */padding: 0; margin: 0; list-style: none;}
#nav a {width: auto; color: #FFF; text-decoration: none; color: #C0C0C0;}
ul#nav li.end {padding: 10px 0 10px 8px; margin-right: 0;}
/*img.endcap {background: #000; padding-right: 32px;}*/
#nav li.toplevel {padding: 10px 0 10px 8px;}
#nav li.toplevel a {padding: 0 10px 0 0; background: url(images/separator.gif) right no-repeat;}
div#nav-wrap ul.rightul li.toplevel {padding: 10px 0 10px 8px;}
#nav li { /* all list items */position: relative; float: left; width: auto; /* width needed or else Opera goes nuts */}
#nav li.selected-gr {background: url(images/arrow-grey.png) no-repeat center bottom}
#nav li.selected-wh {background: url(images/arrow-white.png) no-repeat center bottom}
#nav li ul { /* second-level lists */position: absolute; display: block; top: 34px; padding: 10px; background: url(images/top-grad.gif) repeat-x #000; border-right: 1px solid #AB170C; border-bottom: 1px solid #AB170C; border-left: 1px solid #AB170C; width: auto; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li ul li {clear: both; display: block; width: 9em; color: #FFF; font-size: 85%; text-transform: uppercase;}
#nav li ul li a:link {color: #666; text-decoration: none; margin: 1px 0; padding: 4px;}
#nav li ul li a:visited {color: #666; text-decoration: none; margin: 1px 0; padding: 4px;}
#nav li ul li a:hover {color: #FFF; text-decoration: none; margin: 1px 0; padding: 4px; background: #460905;}
#nav li ul li a:active {color: #666; text-decoration: none; margin: 1px 0; padding: 4px;}
#nav li:hover ul, #nav li.sfhover ul {/* lists nested under hovered list items */left: 0;}
#content {clear: left; color: #ccc;}
/* -------------------------------------------------------- */

/* Expanding Menu */
#menu {background: none; width: 220px; margin: 30px 28px; padding: 0; color: #777;}
#menu h1 {font-size: 140%; line-height: 100%; padding: 0 0 15px 0; margin: 0; text-transform: uppercase; color: #BB3D44; font-family: Arial, Helvetica, sans-serif; border: 1px solid #686667; border-width: 0 0 1px 0;}
#menu ul.topborder {margin: 15px 0 0 0; border: 1px solid #686667; border-width: 1px 0 0 0;}
#menu ul {list-style: none; margin: 0; padding: 0; border: 0;}
#menu ul.hiddenul {display:none;}
#menu li {margin: 0; display: block; text-transform: uppercase;}
#menu li a.selected {color: #BB3D44;}
#menu li ul li div.selected {color: #EE3A43;}
#menu li ul li a:hover {background: #DFF4FD; text-decoration: none;}
#menu li a {color: #C0C0C0; padding: 7px 0 6px 0; text-decoration: none; margin: 0; display: block; border: 1px solid #686667; border-width: 0 0 1px 0;}
#menu li a.toplevel {}
html>body #menu li a {width: 220px; text-decoration: none;}
#menu li a:hover {background: #1E1A1B; text-decoration: none;}
#menu li ul {background-color: #E5F7FD;}
#menu li ul li {margin: 0 0 0 15px;}
#menu li ul a {text-decoration: none;}
html>body #menu li ul a {color: #616266; width: 144px; text-decoration: none; background-color: none;}
#menu li ul li ul li {margin: 0 0 0 15px;}
#menu li ul li ul a {text-decoration: none; background-image: url(images/list-element.gif); background-position: left; background-repeat: no-repeat;}
html>body #menu li ul li ul a {color: #616266; width: 129px; text-decoration: none; background-color: none;}
/* -------------- */

/* Left Column */
img.queens {margin: 10px 0 0 62px;}

div.custquote {color: #616266; padding: 5px 33px 0 27px; margin: 15px 0; background: url(images/quotes2.gif) no-repeat; }
div.custquote p.bio {font-size: 90%;}
div.custquote a {color: #616266; text-decoration: none;}

/* Columns */
div#content-wrap {float: left; width: 970px; background: #FFF url(images/bg-internal.gif) repeat-y;}
div.fullwidth {float: left;  padding: 0; width: 970px; margin: 0; display: inline; background: #FFF; color: #7D7D7D;}
div.column-1 {float: left; padding: 0; width: 278px; margin: 0; display: inline; background: #231F20 url(images/bg-upper-menu.gif) top repeat-x;}
div.column-2 {float: left; padding: 0; width: 475px; margin: 0; display: inline;}
div.column-3 {float: left; padding: 0; width: 197px; margin: 0; display: inline;}
div.column-left {float: left; padding: 0; width: 568px; border: 4px solid #FFF; border-width: 0 0 0 0; display: inline;}
div.column-right {float: left; padding: 0; width: 672px; display: inline;}

p.phr {background: url(images/h-dot2.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}
p.phrwhite {background: url(images/quickfind-hdot.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}
p.phr2dk {background: url(images/hotpro-hdot-even.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}
p.phr2lt {background: url(images/hotpro-hdot-odd.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}
p.green {color: #B4DCC2}
div.imagelinks {float: left; display: inline; margin-top: 5px; font-size: 90%;}
a.imagelink {color: #555;}

/* Header Div */
div.headerdiv img {float: left; height: 220px; width: 540px; }

ul.archive-list {list-style: none outside; padding: 0; margin-left: none;}
ul.archive-list li {background: url(images/white-dotted-line.gif) bottom repeat-x; padding: 8px 0 8px 15px; margin: 0;}
ul.archive-list li a {color: #242720; text-decoration: none; font-weight: bold;}

/* Content Pages */
div#title {float: left; display: inline; width: 647px; margin: 30px 20px 0 20px; padding-bottom: 8px; border: 1px #DFDFDF solid; border-width: 0 0 1px 0;}
div#title h1 {font-size: 140%; line-height: 100%; padding: 0; margin: 0 0 6px 0; text-transform: uppercase; color: #BB3D44; font-family: Arial, Helvetica, sans-serif;}
div.fullwidth div.content {padding: 3em 32px; width: 486px; \width: 550px; w\idth: 486px; margin: 10px 0; border: 1px #E6E6E6 solid; border-width: 0 1px 0 0;}
div.column-2 div.content {padding: 5px 20px 20px 20px; width: 435px; \width: 475px; w\idth: 435px; margin: 0;}
div.column-right div.content {padding: 5px 20px 20px 20px; width: 632px; \width: 672px; w\idth: 632px; margin: 0;}
div.content {float: left; display: inline; color: #555; line-height: 140%;}
div.content h1 {font-size: 140%; line-height: 100%; padding: 0; margin: 0 0 6px 0; text-transform: uppercase; color: #BB3D44; font-family: Arial, Helvetica, sans-serif;}
div.content h2 a {color: #555;}
div.content .dk {color: #543870;}
div.content .lt {color: #917C9F;}
div.content h2 {font-size: 140%; padding: 0; margin: 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
div.content h3 {font-size: 120%; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif;}
div.content p {margin: 10px 0 0 0;}
div.content p.testimonial {font-size: 125%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #AE2F39;}
div.content p.intro {font-size: 120%; font-weight: bold;}
div.content ul {list-style-type: square; list-style-position: outside; padding: 0px 0 0px 15px; margin: 0px 0; width: 90%; font-weight: normal;}
div.content ul li {padding: 0; margin: 3px 0 0 0;}
div.content img.left {float: left; clear: left; margin: 0 15px 10px 0;}
div.content img.right {float: right; clear: right; margin: 0 0 10px 15px;}
div.content div.limitwidth {float: left; width: 346px;}
div.content div.service {float: left; clear: both; width: 532px;}
div.content a {color: #4C6052;}
div.content p.date {}
div.content ol.letterlist {list-style-position: inside; list-style: lower-alpha; padding: 0; margin: 0;}
div.content ol.letterlist li {padding: 0; margin: 5px 0 0 0;}
div.content img.img1 {float: left; margin: 10px 15px 10px 0; display: inline;/* Win IE double margin float bug fix */}
div.content img.img2 {float: right; margin: 0 0 10px 10px; display: inline;/* Win IE double margin float bug fix */}
div.pageindex {width: 506px; padding: 13px 17px; background: none; color: #37274E;}
div.pageindex div.text {float: left; display: inline; margin: 9px 10px 0 15px;}
div.pageindex div.awrap {float: left; height: 1.4em; margin: 6px 6px 0 0; text-align: center; vertical-align: middle;}
div.pageindex a {display: inline; color: #37274E;}
h1.pagetitle {float: left;}
div.indexing {float: right; padding-top:0.8em;}
div.content hr {border: 1px #D6D6D6 dashed; border-width: 0 0 1px 0; height: 0; margin: 2px 0 10px 0; padding: 5px 0 0 0;}
img.articleimg {border: 1px #DFDFDF solid; margin: 12px 0 0 0;}

div.featurebox {float: left; display: inline; width: 379px; border: 1px #DBDBDB solid; margin: 20px 0 20px 20px;}
div.featurebox img {float: left; display: inline; margin: 15px;}
div.featurebox div {float: left; display: inline; width: 230px; margin: 15px;}
div.featurebox div h1 {font-size: 100%; line-height: 100%; padding: 0; margin: 0 0 4px 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
div.featurebox div p {padding: 0; margin: 0 0 4px 0;}
div.featurebox div a {color: #555;}

div.links { float: right; margin-right: 18px; }

div.download {float: left; width: 176px; \width: 196px; w\idth: 176px; padding: 10px; margin: 18px 0 0 0; background: #E5E5E5; font-size: 80%;}
div.download p {margin: 0 0 4px 0; text-transform: uppercase;}
div.download a {color: #555;}
div.download img {float: right; margin: 0 0 5px 10px;}

div.dl {float: left; display: inline; width: 647px; margin: 20px 0 0 0; border: 1px #DFDFDF solid; border-width: 1px 0 0 0;}
div.dlbottom {padding-bottom: 20px; border-width: 1px 0 1px 0 !important;}
div.dl h1 {color: #676767; font-size: 120%; margin: 15px 0 0 0;}
div.dl div.left {float: left; display: inline; width: 431px; margin-right: 20px;}
div.dl div.right {float: left; display: inline; width: 196px;}

/* Lower Menu */
div#lower-menu {float: left; display: inline; width: 970px; background: #E5E5E5 url(images/bg-lower-menu.gif) top repeat-x;}
div#lower-menu div.left {float: left; display: inline; padding: 0 32px; width: 486px; margin: 30px 0; border: 1px #CFCFCF solid; border-width: 0 1px 0 0;}
div#lower-menu div.menulist {float: left; display: inline; width: 120px; font-size: 90%;}
div#lower-menu div.menulist h2 {font-weight: bold; font-size: 100%;}
div#lower-menu a {color: #7D7D7D;}
div#lower-menu div.menulist a:link {text-decoration: none;}
div#lower-menu div.menulist a:visited {text-decoration: none;}
div#lower-menu div.menulist a:hover {text-decoration: underline;}
div#lower-menu div.menulist a:active {text-decoration: none;}
div#lower-menu ul {list-style: none; margin: 0; padding: 0; border: 0;}
div#lower-menu li {margin: 3px 0 0 0; display: block; font-size: 90%;}
div#lower-menu div.right {float: left; display: inline; padding: 0 0 0 20px; width: 386px; margin: 30px 0; font-size: 90%;}
div#lower-menu div.right h2 {font-weight: bold; font-size: 100%; color: #555; margin-bottom:20px; padding:0 12px}

div.pdflink {float: left; padding: 8px 4px 8px 8px; width: 184px; \width: 196px; w\idth: 184px; background: #E5E5E5; border: 1px #A599B7 solid;}
div.pdflink img {float: left; margin: 8px 12px 8px 8px;}
div.pdflink div.text {color: #616266; margin: 8px 12px 8px 0;}
div.pdflink div.text p {margin: 0; }

select.dropdown {margin: 10px 0;}

/* FAQs */
div.faq {margin: 6px 0 0 0;}
div.faq a {}
div.faq p {margin: 0 0 5px 0; line-height: 140%; }
div.faq ol {margin-left: 21px; padding-left: 0;}
div.faq ol li { padding: 2px 0; }
div.faq ol li a, div.faq ol li a:visited { text-decoration: none;}
div.faq ol li a:hover {}

/* Form Table */
table.formtable {border-collapse: collapse;}
table.formtable td,table.formtable th {padding: 4px; text-align: left;}
input.fixwidth, textarea.fixwidth {width: 300px; border: 1px solid #A5ACB2;}
input.submitgrey {border: 1px solid #A5ACB2;}
input.col1 {width: 150px;}
input.col2 {width: 40px;}
input.col3 {width: 80px;}
textarea.smallta {width: 150px; height: 50px;}
tr.filter {display: none;}
td {vertical-align: top;}

div.testimonial {background: url(images/inv-commas-2.gif) bottom right no-repeat; padding: 0 0 1px 0;}
div.testimonial h3 {font-size: 125%; font-weight: normal; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}


/* Sitemap */
#sitemap { list-style-type: none; margin-left: 30px; }
#sitemap li { margin-bottom: 15px;  }
#sitemap li a { font-weight: bold; font-size: 120%; }
#sitemap li ul { list-style-type: disc; }
#sitemap li ul li { margin: 0; }
#sitemap li ul li a { font-weight: normal; font-size: 100%; }

/* Footer */
div.clear5 {float: left; clear: both; height: 5px; width: 100%;}
div.clear15 {float: left; clear: both; height: 15px; width: 100%;}
div.clear25 {float: left; clear: both; height: 25px; width: 100%;}
div#footer {float: left; clear: both; width: 930px; \width: 970px; w\idth: 930px; color: #7D7D7D; background: #231F20; padding: 15px 20px; font-size: 90%;}
div#footer div.left {float: left; width: 500px;}
div#footer div.right {float: right; width: 200px; text-align: right;}
div#footer a {color: #777; text-decoration: none;}
div#subfooter {float: left; clear: both; width: 802px; \width: 822px; w\idth: 802px; color: #FFF; padding: 10px 10px; margin: 0 10px; font-size: 90%;}
div#subfooter div.left {float: left; width: 300px;}
div#subfooter div.right {float: right; width: 200px; text-align: right;}
div#subfooter a {color: #FFF; text-decoration: none;}