body { text-align:center; font: normal 10px/12px Verdana, Helvetica, Sans-Serif; background: url(images/body-bg.jpg) repeat-y top center #125083; padding: 0; margin: 0; }
#topH1 { margin: 0; width: 100%; font: bold 10px/12px Verdana, Helvetica, Sans-Serif; background: transparent; }
#container { margin: 0 auto; width: 800px; padding: 0; position: relative;border: 2px solid #E7B686;  }
#Page { background:transparent; margin: 0; padding: 0; text-align:center; width:800px;}
.pageContent { margin: 0; padding: 0 10px 10px 0; }
#mainContent {  width:800px; margin: 0; padding: 0; text-align: left; font: normal 10px/12px Verdana, Helvetica, Sans-Serif; color: #000; background: #fff;}
#leftColumn { width: 165px; vertical-align: top; text-align: left; margin: 0; padding: 0 0 0 5px; }
#centerColumn { vertical-align: top; text-align: left; padding: 0; margin: 0; }
#rightColumn { width: 160px; text-align: left; float: right; margin: 0 5px 8px 8px; padding: 0;}
#visio { width: 300px; background-color: #006; padding: 5px; text-align: center; float: right; }
#visio h2 { color: #fff; }
#visio a, #visio a:link, #visio a:active { font-weight: bold; color: #006; text-decoration:none; cursor:pointer; }
#visio a:visited, #visio a:hover { font-weight: bold; color: #ccc; text-decoration: underline; cursor:pointer; }{ color; #006; }
#popup { margin: 10px; padding: 10px; border: 2px solid #C6B289; background: #fff; }
#popupContent { background: #fff; margin: 0; padding: 0; font: normal 12px/14px Verdana, Helvetica, Sans-Serif; }
/*Common Elements */
h1 { color: #fff; background-color: #006; font: bold 14px/16px Verdana, Helvetica, Sans-Serif; margin: 5px; padding: 5px; }
h2 { color: #333; font: bold 11px/12px Verdana, Helvetica, Sans-Serif; margin: 5px 0; padding: 0; }
h3 { color: #006; font: bold 11px/12px Verdana, Helvetica, Sans-Serif; margin: 5px 0; padding: 0;  }
h4 { background: url(images/h4-bg.jpg) no-repeat top left; color: #fff; font: bold 11px/13px Verdana, Helvetica, Sans-Serif; padding: 5px 0; margin: 5px 0 0 0; text-align: center; width: 160px; }
h4 span { padding: 0 5px; text-align: center; }
#a, a:link, a:active { font-weight: bold; color: #006; text-decoration:none; cursor:pointer; }
a:visited { font-weight: bold; color: #333; text-decoration: underline; cursor:pointer; }
a:hover { font-weight: bold; color: #f00; text-decoration: underline; cursor:pointer; }
.floatLeft { float: left; padding: 0 10px 10px 0; }
.floatRight { text-align: right }
.smText { font-size: 9px; }
#tag h1 { color: #fff; font: bold 10px/12px Verdana, Helvetica, Sans-Serif; padding: 0; margin: 0; background: transparent; }
#bread { text-align: right; color: #666; font: normal 10px/12px Verdana, Helvetica, Sans-Serif; padding: 0; margin: 8px 10px; background: transparent; }
#bread a, #bread a:link, #bread a:active, #bread a:visited { color: #666; font: bold 10px/12px Verdana, Helvetica, Sans-Serif; text-decoration: underline; }
#bread a:hover { color: #999; }
.lineBreak { background: #ccc; height: 2px; width: 610px; margin: 5px 0; padding: 0; }
#productHeader { background: url(images/product-bg.jpg) no-repeat 0 0; height: 135px; text-align: right; }
#productHeader h1 { position: relative; top: 106px; right: 20px padding: 0; margin: 0; }
#productImg { width: 200px; padding: 2px; margin: 0; text-align: center; float: left; }
#productImg a { font-weight: bold; }
.box { background: #efefef; padding: 5px; margin: 10px 0; border: 2px dashed #999; clear: both; }
.spaceLI { margin: 0 12px; padding: 0; }
.spaceLI li { padding: 0 0 8px 0; background: transparent; padding-left: auto; }
.noList li { list-style-type: none; padding: 3px 0; background: transparent; }
ul li { list-style-type: none; background:url(images/ul-first.gif) no-repeat 0 0; padding-left: 12px; }
ul li ul li { list-style-type: none; background:url(images/ul-second.gif) no-repeat 0 0; padding-left: 12px; }
/*Header Elements */
#topBanner { position: relative; width: 800px; height: 158px; background: url(images/top-banner-bg.jpg) repeat-x bottom left; }
#header { width:800px; height: 132px; background: url(images/header.gif) no-repeat 5px 0; text-align: center; margin: 0; padding: 0; }
#header2 { width:800px; height: 132px; background: url(images/header2.jpg) no-repeat 0; text-align: center; margin: 0; padding: 0; }
#header #logo { position: absolute; top: 0; left: 170px; z-index: 1; margin: 0; padding: 0;}
#header2 #logo { position: absolute; top:0; left: 158px; z-index: 1; margin: 0; padding: 0;}
#header ul { margin: 0; padding: 0; }
#header ul li { list-style-type: none; margin: 0; padding: 0; background: transparent; }
#PublicSafety { position: absolute; top: 0; left: 2px; }
#CallCenter { position: absolute; top: 1px; right: 0; }
#Police { position: absolute; top: 42px; left: 174px; }
#HealthCare { position: absolute; top: 52px; left: 350px; }
#FireFighter { position: absolute; top: 42px; left: 489px; }
/*Top Navigation*/
#topLinks { position: absolute; top: 132px; left: 0px; z-index:1; width:800px; }
#topLinks ul { margin: 0; padding: 0; display: block; }
#topLinks li { list-style-type: none; display: inline; background: transparent; padding-left: auto; }
#topLinks li a { color: #fff; font: bold 10px/28px Verdana, Helvetica, Sans-Serif; padding: 8px 10px; text-decoration: none; }
#topLinks li a:hover { background: url(images/top-link-hover.jpg) repeat-x 0 0; color: #ccc; text-decoration: none; }
/*Left Navigation*/
.categoryList { padding: 0; margin: 0 0 5px 0; }
.categoryListContent { border-left: 1px solid #efefef; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef;width: 158px; margin: 0; padding: 0; }
.categoryListContent ul { margin: 0; padding: 0; display: block; }
.categoryListContent ul ul { margin: 0 0 0 8px; padding: 0; display: block;  }
.categoryListContent li { list-style-type: none; display: block; margin: 3px 0; background: transparent; padding-left: 0; }
.categoryListContent li li { list-style-type: none; display: block; margin:  0; background: transparent; padding-left: 0; }
.categoryListContent li a, .categoryListContent li a:active, .categoryListContent li a:link, .categoryListContent li a:visited { color: #333; text-decoration: none; background: url(images/arrow-off.gif) no-repeat 2px 8px #eee; display: block; padding: 5px 0 5px 10px; }
.categoryListContent li a:hover { background: url(images/white-arrow-on.gif) no-repeat 2px 8px #f00; color: #fff; }
.categoryListContent li li a, .categoryListContent li li a:active, .categoryListContent li li a:link, .categoryListContent li li a:visited { color: #333; text-decoration: none; background: url(images/arrow-off.gif) no-repeat 2px 5px; display: block; padding: 2px 0 2px 12px; }
.categoryListContent li li a:hover { background: url(images/white-arrow-on.gif) no-repeat 2px 5px #f00; color: #fff; }
.noLink {background-color: #eee; color: #333; font: bold 10px Verdana, Helvetica, Sans-Serif; margin: 0; padding: 5px 0 5px 10px; display: block; }
/* Right Navigation */
#rightColumn ul { margin: 0; padding: 0; background-color: #efefef; width: 158px; border: 1px solid #006;  }
#rightColumn li { margin: 0; padding: 0; list-style-type: none; display: block; background: transparent; padding-left: auto;}
#rightColumn .noList li a { margin: 0; padding: 2px 2px 2px 12px; display: block; background: url(images/arrow-off.gif) no-repeat 2px 5px; }
#rightColumn .noList li a:hover { background-color: #fff; color: #f00; background: url(images/arrow-on.gif) no-repeat 2px 5px; }
#rightColumn .downloads li { padding:10px 5px; }
a.pdf { margin: 0; padding: 2px 2px 2px 20px; display: block; background: url(images/pdf-image.gif) no-repeat 0 0; }
/*Custom Elements */
#bronzeBox { border: 1px solid #473527; width: 240px; margin: 5px 25px; padding: 0; float: left; height: 100px; }
#bronzeBox h2 { background: url(images/bronze-bg.jpg) repeat-x 0 0; color: #fff; border: 0; margin: 0; padding: 10px 0 0 20px; width: 220px; height: 26px; }
#silverBox { border: 1px solid #333; width: 240px; margin: 5px 25px; padding: 0; float: left; height: 100px; }
#silverBox h2 { background: url(images/silver-bg.jpg) repeat-x 0 0; color: #fff; border: 0; margin: 0; padding: 10px 0 0 20px; width: 220px; height: 26px; }
#goldBox { border: 1px solid #473527; width: 240px; margin: 5px 25px; padding: 0; float: left; height: 100px; }
#goldBox h2 { background: url(images/gold.jpg) repeat-x 0 0; color: #fff; border: 0; margin: 0; padding: 10px 0 0 20px; width: 220px; height: 26px; }
#platinumBox { border: 1px solid #333; width: 240px; margin: 5px 25px; padding: 0; float: left; height: 100px; }
#platinumBox h2 { background: url(images/platinum-bg.jpg) repeat-x 0 0; color: #fff; border: 0; margin: 0; padding: 10px 0 0 20px; width: 220px; height: 26px; }
#bronzeBox p, #silverBox p, #goldBox p, #platinumBox p { padding: 0 5px; margin: 0; }
#productBox { padding-right:100px; border-top: 1px solid #eee; }
/*Footer*/
#footer { width: 800px; padding: 10px 0 10px 0; margin: 0; text-align: center; font: bold 9px/11px Verdana, Helvetica, Sans-Serif; color: #fff;  background: url(images/footer-bg.jpg) repeat-x top left #f00; position: relative;  }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #ccc; }
#subFooter { width:800px; text-align: center; margin: 10px auto; padding: 0; color: #fff; font-weight:bold; }
#copyright { padding: 0 0 10px 0; margin: 0;  }
#division { padding: 0; margin: 0;}