/* ===== STYLES FOR ALL ==== */
body {font-family: Geneva, Arial, Helvetica, sans-serif;font-size:72.5%;margin:0;padding:0;background:#d6d7db;}
#content {min-height:250px;padding:0 20px 0 50px;font-size:110%;margin:0 200px 20px 0;}
#nav {float:right;width:170px;margin:30px 20px 0 0;font-size:95%;}
#nav ul {margin:10px 0 0 20px;padding:0;list-style-position:outside;}
#nav a.consul, #nav a.consultant {display:block;padding:5px;margin:20px 10px 10px 10px;text-align:center;text-decoration:none;font-weight:bold;}

#footer {clear:both;text-align:right;}
#footer p {margin:0;padding:10px;}

h1 {float:right;margin:20px 25px 30px 0;}
h2 {font-size:140%;margin:2em 0 0.5em 0;}
ul {padding:0;margin:0;}
li {padding-bottom:5px;}
.smallprint {font-size:80%;}
.imgright {float:right;margin-left:10px;}
.imgleft {float:left;margin-right:10px;}

/* Fix footer at bottom of viewpoint http://www.themaninblue.com/writing/perspective/2005/08/29/ */
html, body {height:100%;}
#container {position:relative;min-height:100%;}
* html #container {height:100%;}
#content {padding-bottom:30px;}
#footer {margin-top:-40px;position:relative;}
*:first-child+html #footer {position:static;} /* reset needed as makes colour disappear in IE7 */

/* ==== INDEX PAGE ==== */
#consultant_box, #consul_box {width:360px;height:15em;padding:10px;float:left;margin:50px 0 0 40px;clear:right;}
#consultant_box h2, #consul_box h2{margin:0;text-align:right;}
#consultant_box {background:#FFFFFF;border:3px solid #004466;}
#consul_box {background:#fefcf7 url("../gfx/consul/bkgd.jpg") no-repeat;border:3px solid #339966;}
#footer {border-top:3px solid #004466;background:#b2b7c6;}
h2 {color:#004466;}
a {color:#004466;}
a:hover {color:#339966;}

#notice {width:370px;margin:130px 0 0 40px;clear:right;border:3px solid #660033;padding:5px;}
#notice p {margin:0;}