@charset "utf-8";

body {margin:0px; padding:0px; font: 100% arial, sans-serif; text-align:center; background-color: #ffffff;}
* {margin:0; padding:0;}
 
p {margin:1em 10px;}
h1 {font-size: 1.3em; padding: 20px 10px 10px 10px; font-weight: bold;}
h2 {font-size: 1em; margin:1em 10px; font-weight: bold; font-variant: small-caps;}
img {border: 0px;}
ol {margin: 0 20px 0 55px;}
ul {margin: 0 20px 0 45px;}
li {margin-bottom: 1em;}
iframe {float: left;  margin: 0 5px 20px 30px;}

.clearleft {clear: left;}

a:hover {color: #e91649;}

div#mainwrap {width:900px; margin-left:auto; margin-right:auto; text-align:left; background: white;}

div#header {width:720px; height: 140px; background: url('images/header-purple.gif') no-repeat top right; margin-top: 20px;}

div#headerquestion {padding-top: 100px; margin-left: 20px; color: #faefed; font-weight: bold;}

div#listmenu {float:right; padding-top: 115px; padding-right: 35px;}
div#listmenu ul {margin: 0;}
div#listmenu li {float: left; list-style-type: none;}
div#listmenu a {padding: 0 2px; text-decoration: none; color: #faefed; font-weight: bold;}
div#listmenu a:hover {color: #cc0033;}

div#box {background-color: white; margin: 20px 20px 0 20px; padding-bottom: 10px;}

div.smallbox {background-color: white; width: 220px; padding: 10px; margin-top: 20px; margin-left: 20px; color: #9370db;}
.smallboximage {float: right;}
div.smallbox a {text-decoration: none; color: #411b72;}
div.smallbox a:hover {color: #e91649;}
div.smallbox p {margin:0 5px 0 0;}
div.smallbox h2 {font-size: 1em; margin:0; font-weight: bold; color: #9370db;}
div.smallbox img {border: 0px; padding-bottom: 5px;}

div#contentarea {width:900px;}

div#column1 {width:180px; float:left; padding-top: 160px; text-align: right; background-color: white; color: #200d38; min-height:700px;}

.colour1 ul {margin: 0; list-style-type: none; padding-right: 20px;}
.colour1 li {margin: 0.5em 0 0 0;}
.colour1 a {text-decoration: none; color: #200d38;}
.colour1 a:hover {color: #e91649;}

.colour2 ul {margin: 0; list-style-type: none; padding-right: 20px;}
.colour2 li {margin: 0.5em 0 0 0;}
.colour2 a {text-decoration: none; color: #532292;}
.colour2 a:hover {color: #e91649;}

.colour3 ul {margin: 0; list-style-type: none; padding-right: 20px;}
.colour3 li {margin: 0.5em 0 0 0; font-style: italic;}
.colour3 a {text-decoration: none; color: #ac81e3; font-style: italic;}
.colour3 a:hover {color: #e91649;}

.wrapimage {float: left; margin: 0 10px 10px 0;}
.inlineimage {float: left; margin-bottom: 20px; padding: 0 15px 20px 10px;}
.inlineimage p {margin: 0px; width: 150px;}
.inlineimage h2 {margin: 5px 0;}

div#maincontent {width:720px; float:left; background: url('lydia/index-lydia.jpg') no-repeat top right; background-color: #baa7f6;}

div#testimonial {background-color: #f3f9f6; border: 1px solid #003300; margin: 0 10px;}
div#testimonial p {margin: 1em 0 1em 5px;}

div#footer {width:720px; padding: 10px 0; float: right; background-color: #baa7f6;}
div#footer p {margin: 0 0 1em 30px; color: black; font-size: 0.8em; color: #632aac;}
 
.lydia {border-top: 1px solid #724a3c; margin: 30px; padding-top: 20px; clear: left;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}