/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/
* {padding:0;margin:0;}
body {
background: #000099 url(images/back.png) top center repeat-x; 
margin: 0;
padding: 0;
font: normal 8pt/13pt verdana, arial,sans-serif;
}

#wrapper {
margin: 0 auto;
width: 800px;
padding: 0;
text-align: left;
}

/**************************************************/
/*                                       Top Piece                                        */
/**************************************************/

#top {
background: url(images/bgtop.png) top center no-repeat; 
width: 800px;
height: 78px;
}

/**************************************************/
/*                                       Content                                             
another wrapper that holds all the content                              */
/**************************************************/

#content {
background: url(images/bgmiddle.png) center repeat-y; 
width: 766px;
height: 100%;
padding: 0px 17px 0px 17px;
}

/**************************************************/
/*                               All the content                                        */
/**************************************************/

#header {
background: url(images/header.png) top center no-repeat; 
width: 746px;
height: 106px;
margin: 0px 0px 10px 0px;
padding: 20px 0px 20px 20px;
color: white;
text-align: ;
}
#header h1{font-size: 3em;}
#header p{font-size: 2.5em;margin:15px;}
/*                    Menu                   */
#menu {
width: 200px;
height: 100%;
margin-left: 10px;
float: left;
text-align: left;
}

#menu li a {
height: 37px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 29px;
text-decoration: none;
text-align: left;
}	
	
#menu li a:link, #menu li a:visited {
color: navy;
display: block;
background:  url(images/off.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}
	
#menu li a:hover {
color: blue;
background:  url(images/on.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}	

ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

#stuff {
background:  url(headback.jpg) top left repeat-x;
width: 520px;
margin: 0px 0px 0px 220px;
padding-top: 55px;
border: 2px navy;
}
#stuff h2 {line-height:1.2em;}
#stuff p {padding:7px;}
.titlelist a:link {text-decoration: none;}
img {
border: none;
} 

/**************************************************/
/*                                       Bottom                                             */
/**************************************************/

#bottom {
background: url(images/bgbottom.png) bottom center no-repeat; 
width: 800px;
height: 50px;
text-align:right;
}
#foot{clear:both;text-align:right;padding-right:25px;}
#bottom p{padding-right:40px;}
#colours{background:white;width:120px;}
#colours ul{margin:0;padding:0;list-style-type:none;}
#colours ul a{display:block;width:100px;height:40px;line-height:40px;text-decoration:none;margin:10px}
#red a{background:red;color:red;}
#orange a{background:orange;color:orange;}
#yellow a{background:yellow;color:yellow;}
#green a{background:green;color:green;}
#blue a{background:blue;color:blue;}
#violet a{background:violet;color:violet;}
#indigo a{background:indigo;color:indigo;}
.clear {clear:both;}
.comment {font-style:italic;border:1px dashed blue;}