/*The section below sets the 'base layer' area behind the buttons */

#Buttons
{
float:left;
width: 170px;
margin: 0px;
border: 0px solid;
background-color:transparent;
}

/*The section below stops bullets appearing (list-style: none;) and sets the outer margins around the blue areas (not the bits between the blue areas*/

#Buttons ul 
{
list-style: none;
margin-top:110px;
padding-left: 10px;
}

/*The section below sets the properties for the color of the button text and the white space between the blue areas (border-bottom) */

#Buttons li
{
width:150px;
margin: 0;
list-style-type: none;
display: block;
border-bottom: 3px solid white;
color: white;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif ;
font-size:0.95em; 
}


 
#Buttons li a 
{
height: 20px;
text-decoration: none;
text-align:left;
padding: 3px 3px;
padding-left: 10px ;
display: block;
color: white;
background-color: #003399;
}

/*The section below sets the properties for how the blue areas look when the mouse is hovered over them*/
			
#Buttons a:hover
{
color: black;
background-color: #FFCC00;
width: 139px ;
padding-left: 8px;
font-family: Arial, Helvetica, sans-serif ;
font-size:1.1em;
position: relative;
right: -3px; 
}