/* STYLESHEET RESET */

/***************************

NEW HEADER AND FOOTER STYLESHEET FOR MYHARROW

****************************/

/*
Library Adjustment
*/
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; list-style:none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }


#content ul, .list {margin: 0.5em 0;}
#content li, .list li {padding:0 0 0 1em; margin:0 0 10px 1em;}
em {font-style:italic;}
strong {font-weight:bold;}
:focus { outline: 0;}
.clear { clear:both; }
span.clear { display:block;}
.hidden { position:absolute; margin-left:-200000px; left:-200000px; top:-200000px;}
#mobile_name { display:none; }
/*
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;} 

*/
img {vertical-align:middle;}
strong {font-weight:bold;}
em {font-style:italic;}
/*
sup {vertical-align:0; position:relative; bottom:1ex; font-size:0.7em; }
sub {vertical-align:0; position:relative; top:0.8ex; font-size:0.7em; }
*/
code {font-family:Courier New, Courier, monospace;}

/* *************************************************************** BASICS */

body {background-color:#f7f7f7;}
  
#wrapper, .wrapper {background-color:#fff;}

#content_wrapper {background-color:#fff;}


a:link {color:#472986; text-decoration:none;	/*border-bottom:1px dashed #dfdfdf; */}
a:visited {/*color:#614a97;*/ text-decoration:none; /*border-bottom:1px dashed #dfdfdf; */}
a:hover { /*border-bottom:1px solid #472986; */} 
a:active {/*color:#f8a03b;*/}


/*
Library conflict
img, a img {padding:1px;background:#fff;border:1px solid #ced0d8;}
*/
.list li img, #gallery_item p img, .podcastLinks img, #search_results img {border:0;padding:0;background:none;}
a:hover img {border-color:#3A3F55;}


body { font: 80%/1.8 Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;color:#3a3f55;}
/*
body, input, textarea, select { font: 80%/1.8 Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;color:#3a3f55;}
input, textarea, select {font-size:100%;}
*/
body > html {font-size: 12px;}

/*
h2, h3, h4, p, li, address, caption, table, pre, hr {
margin:0 0 10px;
}
h2, caption {
font-size:1.4em;
}
h3, cite {
font-size:1.2em;
}
*/

#content ul li {
background: url('http://www.harrow.gov.uk/site/styles/css_img/images/bullet.gif') no-repeat 0 0.6em;
}
#content ol {margin:0.5em 0 0.5em 2.5em;}
#content ol li {list-style:decimal; padding-left:0em;}
#content ul ul, #content ol ol {margin-left:20px;}
#content ul ul ul, #content ol ol ol {margin-left:40px;}
blockquote {
margin:0 0 10px 30px;
padding:10px;
border-left:1px dashed #dfdfdf;
}
cite {
font-style:italic;
}
pre {
padding:10px;
border:1px dashed #dfdfdf;
}

/*
table {
margin:0 0 0 1px;
border-collapse:collapse;
}
table th {
border:1px solid #dfdfdf;
font-size:1.1em;
padding:5px;
}
table td {
border:1px solid #dfdfdf;
padding:5px;
}
*/
hr {background:#fff; color:#fff; border:0; border-top:1px dashed #dfdfdf;}

/* Forms */
/*
legend {font-size: 1.3em;}

form p {clear:both; margin: 0; padding: 20px 0; border-top:1px dashed #DFDFDF;}
form p.center {text-align:center;}
form { margin: 20px 0; padding-top: 10px; clear:both;}

label, span.label { margin: 0; vertical-align: text-bottom; width:auto;float:none; text-align:left; display:block;}
label.check, label.radio {float:none; padding:3px; width:auto;display:block; text-align:left;}
label em, span.label em {font-size:0.9em;}

input[type="button"], input.button { padding:5px; background:#614A97; color:#fff; border:1px solid #472986; font-size:110%;}
input[type="button"]:hover, input.button:hover {background:#472986; color:#fff; border:1px solid #3A3F55; cursor:pointer;}

input[type="text"], select, textarea, input.text
{padding:5px; background:#fff; border:1px solid #CED0D8; color:#3a3f55; width:350px;}
input[type="text"]:focus, select:focus, textarea:focus, input.text:focus {outline:3px solid #efedf5;}
label.check input, label.radio input {width: auto;}
*/





/* *************************************************************** OUTER DIVS */


/* Changed to page_wrapper due to a header / content / footer conflict. */
/* Changed the margin top/bottom due to a header / content / footer conflict. */
/*
Original #wrapper CSS...
#wrapper { margin: 3px auto; width:75em; }
*/
#wrapper, .wrapper { margin: 0px auto;

/* width:75em; */
width:960px;
	padding-bottom:1px;
}

#content_wrapper { margin: 0 auto;
/* padding: 0 1em; width:73em; */
/*width:75em; */
width:960px;
text-align:left; padding-bottom:1px;

clear:both;

}

/* #wrapper { margin: 3px auto; width:73em; padding:0 1em; } */
/* #page_wrapper { margin: 0 auto; / *margin: 3px auto;* / width:75em; } */
/*#page_wrapper { margin: 3px auto; width:75em; } */

#page {width:100%; float:left;

background-color:#FFF;

}
#content { margin: 0 16px; }
#page .withWidth {margin: 0 16px 0 214px; overflow:hidden;}




/* *************************************************************** MAST */

#mast {padding:0 0 6px 0;margin:0 0 15px;background:url('http://www.harrow.gov.uk/site/styles/css_img/harrow_top.gif') top center no-repeat;position:relative;}

#mast .header {display:block;width:100%;padding-top:10px;height:85px;}

#mast .pseudoH1, #mast .pseudoH1:link, #mast .pseudoH1:visited, #mast .pseudoH1:hover, #mast .pseudoH1:active {width: 292px;height: 86px;background:url('http://www.harrow.gov.uk/site/styles/css_img/logo.gif') 18px 0px no-repeat; /*/site/styles/css_img/logo.gif*/display:block;border:0;margin:0;padding:0;}
#mast .pseudoH1 span { position:absolute; margin-left:-200000px; left:-200000px; top:-200000px;}

#mast p a {color:#9497a3;border:none;}
#mast p a:hover {color:#3A3F55;}

#mast p.mast_links {font-size:80%;width:35.5em;height:20px;padding:10px 0;margin:0;}
#mast p.mast_links a {margin-right: 5px;padding-left:10px;background:url('http://www.harrow.gov.uk/site/styles/css_img/arrow-right-orange.gif') 0px 50% no-repeat;}
#mast .mast_links a.skip {background:url('http://www.harrow.gov.uk/site/styles/css_img/arrow-down-orange.gif') 0px 50% no-repeat;}
#mast p.mast_links a.size {padding:1px 3px;margin-right:0;text-transform:uppercase;}
#mast p.mast_links a.increase {font-size:110%;}
#mast p.mast_links a.increaseMore {font-size:120%;}

#mast p.register {font-size:80%;padding:10px 0 7px;margin:0;float:right;line-height:1.6;clear:right;}
#mast p.register a {padding-right: 20px;}
#mast .register .sign-in {background:url('http://www.harrow.gov.uk/site/styles/css_img/signin.gif') right 50% no-repeat;}

#mast #az_index {font-size:104%;
/*width:42em; */
width:42em;
clear:right;float:right;}

