body
{
background-color:#F0F8F8;
color:#0A4552;
}

.image {
   position: relative;
   width: 100%; /* for IE 6 */
}

#divborder 
{
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:auto;
width:850px;
background-color:white;
text-align:center;
border-style: solid;
border-width: 1px;
border-color: #000000;
}

#logomainpage 
{
border:0; 
padding:5px; 
background-color:white;: relative;
width: 90%;
}

h1
{
text-align:justify;
font-family: arial;
font-size: 120%;
font-family: arial;
font-weight:bold;
color: #E61489;
}

h2 
{
   position: absolute;
   top:100px;
   left: 300px;
   width: 100%;
}

h2.text 
{ 
content: "01883 732302" 
}

#social
{
margin-left:600px;
margin-right:10px;
margin-top:20px;
margin-bottom:10px;
}

#awards
{
margin-left:250px;
margin-right:250px;
margin-top:20px;
margin-bottom:10px;
}

#divmainpictures
{
margin-top:30px;
margin-left:auto;
margin-right:auto;
}

#bigmap
{
margin-top:30px;
}


.spannavbutton
{
}

img.navbutton
{
height:28px;
width:100px; 

border-style: solid;
border-width: 1px;
border-color: #000000;
}

.spanpic
{
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
border-width:70px;
}



#accreditedgraphic
{
float: right;
}

.traineepics
{
height:300px;
float: right;
}

.graphics 
{
border:0; 
padding:5px; 
background-color:white;
}


.bookimg
{
border:0; 
padding:5px; 
background-color:white;
height:50px;
width:50px;
}


.wow 
{
font-family: arial;
font-weight:bold;
color: #E61489;
}

.sell
{
font-family: arial;
background-color:#1fd1d1;
background-image: url(../images/banner.gif); 
background-repeat: no-repeat; 
color: #ffffff;
width:730px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
border-style: solid;
border-width: 1px;
border-color: #000000;
}


.spandetails
{
margin-top:30px;
margin-left:50px;
margin-right:50px;
margin-bottom:30px;
background-color:white;
text-align:justify;
font-family: arial;
font-size: 75%;
}

.links
{
margin-top:30px;
margin-left:50px;
margin-right:50px;
margin-bottom:30px;
background-color:white;
text-align:center;
font-family: arial;
font-size: 75%;
}

.spandetails p.wow
{
text-align:center;
font-family: arial;
font-size: 160%;
color: #E61489;
}

.spandetails a.links
{
margin-top:30px;
margin-left:50px;
margin-right:50px;
margin-bottom:30px;
background-color:white;
text-align:left;
font-family: arial;
font-size: 75%;
}


.testimonials
{
margin-top:30px;
margin-left:50px;
margin-right:50px;
margin-bottom:30px;
background-color:white;
text-align:justify;
font-family: arial;
font-size: 75%;
font-style: italic;
}

table.coursetable 
{
width:100%;
border-width: 1px;
border-spacing: 0;
border-style: solid;
border-color: black;
border-collapse: collapse;
}

table.coursetable th 
{
border-width: 1px;
padding: 1px;
border-style: solid;
border-color: black;
}

table.coursetable td 
{
border-width: 1px;
padding: 5px;
border-style: solid;
border-color: black;
}

a:link    {color:blue;}
a:visited {color:blue;}
a:focus   {color:blue;}
a:hover   {color:gray;}
a:active  {color:gray;}




/* nav */
#navbar
{  
margin-left:55px;
margin-right:auto;
padding-top: 5px;
padding-bottom: 40px;
}


#nav 
{  
padding: 0px; 
list-style: none;  
z-index: 5;  
padding-left: 0px;
}



#nav ul 
{ 
list-style: none; 
padding: 0px;  
margin: 0px; 
z-index: 5;
}

#nav li 
{ 
float: left; 
position: relative; 
text-align: center; 
cursor: default; 
repeat-x; 
line-height:30px; 
height: 30px;
}

#nav li ul 
{ 
display: none; 
position: absolute; 
top: 100%;  
left: 0px; 
font-weight: normal; 
padding: 2px 0 2px 0; 
background-color: #F0F8F8;    
z-index: 100;  
width: 100px;
}

#nav li ul li 
{ 
display: block; 
float: none;  
text-align: left; 
background-color: #F0F8F8; 
border-bottom: 1px solid #ffffff;
}

/* link styles */
#nav a {
 font-weight: bold;
 text-decoration: none;
 font-size: 11px;
 color: #000000;
}

#nav li a {
 display: block;
 font-weight: bold;
 padding-left: 2px;
 padding-right: 2px;
}

#nav li ul li a {
 display: block;
 font-weight: bold;
 color: #000000;
}

#nav li a:hover {
 padding-left: 2px;
 padding-right: 2px;
 background-color:#F0F8F8; 
 repeat-x; 
 color: #000000;
}

#nav li ul li a:hover {
 background-color: #F0F8F8;
 color: #000000;
}

#nav li:hover ul, #nav li.over ul {
display: block;
z-index: 100;
}