html 
{
 height: 100%;
}

* 
{
 margin: 0;
 padding: 0;
}

body 
{
 font-size: .80em;
 font-style: normal;
 font-family: 'trebuchet ms', arial, sans-serif;
 background-color: #F0EFE2;
 color: #777;
}

p 
{
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 20px;
 padding-left: 0;
 line-height: 1.7em;
}

img 
{
 border-width: 0;
}

h1, h2, h3, h4, h5, h6 
{
 font-size: 175%;
 font-style: normal;
 font-family: 'century gothic', arial, sans-serif;
 color: #43423F;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 15px;
 margin-left: 0;
 padding-top: 15px;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
}

h2 
{
 font-size: 175%;
 font-style: normal;
 font-family: 'century gothic', arial, sans-serif;
 color: #33CCFF;
}

h3 
{
 font-size: 155%;
 font-style: normal;
 font-family: 'century gothic', arial, sans-serif;
}

h4, h5, h6 
{
 margin: 0;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
 font-size: 120%;
 font-style: normal;
 font-family: arial, sans-serif;
 color: #CC33CC;
}

h5, h6 
{
 font-size: 95%;
 font-style: italic;
 font-family: arial, sans-serif;
 color: #000;
}

h6 
{
 color: #362C20;
}

a, a:hover 
{
 outline-style: none;
 text-decoration: underline;
 color: #3333FF;
}

a:hover 
{
 text-decoration: none;
}

blockquote 
{
 margin-top: 20px;
 margin-right: 0;
 margin-bottom: 20px;
 margin-left: 0;
 padding-top: 10px;
 padding-right: 20px;
 padding-bottom: 0;
 padding-left: 20px;
 border-color: #E5E5DB;
 border-width: 1px;
 border-style: solid;
 background-color: #FFF;
}

ul 
{
 margin-top: 2px;
 margin-right: 0;
 margin-bottom: 22px;
 margin-left: 17px;
}

ul li 
{
 list-style-type: circle;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 6px;
 margin-left: 0;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 4px;
 padding-left: 5px;
}

ol 
{
 margin-top: 8px;
 margin-right: 0;
 margin-bottom: 22px;
 margin-left: 20px;
}

ol li 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 11px;
 margin-left: 0;
}

.left 
{
 float: left;
 width: auto;
 margin-right: 10px;
}

.right 
{
 float: right;
 width: auto;
 margin-left: 10px;
}

.center 
{
 display: block;
 text-align: center;
 margin-top: 20px;
 margin-right: auto;
 margin-bottom: 20px;
 margin-left: auto;
}

#main, #logo, #menubar, #site_content, #footer 
{
 margin-left: auto;
 margin-right: auto;
}

#header 
{
 background-color: #404040;
 border-bottom-color: #FFF;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 height: 250px;
}

#logo 
{
 width: 829px;
 position: relative;
 height: 178px;
 background-image: url(logo.png);
 background-repeat: no-repeat;
}

#logo #logo_text 
{
 position: absolute;
 top: 25px;
 left: 0;
}

#logo h1, #logo h2 
{
 font-size: 300%;
 font-style: normal;
 font-family: 'century gothic', arial, sans-serif;
 border-bottom-width: 0;
 text-transform: none;
 margin: 0;
}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover 
{
 padding-top: 22px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
 color: #CC33CC;
 letter-spacing: 0.1em;
 text-decoration: none;
}

#logo_text h1 a .logo_colour 
{
 color: #FFFFFF;
}

#logo_text h2 
{
 font-size: 100%;
 padding-top: 4px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
 color: #FFF;
}

#logo #contact_details 
{
 position: absolute;
 top: 60px;
 right: 65px;
}

#logo #contact_details p 
{
 text-align: center;
 padding: 0;
 line-height: 22px;
 font-size: 110%;
 color: #FFFFFF;
}

#menubar 
{
 width: 875px;
 height: 71px;
 padding-top: 0px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0px;
 border-color: #6A6A6A;
 border-width: 1px;
 border-style: solid;
 border-bottom-width: 0;
 background-image: url(menu.png);
 background-color: #555;
 background-repeat: repeat-x;
}

ul#menu 
{
 float: left;
 margin: 0;
 padding: 0;
}

ul#menu li 
{
 float: left;
 margin-top: 0px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
 padding-top: 0px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0px;
 list-style: none;
}

