/* ===== Juniper Pensions CSS =========

Created 10 June 2009 by Isabelle Jackson - http://www.isabellejackson.co.uk/
for Juniper Pensions, Worthing, West Sussex */

/* =============== COLOURS ===========


DARK PURPLE: #990099
MID GRAY: #708090
DARK GRAY (font): #333333

*/

html {width:100%;font-size:101%;}

body {margin: 0 auto; padding: 0; font-family: "Gill Sans MT", Arial, Helvetica, sans-serif; color: #333333; font-size: 85%;}

.clear {clear:both;}
img {border:none; margin: 0;}
a {text-decoration: none; color: #990099;}
a:hover {color: #669974;}

.floatLeft {float: left;}
.floatRight {float: right;}

/*------------------ WRAPPERS ---------------------------*/

#wrapper {width: 900px; margin: 0; padding: 0; font-size: 1em; border: 1px solid #990099;}
#header {width: 900px; height: auto; margin: 0; padding: 0;}
#mainTextArea {float: left; width:690px; margin: 0; padding: 15px;}
#footer {height: 80px; float: left; width: 900px; background-image: url(../images/footer_bg.jpg); background-repeat: repeat-x; background-position: bottom; text-align: right;}
#newsBox {margin: 2px auto 10px; border: 1px solid #ececec; background-color: #f5fff2; width: 169px; padding: 0;}
#logoWrapper {margin: 0 auto; border: none; text-align: center;}

/*=================== NAVIGATION =========================*/

#navBar {width: 175px; float: left; margin: 0; padding: 0; border-right: 1px solid #ececec;}

ul.navBar {list-style: none; padding: 0; margin: 0; line-height: 1.6em; font-size: 1.6em;}

ul.navBar li {padding: 0; margin: 0; border-bottom: 1px solid #ececec;}

ul.navBar li a, ul.navBar li a:active, ul.navBar li a:visited {padding: 4px 15px; margin: 0; display: block; }

ul.navBar li a:hover {border-left: none; border-right: 5px solid #990099; padding: 4px 10px 4px 15px; margin: 0; background-color: #F5FFF2;}


/*---------------------Titles------------------------*/
h1 {padding: 0; margin: 0;}
h2 {font-style: italic; font-size: 2.4em; font-weight: lighter; text-align: left; padding:5px; margin: 10px 0; color: #990099;}

h3 {color: #990099; font-size: 1.2em; text-align: left;}

h4.faq {color: #670067; font-size: 1em; text-align: left; background-color: #f5fff2; width: 96%; margin: 25px 0 0 0; padding: 6px;}

/*--------------------- Contents ------------------------*/

p {padding: 5px; line-height: 1.6em;}

.comment {color: gray; font-size: .9em; line-height: 1.2em;}

.reason {color:#670067; font-weight: bolder;}
.longList {font-size: 1em; list-style: square; line-height: 1.6em;}
.longList li{padding-bottom: 15px;}

.formList {list-style: none; margin:0; padding: 0;}
.formList li {padding:0 3px 15px 5px;}

.headerList {color: #990099; font-size: 1.2em; list-style: square;}
.headerList a {text-decoration: underline;}
.list_nobullet {list-style: none; margin-left: 30px; line-height: 1.6em;}

.testimonial {background-color: #F5FFF2; margin: 5px; width: 96%; border: 1px solid #ececec; padding: 10px; color: #670067;}