html,body
{margin:0;padding:0}

body
{font: 76% arial,sans-serif;text-align:center}

div#container /*             */
{width:700px;margin:0 auto;} /* width sets overall width of page*/

p{margin:0 10px 10px}


p.image{text-align:center}

a /* link colour in main box  */
{display:block;
 color: #111; /* fd2 */
 padding:10px;}

div#header h1
{height:90px;line-height:90px;margin:0;
padding-left:10px;background: #FFFF33;color: #111;
border-top: 4px;
border-top: 4px solid #387A9B;
border-bottom: 5px solid #387A9B;}

h2
{font-size: 1.5em;padding: 10px;}

h3
{font-size: 1.2em;text-align: left;padding-left: 10px;}

div#container
{text-align:left;
background: #FFF url("images/header-base.gif") repeat-y;}

/* #navcontainer is the main box */

#navcontainer
{float:left;
background: #ffff33; /* background for this box */
width: 24%;
margin: 0 auto;
padding: 1.5em 0;
font-family: georgia, serif; /* button text style */
font-size: 11px;
text-align: center;
text-transform: lowercase;}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 70%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

/* this is button before hover */

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 0.5em; /*text position*/
border-width: 4px;	/* sets the borderwidth of the button*/
border-color: #fd1 #faab9c #111 #aaa; /* button top border, right, bottom, left  #ff1 #faab9c #111 #aaa*/
border-style: solid;
color: #111; /* button text   */
text-align: center;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #8f0; /* 800  */
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc; /*  */
}div#content p
{line-height:1.4
}



div#extra
{background:#FF8539;
text-align: center;
}

div#footer
{background: #333; color: #FFF;
list-style-type: none;
text-align: center;
}

div#footer p
{margin:0;padding:10px 10px;
list-style-type: none;
text-align: center;
}


div#content
{float:right;width:500px;
}

div#content a
{white-space:nowrap;
}

div#extra{clear:both;width:100%}