/* CSS Document */
*{padding: 0;margin: 0; border: 0;
}

p { 
font-size: 90%;
font-family:arial; 
color:#848487;
line-height:1.25em;
margin-bottom: 10px;
margin-top: 4px
}

/* margin bottom of 5px */
/* margin-top: 4px */

body{
font-size: 90%;
font-family:Arial;
color:#999999;
text-align:center;
background-color: #F4ECF4;
}
/*background:#FFFFFF url(graphics/pat1.gif);    funky background image on your web page*/ 

/* if you want background colour specify it (background-color: #FF1111;) here if you want it white delete the background colour line */



/*heading*/

h1{
font-size: 200%;
font-family:verdana;
color:#B989BD;
margin-bottom:20px;
}

h2{
font-size: 175%;
font-family:verdana;
color:#B989BD;
}

h3{
font-size: 150%;
font-family:verdana;
color:#B989BD;
}

h4{
font-size: 125%;
font-family:verdana;
color:#B989BD;
}

h5{
font-size: 100%;
font-family:verdana;
color:#B989BD;
}

h6{
font-size: 95%;
font-family:verdana;
color:#B989BD;
}


/*container divs*/

#wrapper { 
width:780px;
margin: 0 auto;
background-color:#FFFFFF;
text-align: left;

   }
/*margin 0 auto brings it to be middle/centre of the page*/

#header {
height: 200px;
background:#FFFFFF url(graphics/header.gif);
border-bottom:1px solid #B989BD;
}

#navigation {
font-size: 100%;
font-family:verdana;
color:black;
width:780px;
margin:10px 5px 5px 5px; /*going from top right bottom to left*/
}

#navigation ul li a:link {
color: #6B6B6D;
padding: 5px;
border-bottom: none;
margin:10px 5px 5px 5px; /*going from top right bottom to left*/
}

#navigation ul li a:visited {
color: #B989BD;
padding: 5px;
border-bottom: none;
}

#navigation ul li a:hover {
color:#FFFFFF;
background-color:#B989BD;
padding: 5px;
border-bottom: none;
}

#navigation ul li a:active {
color: #666;
padding: 5px;
border-bottom: none;
}



#navigation li #on {
color:#FFFFFF;
background-color:#B989BD;
}

ul li {list-style-type: none;
display:inline;}
/*horizontal navigation*/

#content { 
padding: 10px;
background-color:#FFFFFF;
border-left:1px solid #B989BD;
margin:10px 5px 5px 10px;
width: 200px;
float: right;
}

#extra {
	width: 520px;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

#footer { 
clear: both;
border-top:1px solid 4C4C4E;
font-size:80%;
text-align: center;
color:#848487;
margin-bottom: 20px;
line-height:1.25em;   
}

img {
margin:10px 5px 5px;
}


/*link behaviour*/
a:link, a:visited, a:active { 
color:B989BD;
text-decoration: none;
}

a:hover, {
color:#0000FF;

}