/* Pension Theft-it's just gotta be wrong. */

/*
------------------------------------------------------
Copyright Paul Stanton, www.innovativefuture.co.uk & www.wheresthefire.co.uk
some rights reserved. All images and text copyright InnovatureFuture.
http://creativecommons.org/licenses/by-sa/2.0/

Please feel free to use this style sheet but not the images as a 
template for your own sites or as an example for 
study.  However, please respect my work by maintaining this credit in the style sheet.

If you would like to use this style sheet for commercial purposes please visit http://www.innovativefuture.co.uk/contact.html and
fill in the form for further information.
------------------------------------------------------
/*

Notes

Body has a background image to create black panel down left side - css "height" property unreliable
-somewhat unsurprisingly that's another IE problem

220606 .apology added for server issues
------------------------------------------------------

*/

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
/*background-image: url(images/full_colour_bg.gif);
background-repeat: repeat-y;
background-position: top left;*/
}

/* Container for background images like the right blue bar under the nav */

#container {
padding: 0;
margin: 0;
background-image: url(images/pensionbg1.jpg);
background-repeat: repeat-y;
background-position: left 300px;
}

/* Top site title in banner bar across top */

#main-title {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 25px;
padding-right: 25px;
font-size: 1.3em;
letter-spacing: 5px;
text-align: right;
padding-top: 3px;
padding-bottom: 7px;
font-style: italic;
color: #d14013;
background-image: url(images/banner_bg.jpg);
background-repeat: repeat-y;
background-position: left 300px;
border-bottom: 3px #fdac00 dotted;
}

/* Main middle container text styles */

#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 170px;
margin-right: 230px;
padding-right: 10px;
border-right: 3px #fdac00 dotted;
color: #515151;
}

p, ul, ol, table {
text-align: justify;
font-size: .7em;
line-height: 1.9em;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}

form {
text-align: center;
font-size: .7em;
line-height: 1.9em;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}

ol, ul {
margin-left: 25px;
}

h1 {
margin-top: 0;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
font-size: 1.2em;
padding-bottom: 9px;
padding-top: 10px;
padding-left: 0;
padding-right: 0;
color: #515151;
font-weight: normal;
}

h2 {
font-size: .9em;
font-weight: bold;
padding-left: 0;
color: #515151;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}

h3 {
font-size: .8em;
font-weight: bold;
padding-left: 0;
color: #515151;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}

h4 {
font-size: .6em;
font-weight: bold;
font-style:oblique;
padding-left: 0;
color: #515151;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}

h5 {
text-align: center;
font-size: .7em;
line-height: 1.9em;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}

a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #fdac00;
}

a:hover {
text-decoration: none;
font-weight: bold;
color: #d14013;
}

/* Left navbar styles */

#left-menu {
position: absolute;
top: 0;
left: 0;
width: 170px;
height: 100%;
padding-top: 50px;
font-weight: bold;
}

#left-menu p {
margin-bottom: 4px;
text-align: right;
padding-right: 19px;
font-size: .8em;
}

#left-menu a:link, #left-menu a:visited {
color: #fff;
padding-right: 5px;
border-right: 3px #fff dotted;
}

#left-menu a:hover {
color: #fa0;
border-right: 3px #fa0 dotted;
}

#left-menu a.current {
color: #ff0;
border-right: 3px #ff0 dotted;
}

/* Right quote styles */

#right-column {
position: absolute;
top: 37px;
right: 0px;
width: 230px;
font-size: .9em;
line-height: 1.6em;
background-color: #f6f6f6;
background-image: url(images/banner_bg.jpg);
background-repeat: repeat-y;
background-position: left 300px;
/*border-top: 2px #fa0 dotted;*/
border-bottom: 2px #fa0 dotted;
}

#right-column strong {
color: #d14013;
font-style: normal;
}

#right-column p {
font-style: italic;
padding-left: 10px;
padding-right: 5px;
padding-top: 10px;
}

/* Footer styles */

#footer {
text-align: right;
margin-bottom: 0;
padding-top: 8px;
padding-bottom: 8px;
font-size: .8em;
margin-top: 0;
padding-right: 50px;
border-top: 3px #fa0 dotted;
background-image: url(images/banner_bg.jpg);
background-repeat: repeat-y;
background-position: left 300px;
}

#footer a:link, #footer a:visited {
color: #d14013;
}

#footer a:hover #footer a.current {
text-decoration: underline;
color: #ff0;
}
.apology{
text-align: justify;
font-size: .7em;
color: #fff;
line-height: 1.9em;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
background-color: #506472;
}