body{
padding: 0em;
margin: 0px;
color: #394149;
background-color: #A9B1CD;
}

.title, h1, h2, h3 {
font-family: sans-serif;
font-style: italic;
}

p{
text-align: justify;
text-indent: 1em;
}

#portrait{
clear: left;
float: left;
}

.info{
clear: both;
float: left;
text-align: center;
width: 50%;
}

.maintext{
background: #F9F9FB;
padding: 1em 2em;
margin: 0px;

border: #394149;
border-style: solid;
border-width: 2px 1px 0px 1px;
}

a{
color: #596595;
border-style: solid;
border-width: 0px 0px 1px 0px;
}

a:hover, a:active{
color: #483270;
}

.background{
padding: 1em;
padding-left: 55%;
margin: 0em;
}

ul{
margin: 0px;
padding-left: 2em;
}

li{
text-align: left;
list-style: circle;
list-style-position: outside;
}

li li{
list-style: none;
}

.header{
margin: 2em 1em;
}

h1{
font-size: 3em;
padding-left: 1em;
background: url('http://www.sarahktyler.com/seperator.gif')  no-repeat center left;
margin: 0em;
}

.logo{
clear: both;
text-align: center;
}


h3{
border-width: 1px 0px;
border-style: solid;
border-color: #535E69;
background-color: #DCDFE8;
padding-left: .5em;
margin-bottom: .3em;
}

h4{
margin-bottom: 0px;
}

.details{
float: right;
font-weight: normal;
padding-right: 1em;
}

.name{
font-style: italic;
}

.propername{
color: #505586;
font-style: oblique;
}

.footer{
display: none;
}

.menu li{
display: inline;
margin: 2px;

position: relative;
bottom: 2em;

font-weight: bold;
}

.menu ul{
float: right;
font-family: sans-serif;
}

.menu a{
text-decoration: none;
border-style: none;

text-decoration:none;
padding: .5em;

background: #FFF;
border-style: solid;
border-width: 2px;
border-color: #394149;
}

.menu li a:hover, .menu li a:active{
background: #ECEFF9;
color: #595381;
}

h4 a{
border-style: none;
}

.office{
float: left;
width: 50%;
}