html, body {
width:100%;
min-width:960px;
margin:0px;
padding:0px;
background-color:#2e85c5;
background-image:url(../graphics/extra_wrapper_bg.jpg);
background-position:center;
background-repeat:repeat-y;
font-family:Arial, Helvetica, sans-serif;
color:#888888;
font-weight:normal;
}

/* FIX IE PNG */
img, div { behavior: url(http://www.archivepeterborough.co.uk/assets/graphics/iepngfix.htc) }

/* SETUP SITE WIDE LINKS */
a, a:link, a:visited, a:hover {
text-decoration:none;
color:#666666;
}

h1 {
font-size:18px;
color:#666666;
margin:0 0 10px 0;
font-weight:normal;
}
h1 a:link, h1 a:hover, h1 a:visited {
color:#666666;
}

h2 {
font-size:16px;
color:#666666;
margin:0 0 10px 0;
font-weight:normal;
}
h2 a:link, h2 a:hover, h2 a:visited {
color:#666666;
}

h3 {
font-size:13px;
color:#333333;
margin:0 0 10px 0;
font-weight:normal;
}
h3 a:link, h3 a:hover, h3 a:visited {
color:#666666;
}

h4 {
font-size:14px;
color:#666666;
margin:10px 0 10px 0;
font-weight:normal;
}
h4 a:link, h4 a:hover, h4 a:visited {
color:#666666;
}

h5 {
font-size:13px;
color:#ffffff;
margin:0 0 10px 0;
font-weight:bold;
}
h6 {
font-size:11px;
color:#ffffff;
margin:0 0 10px 0;
font-weight:normal;
text-align:centre;
font-family:Arial, Helvetica, sans-serif;

}
h6 a:link, h6 a:hover, h6 a:visited {
color:#ffffff;
font-size:11px;
font-weight:normal;
}
p {
font-size:13px;
color:#666666;
line-height:22px;
margin-top:0px;
}
p a:link,
p a:hover,
p a:visited {
color:#2e85c5;
text-decoration:none;
}
p strong {
font-weight:normal;
}

p.errors {
padding:5px 10px;
background-color:#a40d16;
color:#FFFFFF;
}
p.success {
padding:5px 10px;
background-color:#548754;
color:#ffffff;
}
p.success a:link,
p.success a:hover,
p.success a:visited {
color:#FFFFFF;
}
p.errors img,
p.success img {
display:inline;
float:left;
margin:5px 10px 0 0;
}

ul {
font-size:13px;
color:#666666;
line-height:22px;
margin-top:0px;
}

/* ---------------------------------- MAIN WEBSITE FRAMEWORK ---------------------------------- */

/* TOP BAR */
#topbar_wrapper {
width:100%;
min-width:960px;
background-color:#2e85c5;
background-image:url(../graphics/top_bar_wrapper_bg.jpg);
background-repeat:repeat-y;
background-position:center;
}
#topbar {
width:960px;
height:40px;
margin:0 auto;
padding:0px;
position:relative;
background-color:#2e85c5;
}
#topbar #phone {
position:absolute;
right:10px;
top:0px;
width:auto;
height:40px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:right;
line-height:40px;
font-size:18px;
}

/* HEADER */
#header_wrapper {
width:100%;
min-width:960px;
background-color:#d0d0d0;
background-image:url(../graphics/header_wrapper_bg.jpg);
background-repeat:repeat-y;
background-position:center;
}
#header {
width:960px;
height:80px;
margin:0 auto;
padding:0px;
position:relative;
background-color:#FFFFFF;
background-image:url(../graphics/header_bg.jpg);
background-repeat:repeat-x;
background-position:top;
}
#header a img {
border:0px;
}
#logo {
width:300px;
height:80px;
display:inline;
float:left;
padding:0px;
margin:0px;
}

/* CONTENT */
#content_wrapper {
width:100%;
min-width:960px;
height:auto;
background-image:url(../graphics/content_wrapper_bg.jpg);
background-position:center;
background-repeat:repeat-y;
background-color:#ffffff;
}
#content {
width:960px;
height:auto;
padding:10px 0px 10px 0px;
margin:0 auto;
background-color:#ffffff;
}
#content:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* THE LEFT PANEL WITHIN CONTENT */
#content #left_panel {
width:290px;
height:auto;
display:inline;
float:left;
margin:0 10px 0 0;
padding:0px;
}

/* THE RIGHT PANEL WITHIN CONTENT */
#content #right_panel {
width:660px;
height:auto;
display:inline;
float:right;
margin:0px;
padding:0px;
}