ul#menu li a 
{
 letter-spacing: 0.1em;
 font-size: 100%;
 font-style: normal;
 font-family: 'trebuchet ms', arial;
 display: block;
 float: left;
 height: 38px;
 padding-top: 28px;
 padding-right: 22px;
 padding-bottom: 4px;
 padding-left: 22px;
 text-align: center;
 color: #CC33CC;
 text-transform: uppercase;
 text-decoration: none;
 border-right-color: #6A6A6A;
 border-right-width: 1px;
 border-right-style: solid;
 background-color: transparent;
}

ul#menu li a:hover, ul#menu li.selected a, ul#menu li.selected a:hover 
{
 color: #FFF;
}

#site_content 
{
 width: 845px;
 overflow: hidden;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding-top: 25px;
 padding-right: 20px;
 padding-bottom: 20px;
 padding-left: 33px;
 background-image: url(content.png);
 background-color: #FFF;
 background-repeat: repeat-y;
}

.sidebar 
{
 float: right;
 width: 190px;
 padding-top: 0;
 padding-right: 15px;
 padding-bottom: 20px;
 padding-left: 15px;
}

.sidebar ul 
{
 width: 178px;
 padding-top: 4px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
 margin-top: 4px;
 margin-right: 0;
 margin-bottom: 30px;
 margin-left: 0;
}

.sidebar li 
{
 list-style: none;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 7px;
 padding-left: 0;
}

.sidebar li a, .sidebar li a:hover 
{
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 35px;
 display: block;
 background-image: url(link.png);
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: left center;
}

.sidebar li a.selected 
{
 color: #444;
}

#content 
{
 text-align: left;
 width: 590px;
 padding: 0;
}

#content ul 
{
 margin-top: 2px;
 margin-right: 0;
 margin-bottom: 22px;
 margin-left: 0px;
}

#content ul li 
{
 list-style-type: none;
 background-image: url(bullet.png);
 background-repeat: no-repeat;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 6px;
 margin-left: 0;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 4px;
 padding-left: 25px;
 line-height: 1.5em;
}

#footer 
{
 width: 878px;
 font-size: 100%;
 font-style: normal;
 font-family: "lucida sans unicode";
 height: 33px;
 padding-top: 24px;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
 text-align: center;
 background-image: url(menu.png);
 background-color: #555;
 background-repeat: repeat-x;
 color: #FFF;
 text-transform: uppercase;
 letter-spacing: 0.1em;
}

#footer a 
{
 color: #FFF;
 text-decoration: none;
}

#footer a:hover 
{
 color: #FFF;
 text-decoration: none;
}

.search 
{
 color: #5D5D5D;
 border-color: #BBB;
 border-width: 1px;
 border-style: solid;
 width: 134px;
 padding: 4px;
 font-size: 100%;
 font-family: arial, sans-serif;
}

.form_settings 
{
 margin-top: 15px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
}

.form_settings p 
{
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 4px;
 padding-left: 0;
}

.form_settings span 
{
 float: left;
 width: 200px;
 text-align: left;
}

.form_settings input, .form_settings textarea 
{
 padding: 5px;
 width: 299px;
 font-size: 100%;
 font-family: arial;
 border-color: #E5E5DB;
 border-width: 1px;
 border-style: solid;
 background-color: #FFF;
 color: #47433F;
}

.form_settings .submit 
{
 font-size: 100%;
 font-family: arial;
 border-width: 1px;
 border-style: solid;
 width: 99px;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 212px;
 height: 33px;
 padding-top: 2px;
 padding-right: 0;
 padding-bottom: 3px;
 padding-left: 0;
 cursor: pointer;
 background-color: #3B3B3B;
 color: #FFF;
}

.form_settings textarea, .form_settings select 
{
 font-size: 100%;
 font-family: arial;
 width: 299px;
}

.form_settings select 
{
 width: 310px;
}

.form_settings .checkbox 
{
 margin-top: 4px;
 margin-right: 0;
 margin-bottom: 4px;
 margin-left: 0;
 padding: 0;
 width: 14px;
 border-width: 0;
 background-image: none;
}

.separator 
{
 width: 100%;
 height: 0;
 border-top-color: #D9D5CF;
 border-top-width: 1px;
 border-top-style: solid;
 border-bottom-color: #FFF;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 20px;
 margin-left: 0;
}

table 
{
 margin-top: 10px;
 margin-right: 0;
 margin-bottom: 30px;
 margin-left: 0;
}

table tr th, table tr td 
{
 background-color: #3B3B3B;
 color: #FFF;
 padding-top: 7px;
 padding-right: 4px;
 padding-bottom: 7px;
 padding-left: 4px;
 text-align: left;
}

table tr td 
{
 background-color: #F4F4EE;
 color: #47433F;
 border-top-color: #FFF;
 border-top-width: 1px;
 border-top-style: solid;
}
