body{
margin: 0 auto;
padding: 0;
color: #333;
background: #302340;
font-size: 14px;
font-family:"lucida sans unicode", Arial, Helvetica, Sans-serif;
}

h1, h2, h3 {
font-family:  "trebuchet ms", arial, verdana;
letter-spacing: 0.07em;
}
h1, h2, h3, h4 {
margin: 0;
}
p {
font-family:"lucida sans unicode", Arial, Helvetica, Sans-serif;
font-size: 13px;
}
ol, ul{
margin-bottom: 10px;
}
blockquote {
font-family: trebuchet ms, myriad, arial, verdana;
}
ul {
list-style: square;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 1em;
padding-left: 1em;
}
img {
border: 0;
}
a{ background: transparent; font-weight: normal; text-decoration: none; color: #466C93; }
a:hover { background: transparent; font-weight: normal; text-decoration: underline; color: #201034; }
a:active{ background: transparent; font-weight: normal; text-decoration: none; color: #466C93; }
.spacer {
clear: both;
}
#wrapper {
margin: 20px auto 0 auto;
width: 643px;
color: #000;

}
#container{
float: left;
margin-top: -20px;
padding: 0;
width: 643px;
background: #fff url(http://www.imogenmccallum.com/images/site/header.jpg) no-repeat;
position: relative;
z-index: 3;
}
.spacer {
clear: both;
}

/*---------------------------navigation---------------------------------------*/

#header{
float: right;
background: #302340;
width: 364px;
position: relative;
z-index: 4;
}
#navbar {
margin: 0;
padding: 0;
font-size: 14px;
text-align: center;
font-family: trebuchet ms, myriad, arial, verdana;
}
#navbar ul {
list-style: none;
}
#navbar li {
float: left;
display: block;
padding: 0 10px;
margin-left: 5px;
list-style: none;
background: #CDDBF3;
}
#navbar li a {	
display: block; 
padding: 0.2em 0 0.25em; 
color: #000;
font-weight: normal;
text-decoration: none;
}
#navbar a:hover {
display: block; 
text-decoration: underline;
color: #000;
}

/*---------------------------leftcolumn---------------------------------------*/
#left{
float: left;
width: 280px;
margin: 150px 0px 0 40px;
padding: 0 20px;
}
#left p{
padding: 0 5px;
}
#left h3{
padding: 10px 5px 0px 5px;
margin-bottom: -10px;
font-size: 18px;
color:#466C93;
}
#left h4{
color:#000;
font-size: 12px;
padding: 10px 0 0 5px;
margin-bottom: -10px;
}
#left h5{
color:#000;
font-size: 12px;
padding: 5px;
margin: 0;
}
#note{
padding: 5px;
margin: 0 0 10px 0;
background: #ECE6DE;
}
#bd{
padding: 5px;
margin: 0 0 10px 0;
background: #CFC2D0;
}
#smudge{
padding: 5px;
margin: 0 0 10px 0;
background: #CDDBF3;
}
/*---------------------------rightcolumn---------------------------------------*/
#right{
float: left;
width: 250px;
margin: 135px 0 0 0;
padding: 0;
font-size: 12px;
line-height: 18px;
}
.thumbnail{
float: left;
padding: 3px 5px 0 0;
margin: 0;
}

/*---------------------------bottomsection---------------------------------------*/
#bottom{
float: left;
background: transparent url(http://www.imogenmccallum.com/images/site/footerbg.png) no-repeat bottom left;
width: 643px;
padding: 20px 0 90px 0;
}
.more{
padding: 0 0 10px 40px;
}

#bottom h3{
padding: 15px 0 0 15px;
margin: 0;
color: #D54FA2;
}
#bottom p{
margin: 0;
padding: 5px 0 60px 15px;
}
#col1{
float: left;
width: 175px;
margin: 0 10px 0 65px;
padding: 0;
background:#F8E2EF;
}
#col2{
float: left;
width: 175px;
margin: 0 10px 0 0px;
padding: 0;
background:#F8E2EF;
}
#col3{
float: left;
margin: 0;
padding: 0;
width: 175px;
background: #F8E2EF;
}
/*---------------------------footer---------------------------------------*/

#footer {
float: left;
width: 643px;
margin:0;
padding: 0;
background: #CDDBF3;
height: 35px;
}
#footer p{
font-size: 11px;
padding:10px 0 10px 0;
margin: 0;
text-align: center;
}