/* EXTRA */
#extra_wrapper {
width:100%;
min-width:960px;
height:auto;
background-image:url(../graphics/extra_wrapper_bg.jpg);
background-position:center;
background-repeat:repeat-y;
background-color:#2e85c5;
}
#extra {
width:920px;
height:auto;
margin:0 auto;
padding:20px;
background-color:#2e85c5;
}
#extra:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#extra .column {
width:230px;
height:auto;
float:left;
display:inline;
padding:0px;
margin:0px;
}
#extra ul {
width:100%;
height:auto;
margin:0px;
padding:0px;
border:0px;
list-style:none;
display:inline;
float:left;
}
#extra ul li {
width:100%;
height:auto;
margin:0 0 5px 0;
padding:0px;
border:0px;
list-style:none;
display:inline;
float:left;
font-size:12px;
color:#ffffff;
}
#extra ul li a:link,
#extra ul li a:hover,
#extra ul li a:visited {
color:#ffffff;
}

/* ---------------------------------- LEFT PANEL PAGE ELEMENTS ---------------------------------- */

/* USED FOR EACH SECTION WITHIN THE LEFT PANEL - NAVIGATION AND QUICK QUOTE LINK */
#content #left_panel .block {
width:290px;
height:auto;
margin:0 0 10px 0;
padding:0px;
border:0px;
display:inline;
float:left;
}

/* THE TITLE FOR THE MAIN NAVIGATION */
#content #left_panel .title {
width:270px;
height:auto;
display:inline;
float:left;
margin:0px;
padding:7px 10px 7px 10px;
border:0px;
background-color:#2e85c5;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
color:#ffffff;
}

/* START THE ACTUAL NAVIGATION STYLES */
#content #left_panel a.navigation {
width:255px;
height:auto;
display:inline;
float:left;
margin:0 0 1px 0;
padding:7px 10px 7px 25px;
border:0px;
background-color:#cfd1d3;
background-image:url(../graphics/navigation_bullet.gif);
background-position:left;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
color:#333333;
}
#content #left_panel a.navigation:link,
#content #left_panel a.navigation:visited {
text-decoration:none;
color:#333333;
}
#content #left_panel a.navigation:hover {
background-color:#f3f3f3;
text-decoration:none;
color:#333333;
background-image:url(../graphics/navigation_bullet_red.gif);
background-position:left;
background-repeat:no-repeat;
}

/* ---------------------------------- RIGHT PANEL PAGE ELEMENTS ---------------------------------- */

/* USED FOR TOP IMAGE AND QUOTE AREA SECTION WITHIN THE RIGHT PANEL */
#content #right_panel .block {
width:660px;
height:auto;
display:inline;
float:left;
margin:0 0 10px 0;
padding:0px;
border:0px;
}

/* USED FOR TEXT AREA SECTION WITHIN THE RIGHT PANEL */
#content #right_panel .text_block {
width:640px;
height:auto;
display:inline;
float:left;
margin:0 0 10px 0;
padding:10px;
border:0px;
background-image:url(../graphics/right_panel_text_block_bg.jpg);
background-position:top;
background-repeat:repeat-x;
}

/* TITLE BAR FOR THE QUOTE FORM */
.form_title {
width:640px;
height:auto;
padding:7px 10px 7px 10px;
margin:0px;
border:0px;
background-color:#2e85c5;
font-size:12px;
text-transform:uppercase;
color:#FFFFFF;
}

/* FORM STYLES FOR THE QUICK QUOTE */
#quote_form fieldset {
width:640px;
height:auto;
margin:0px;
padding:10px;
border:0px;
background-color:#f3f3f3;
}
#quote_form form {
margin:0px;
padding:0px;
border:0px;
}
#quote_form ol {
margin:0px;
padding:0px;
border:0px;
list-style:none;
}
#quote_form ol li {
margin:0 0 10px 0;
padding:0px;
border:0px;
list-style:none;
}
#quote_form ol li label {
width:150px;
height:auto;
display:inline;
float:left;
padding:5px 0 0 0;
font-size:13px;
}
#quote_form ol li .text_entry {
border:1px solid #999999;
background-color:#FFFFFF;
color:#888888;
font-size:13px;
padding:4px;
}
#quote_form ol li .submit {
border:1px solid #104e7c;
background-color:#2e85c5;
color:#ffffff;
font-size:13px;
padding:4px;
}
#quote_form em {
color:#990000;
}

/* FORM STYLES FOR THE FAQ DROPDOWN */
#faq form {
margin:0px;
padding:0px;
border:0px;
}
#faq ol {
margin:0px;
padding:0px;
border:0px;
list-style:none;
}
#faq ol li {
margin:0 0 10px 0;
padding:0px;
border:0px;
list-style:none;
}
#faq ol li .text_entry {
border:1px solid #999999;
background-color:#FFFFFF;
color:#2e85c5;
font-size:13px;
padding:4px;
}