#mast #az_index h2 {margin:0;}
#mast #az_index h2 {

font-size:1.4em;
list-style:none; font-weight: inherit; font-family: inherit;
color:#3a3f55;
}

#mast #az_index li {margin:0; display:inline;}
#mast #az_index li a, #mast #az_index li span {margin:0 0 6px 0;line-height:1.5;width:1.6em;border:0;float:left;text-transform:uppercase;text-align:center;font-weight:bold;}
#mast #az_index li a:hover {background:#EFEDF5;}

#navigation {font-size:114%;margin:16px 16px 0;}
#navigation li {display:inline;}
#navigation li a {display:block;padding:0 1.45em 8px 0; text-transform:uppercase;float:left;}
#navigation li a span {line-height:1.5;padding:0 0 10px;}
#navigation li a em {padding:3px 0 5px 30px;margin:3px 0;}

#navigation li.pay a, #navigation li.pay a:hover em {color:#c24580;}
#navigation li.apply a, #navigation li.apply a:hover em {color:#517dc4;}
#navigation li.report a, #navigation li.report a:hover em {color:#c5981d;}
#navigation li.comment a, #navigation li.comment a:hover em {color:#258c40;}
#navigation li.nearest a, #navigation li.nearest a:hover em {color:#8065ba;}
#navigation li a {border-bottom:1px solid #dfe0e6;}
#navigation li a em {color:#3a3f55;font-style:normal;}
#navigation li.pay a em {background:url('http://www.harrow.gov.uk/site/styles/css_img/task-icons.gif') 0px 0px no-repeat;}
#navigation li.apply a em {background:url('http://www.harrow.gov.uk/site/styles/css_img/task-icons.gif') 0px -37px no-repeat;}
#navigation li.report a em {background:url('http://www.harrow.gov.uk/site/styles/css_img/task-icons.gif') 0px -74px no-repeat;}
#navigation li.comment a em {background:url('http://www.harrow.gov.uk/site/styles/css_img/task-icons.gif') 0px -111px no-repeat;}
#navigation li.nearest a em {background:url('http://www.harrow.gov.uk/site/styles/css_img/task-icons.gif') 0px -148px no-repeat;}
#navigation li a span {border-bottom:1px solid;}

