body {
background-color: #330066;
font-family: verdana, "comic sans ms"; 
font-color: #330066;
}

.floatleft 
{
margin-right: .6em;
float: left;
vertical-align: middle;
}

.floatright 
{
margin-left: .6em;
float: right;
}

.floatcenter
{
float: center;
}

.clearer
{
clear: both;
}


div.mainbody  							/* this is the main green frame within which everything else sits*/
{
text-align: center;
background-image: url('images/stitch.jpg');
background-position: 50% 30px;
background-repeat: no-repeat;
border-right: #dddddd 5px ridge;
padding-right: 2px;
border-top: #dddddd 5px ridge;
padding-top: 195px;
border-left: #ffffff 5px ridge;
padding-left: 2px;
border-bottom: #ffffff 5px ridge;
padding-bottom: 2px;
margin: 15px 5% 10px;
background-color: #699935;
}



div.mainheader							/*This is the main header containing the main image and titles*/
{
height: 180px;
background-image: url('images/stitch.jpg');
background-position: 50% 10px;
background-repeat: no-repeat;
padding-right: 2px;
border-right: #699935 1px solid;
padding-top: 2px;
border-top: #699935 1px solid;
padding-left: 2px;
border-left: #699935 1px solid;
padding-bottom: 20px;
border-bottom: #699935 1px solid;
margin: 2px 2px 10 px 2px;
background-color: #699935;
}

div.indexlogo							/*This is the main header containing the main image and titles*/
{
height: 205px;
/*background-image: url('images\logo.jpg');*/
background-position: 50% 10px;
background-repeat: no-repeat;
padding-right: 2px;
border-right: #699935 1px solid;
padding-top: 2px;
border-top: #699935 1px solid;
padding-left: 2px;
border-left: #699935 1px solid;
padding-bottom: 2px;
border-bottom: #699935 1px solid;
margin: 2px 2px 5px 2px;
background-color: #699935;
}



div.mainimage							/*This is the div for the main images*/
{
padding-right: 2px;
border-right: #699935 1px solid;
padding-top: 2px;
border-top: #699935 1px solid;
padding-left: 2px;
border-left: #699935 1px solid;
padding-bottom: 5px;
border-bottom: #699935 1px solid;
margin: 2px 2px 2px;
background-color: #699935;
}

div.navbar							/*This sets the div for the navigation bar*/
{
width: 700px;
position: relative;
padding-right: 2px;
border-right: #330066 2px ridge;
padding-top: 2px;
border-top: #330066 2px ridge;
padding-left: 2px;
border-left: #9966cc 2px ridge;
padding-bottom: 5px;
border-bottom: #9966cc 2px ridge;
margin: 2px 10% 2px 10%;
background-color: #996699;
}

div.enter							/*This sets the div for the navigation bar*/
{
position: relative;
padding-right: 2px;
border-right: #330066 2px ridge;
padding-top: 2px;
border-top: #330066 2px ridge;
padding-left: 2px;
border-left: #9966cc 2px ridge;
padding-bottom: 5px;
border-bottom: #9966cc 2px ridge;
margin: 2px 33% 2px 33%;
background-color: #996699;
}


div.arrows							/*This sets the div for the navigation arrows for B&W images*/
{
padding-right: 2px;
padding-top: 5px;
padding-left: 2px;
padding-bottom: 2px;
margin: 2px 25% 2px;
background-color: #606060
}

div.colarrows							/*This sets the div for the navigation arrows for colour images*/
{
padding-right: 2px;
padding-top: 5px;
padding-left: 2px;
padding-bottom: 2px;
margin: 2px 25% 2px;
background-color: #699935;
}

div.bodytext							/*This sets the div for the main body text*/
{
padding-right: 2px;
padding-top: 2px;
padding-left: 2px;
padding-bottom: 2px;
margin: 2px 10% 5px;
background-color: #699935;
}

div.bodytextleftcol						/*This sets the div for the main body text*/
{
float: left;
width: 30%;
padding-right: 2px;
padding-top: 2px;
padding-left: 2px;
padding-bottom: 2px; 
margin: 1px 0px 1px 5%;
background-color: #699935;
}


div.bodytextrightcol							/*This sets the div for the main body text*/
{
float: right;
width: 30%;
padding-right: 2px;
padding-top: 2px;
padding-left: 2px;
padding-bottom: 2px;
margin: 1px 8% 1px 0px;
background-color: #699935;
}

div.footer							/*This sets the div for the footer text*/
{
padding-right: 2px;
padding-top: 2px;
padding-left: 2px;
padding-bottom: 2px;
margin: 2px 10% 5px;
background-color: #699935;
}		
	
h1 {color: black; font-weight: normal;  font-size: 3em; text-align: center}	/*These are the various font attributes*/
h1.white {color: #ffffff; font-weight: normal;  font-size: 3em; text-align: center}
h2 {color: #330066; font-weight: normal;  font-size: 2em; text-align: center}
h2.smaller {color: #330066; font-weight: normal;  font-size: 1em; text-align: center}
h3 {position: relative; color: #330066; font-weight: normal;  font-size: 1em; text-align: left}
h3.center {Margin: 0; color: #330066; font-weight: normal;  font-size: 1em; text-align: center}
h3.bold {color: gray; font-weight: bold;  font-size: .8em; text-align: left}
h3.text {color: gray; font-weight: normal;  font-size: .8em; text-align: left}
h3.purple {color: #996699; font-weight: bold;  font-size: 1em; text-align: center}
h4 {color: #330066; font-weight: normal;  font-size: .66em; text-align: center}
h4.left {color: #330066; font-weight: normal;  font-size: .66em; text-align: left}
h4.gray {color:gray; font-weight: normal;  font-size: .66em; text-align: center}
h5 {color:#330066; font-weight: normal;  font-size: .66em; text-align: center}
h5.left {color:#330066; font-weight: normal;  font-size: .66em; text-align: left}

p, h1, h2, h3, h4, h5
{
position: relative;
}


ul								/*This sets the navbar list to center with no bullets*/
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
} 

ul.links								/*This sets the links list to left with no bullets*/
{
margin: 0;
padding: 0;
list-style-type: disc;
text-align: left;
} 


ul.prog								/*This sets the programme list to left with no bullets*/
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
} 

#navlist li								/*This sets the navbar list to horizontal*/
{
Font-size: 1em;
margin: 0;
padding: 1.4em;
display: inline;
list-style-type: none;
text-align: center;
}




p.normal								/*This sets the normal paragraph attributes*/
{
color:#330066; 
font-size: 1em; 
font-weight: normal; 
text-align: left;
}

p.smallertext								/*This sets slightly smaller text paragraph attributes*/
{
color:#330066; 
font-size: .8em; 
font-weight: normal; 
text-align: left;
}

p.center								/*This sets the normal paragraph attributes to justify center*/
{
color:#330066; 
font-size: 1em; 
font-weight: normal; 
text-align: center;
}

a:link.download     {color:#330066}					/*This sets the attributes for the menu links (gray rollover darker gray)*/
a:visited.download  {color:#330066}
a:hover.download     {color:#675e99}

a:link.menu     {color:#330066}					/*This sets the attributes for the menu links (gray rollover darker gray)*/
a:visited.menu  {color:#330066}
a:hover.menu    {color:#675e99}

a:link.special      {color:red}						/*This is an alternative link set (red rollover magenta)*/
a:visited.special {color:red}
a:hover.special  {color:magenta}

a {text-decoration: none; font-weight: normal}				/*This sets all links to no-underline*/