/* Basic Default Styles */
body {
        font: 12px Verdana;
        color: #000;
        background: #AABBCC;
        background: #DFE3BA;
        margin: 10px 0px 10px 0px;
        padding: 0;
        text-align:center;/* center layout in ie5 and 5.5. */
}
em {
        color: #A03E19;
        font-style: normal;
        font-weight: bold;
}
li {
        margin: 5px 0 0 0;
}
h1,h2,h3,h4,h5 {
        color: #A03E19;
        font: "Trebuchet MS", Verdana;
        margin: 0;
}
h1 {
        font-size: 48px;
        margin: 0 0 15px 0;
}
h2 {
        font-size: 36px;
        margin: 0 0 10px 0;
}
h3 {
        font-size: 22px;
        margin: 0 0 5px 0;
}
h4 {
        font-size: 18px;
        margin: 0 0 5px 0;
}
h5 {
        font-size: 16px;
        margin: 0 0 5px 0;
}
.centred {text-align: center;}
.lefted {text-align: left;}
.righted {text-align: right;}
.seventyfivepercent {width: 75%}
#container {
        width: 840px;
        margin: 0px;
        margin-left: auto;
        margin-right: auto;
        background-color: #D6DBDE;
        background-color: #E7E7EF;
        background-color: #FFFBFF;
        background-color: #F7F3F7;
        border: 1px solid #000;
        text-align:left;
}
#content {
        margin: 10px;
}
#nav{
        width:600px;
        margin-left:auto;
        margin-right:auto;
}
#nav ul, #nav li {
        margin:0;
        padding:0;
        list-style:none;
}
#nav li{
        float:left;
        width:100px;
        height:22px;
        line-height:22px;
        background:url(../images/roll-up.jpg) no-repeat left top;
}
#nav a{
        display:block;
        width:100px;
        height:22px;
        background:url(../images/roll-down.jpg) no-repeat left top;
        text-decoration:none;
        font-size:x-small;
}
#nav a:hover{background:transparent;}