body 

{/*Body background,colour,text positioning*/


background-image: url(pics/DABackground2.jpg);
background-repeat: no-repeat;
background-color: rgb(23,14,199);
color: rgb(123,0,177);
  

text-align:left;

margin-left:0.5px;

margin-right:0.5px;

margin-top:5px;

margin-bottom:-.05cm;

position:relative;
}


div#outer 

{

background-image: url(pics/test.jpg);
background-repeat: no-repeat;
background-color: rgb(208,227,249);

width: 760px;
margin-top:-.3cm;
margin-bottom:0.05px;

margin-left: auto;

margin-right: auto;

border: thin solid  rgb(102,102,204);
position:relative;
}





div#mid 

{

background-image: url(pics/test2.jpg);
background-color: rgb(255,255,255);

background-repeat: no-repeat;
width: 665px;
margin-top:5.5cm;
position:relative;
padding:15px;
margin-bottom:0.05px;

margin-left: auto;

margin-right: auto;

border: thin solid  rgb(255,255,255);

}





a 
{
color: rgb(0,51,153);
text-decoration : none;
padding:1px;
}

v 
{
color: rgb(0,51,153);
text-decoration : none;
padding:1px;
}

a:hover 
{
color: rgb(123,0,177); 
background-color: rgb(237,212,239);

padding:1px;
}








.center
{
text-align:center;
}







.submenu

{

text-align:right;

color: rgb(0,0,205);
font-size:9pt


}


.WebsiteDesign
{
color: rgb(102,102,255);
font-size:12pt;
}


.contact

{

width: 400px;
margin-left: auto;

margin-right: auto;

}









.break

{/*stabilises layout between flames and pillars*/
clear: left;

clear: right;

}




.left

{/*Positions pillar*/


float:left;

left:25px;


}




.right

{
float:right;
padding:5px;
position:relative;
}



.logo{
float:right;
padding:5mm;
}