body,html {
background-color:#000000;
color:#FFFFFF;
font-family:"arial", sans-serif;
font-size:10pt;
margin:0;
padding:0;
}

img {
border-width:0px;
}

select, input {
background:#410066;
color:#FFFFFF;
border:1px solid #FFFFFF;
}

blockquote {
border:1px solid #FFFFFF;
padding-left:5px;
padding-right:5px;
color:#FFFFFF;
background-color:#000000;
}

h1 {
font-family:"arial", serif;
font-size:3em;
text-align:center;
letter-spacing:0.3em;
border-bottom:3px solid #FFFFFF;
border-top:3px solid #FFFFFF;
border-left:3px solid #FFFFFF;
border-right:3px solid #FFFFFF;
background-color:#7800B6;
}

h2 {
background-color:#7800B6;
font-family:"arial", serif;
font-size:2em;
text-align:center;
letter-spacing:0.3em;
border-bottom:2px solid #FFFFFF;
border-top:2px solid #FFFFFF;
border-left:2px solid #FFFFFF;
border-right:2px solid #FFFFFF;
margin-top:3em;
}

h3 {
font-family:"arial", serif;
font-size:2em;
background-color:#7800B6;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
}

h4 {
font-weight:bold;
font-size:1em;
margin-bottom:0;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
background-color:#7800B6;
}

td {
font-size:inherit;
font-family:inherit;
padding:0.5em;
}

hr {
color:#FFFFFF;
background:#FFFFFF;
height:1px;
width:100%;
border:0;
}

a:link, a:visited {
color:#7800b6;
text-decoration:none;
}

a:active, a:hover {
color:#7800B6;
text-decoration:line-through;
}

#header {
width:100%;
text-align:center;
margin:0;
padding:0;
position:relative;
}

#banner {
margin:auto;
width:900px;
height:300px;
background:url("http://www.joeyandjolty.co.uk/bannerbiftystyle2.png");
text-indent:-1000em;
}

#banner h1 {
margin:0;
color:#FFFFFF;
}

#container {
position:relative;
width:100%;
}

#content {
margin-left:160px;
margin-right:160px;
padding:1em;
text-align:justify;
}

#leftmenu {
position:absolute;
top:0px;
left:0;
width:160px;
border-right:1px solid #ffffff;
border-left:1px solid #ffffff;
border-bottom:1px solid #ffffff;
border-top:1px solid #ffffff;
}

#leftmenu ul {
margin:0;
padding:0;
list-style-type:none;
background-color:#000000;
}

#leftmenu ul li {
padding-left:0;
background-color:#7800B6;
border-top:1px solid #ffffff;
}

#leftmenu ul li a {
font-weight:bold;
font-family:"arial", sans-serif;
margin:0;
padding:0.2em 1em;
text-decoration:none;
color:#000000;
}

#leftmenu ul li a:hover, #leftmenu ul li a:active {
color:#FFFFFF;
}

#leftmenu ul li ul {
padding-bottom:0;
border-top:1px solid #FFFFFF;
}

#leftmenu ul li ul li {
list-style-type:circle;
margin:0;
display:inline;
background-color:transparent;
border:0;
}

#leftmenu ul li ul li a:link, #leftmenu ul li ul li a:visited {
background-color:#000000;
display:block;
font-weight:normal;
font-variant:normal;
padding:0.2em 1em;
color:#FFFFFF;
font-family"arial", sans-serif;
}

#leftmenu ul li ul li a:active, #leftmenu ul li ul li a:hover {
color:#ffffff;
background-color:#090082;
text-decoration:none;
}

#rightmenu {
position:absolute;
top:0;
right:1px;
width:160px;
border-right:1px solid #ffffff;
border-left:1px solid #ffffff;
border-bottom:1px solid #ffffff;
border-top:1px solid #ffffff;
}

#rightmenu ul {
margin:0;
padding:0;
list-style-type:none;
background-color:#000000;
}

#rightmenu ul li {
padding-left:0;
background-color:#7800B6;
border-top:1px solid #ffffff;
}

#rightmenu ul li a {
font-weight:bold;
font-family:"arial", sans-serif;
margin:0;
padding:0.2em 1em;
text-decoration:none;
color:#000000;
}

#rightmenu ul li ul {
padding-bottom:0;
border:0;
border-top:1px solid #FFFFFF;
}

#rightmenu ul li ul li {
list-style-type:circle;
margin:0;
display:inline;
background-color:transparent;
border:0;
}

#rightmenu ul li ul li a:link, #rightmenu ul li ul li a:visited {
background-color:#000000;
display:block;
font-weight:normal;
font-variant:normal;
padding:0.2em 1em;
color:#FFFFFF;
font-family"arial", sans-serif;
}

#rightmenu ul li ul li a:active, #rightmenu ul li ul li a:hover {
color:#ffffff;
background-color:#090082;
text-decoration:none;
}

#updates {
width:100%;
text-align:center;
}

#updates h2 {
background-color:#7800B6;
color:#FFFFFF;
font-weight:bold;
padding:0.2em 1em;
text-align:center;
width:90%;
margin:auto;
margin-top:0;
margin-bottom:0;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
font-size:1em;
font-family:verdana, sans-serif;
letter-spacing:0;
}

#updates .updatetext {
background-color:#000000;
text-align:left;
width:90%;
margin:auto;
margin-top:0;
padding:0.1em 1em;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}


legend {
color:#FFFFFF;
}

code {
font-family:"courier";
}