/* *************************************************************** PAGE HEADING */

h1 {margin:10px 0;padding:0 0 20px 0;font-size:180%;}
#page .withWidth h1 {
background:url('../../images/divider.gif') 0px bottom no-repeat;}
#content h1 {
background:url('../../images/divider-full.gif') 0px bottom no-repeat;}

/* *************************************************************** COLUMN */

#column_nav { float:left; padding-left: 16px; }
/*
#column_nav {font-size:90%;margin:0 0 0 -100%;width:198px;float:left;}

#column_nav .navWidget {margin-left:16px;}
#column_nav .navWidget h2 {margin:0;text-transform:uppercase;font-size:1.2em;}
#column_nav .navWidget ul { margin:0 0 10px 0; }
#column_nav .navWidget ul li {margin:0;padding:0;line-height:1.5;}
#column_nav .navWidget ul li a { padding:4px 4px 4px 15px;display:block;background:url('../../images/arrow-right-grey.gif') 2px 0.8em no-repeat;}
#column_nav .navWidget ul li a:hover {background-color:#EFEDF5;border-bottom:1px dashed #DFDFDF;}
*/
/* *************************************************************** FOOTER */

/* LGNL */
#lgnl {float:left;width:100%;}
#lgnl h3 {background:#614a97 url('../../images/footer-bottom-curve.gif') right bottom no-repeat;color:#fff;font-size:1.4em;line-height:1.7;padding:7px 40px 7px 16px; border-top:19px solid #fff; }
#lgnl li {margin:16px 16px 0;width:20%;float:left;}
#lgnl li.clear {width:100%;margin:0;float:none;}
#lgnl li h4 {margin:0;font-size:120%;line-height:1.3;}
#lgnl li h4 a {text-transform:uppercase;color:#3a3f55;border:0;background:url('../../images/arrow-right-on-pale.gif') right 0.3em no-repeat;padding-right:10px;}
#lgnl li h4 a:hover {color:#614a97;border-color:#472986;}

/* Contact box */
.contactbox {background:#cac2dd;float:left;position:relative;width:197px;margin:19px -197px 0 0;}
.contactbox h3 {color:#fff;background:#472986;padding:7px 5px;font-weight:bold;font-size:1.4em;line-height:1.7;}
.contactbox h3 span {display:none;}
.contactbox a:link, .contactbox a:visited, .contactbox a:hover, .contactbox a:active {color:#3a3f55;}
.contactbox .tel {font-weight:bold;background:url('../../images/contact-icons.gif') 0px 0px no-repeat;padding:1px 0 1px 31px;margin-left:5px;font-size:1.3em;}
.contactbox .email {background:url('../../images/contact-icons.gif') 0px -26px no-repeat;padding:4px 0 4px 31px;margin-left:5px;}
.contactbox .map {background:url('../../images/contact-icons.gif') 0px -52px no-repeat;padding:0 0 0 31px;margin-left:5px;}
.contactbox li {background:url('../../images/arrow-right-white-on-lilac.gif') 0px 0.4em no-repeat;padding-left:10px;margin-left:26px;line-height:1.5;}

/* FOOTER */
#foot-wrapper {font-size:80%;padding:0 197px 0 0; /*background:#efedf5 url('../../images/footer-top-curve.gif') right 0px no-repeat; */}

#footer { padding:16px 181px 16px 16px;color:#9497a3;clear:both;width:100%;background:#fff; position:relative;}
#footer p.copyright {font-size:120%;}

.imageLinks {position:absolute; top:16px; right:16px;}
.imageLinks a:link, .imageLinks a:visited, .imageLinks a:hover, .imageLinks a:active {border:0;}
.imageLinks img {padding:0; border:0; margin-left:16px;}

p.jadu a:link, p.jadu a:visited, p.jadu a:hover {color:#9497A3;border:0;}