/* 
-------------------------------------------------------------------
Cheshire Constabulary stylesheet: global styles
-------------------------------------------------------------------
*/

/* Body, general formatting and reusable classes etc
--------------------------------------------------------------------------
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, button, hr { margin: 0; padding: 0; font-size: 1em;  }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

img, embed, form, fieldset { margin: 0; padding: 0; border: 0; vertical-align: bottom; }

body { font: 62.5% "Arial", sans-serif; background: #003e7d url(../../../../images/template/bg-body.png) repeat-y top center; color: #000; line-height: 1; text-align: center; }

input, select, textarea, button { font: 1em "Arial", sans-serif; vertical-align: bottom; }
button { cursor: pointer; }
button::-moz-focus-inner { margin: 0; padding: 0; border: 0; }

table { border-collapse: collapse; border-spacing: 0; }
table th { font-weight: normal; text-align: left; }

ul, ol { list-style: none; }

.hide { position: absolute; top: 0; left: -99999px; }

.alignCenter { text-align: center; }

a { color: #000; text-decoration: none; }
a:hover { }
a:active, a:focus { }

/* Wrapper, header, main menu
--------------------------------------------------------------------------
*/

#wrapper { max-width: 1200px; margin: 0 auto; padding: 0; background: #fff url(../../../../images/template/bg-wrapper.png) repeat-x bottom left; color: #333; }

#headerWrap { background: url(../../../../images/template/bg-header.png) repeat-x bottom left; border-bottom: 1px solid #cfcfcf; }
#header { width: 960px; margin: 0 auto; padding: .8em 0 .4em; overflow: hidden; line-height: 1.4; text-align: left; }

#header ul.tools { text-align: right; }
#header ul.tools li { vertical-align: middle; font-size: 1.1em; display: inline; }
#header ul.tools li a { color: #333; }
#header ul.tools li a:hover, #header ul.tools li a:active, #header ul.tools li a:focus { text-decoration: underline; }
#header ul.tools li a:active, #header ul.tools li a:focus { color: #999; }
#header ul.tools li.search fieldset { vertical-align: middle; display: inline; }
#header ul.tools li.search fieldset label { cursor: pointer; }
#header ul.tools li.search fieldset input { vertical-align: middle; }
#header ul.tools li.search fieldset input.text { padding: .2em 1px; background: #fff; color: #333; border: 1px solid #b3b3b3; }

#header #logo { float: left; }

#header ul.numbers { width: 734px; margin: 18px 0 0; float: right; }
#header ul.numbers li { margin: 0 .4em 0 0; font-size: 1.8em; color: #003e7e; font-weight: bold; display: inline; }
#header ul.numbers li.emergency { font-size: 1.4em; color: #666; }
#header ul.numbers li.emergency strong { color: #003e7e; }

#header ul.menu { width: 744px; margin: 20px 0 0; float: right; }
#header ul.menu li { padding: 0 0 15px; float: left; }
#header ul.menu li a { padding: .1em 10px; font-size: 1.2em; font-weight: bold; color: #003e7e; border-right: 1px solid #666; }
#header ul.menu li a:hover, #header ul.menu li a:active, #header ul.menu li a:focus { text-decoration: underline; }
#header ul.menu li a:active, #header ul.menu li a:focus { color: #666; }
#header ul.menu li.last a, #header ul.menu li.m6 a { border: 0; }
#header ul.menu li.on { background: url(../../../../images/template/menu-on.png) no-repeat bottom center; }
#header ul.menu li.on a { color: #666; }

#tooltip { position: absolute; z-index: 3000; background: #003E7E; padding: .4em .5em; font-size: 1.1em; text-align: left; color: #fff; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Footer
--------------------------------------------------------------------------
*/

#footerWrap { background: #ededed; }
#footer { width: 960px; margin: 0 auto; padding: 1.6em 0; overflow: hidden; text-align: left; border-top: 2px solid #e1191c; }
#footer ul li { font-size: 1.1em; display: inline; }
#footer ul li a { color: #333; }
#footer ul li a:hover, #footer ul li a:active, #footer ul li a:focus { text-decoration: underline; }
#footer ul li a:active, #footer ul li a:focus { color: #999; }