/* bfbf02style.css */

/* whole document*/
body
{
text-align: center;
border: none;
color: #363f62;
font-family: verdana;
font-size: 12px;
}

/* removes any keylines from images*/
img
{
border: 0px;
}

/* This floats the key image on each page to the right and lets the text flow round it, works well unless the image is bigger in which case have taken it off for the main image */
.floatright
{
float: right;
width: 200px;
margin: 0 0 10px 10px;
}

#wrapper
{
margin-left: auto;
margin-right: auto;
width: 50em;
text-align: left;
width: 910px;
height: 101%;
}

#header
{
margin:0 auto;
width:910;
height:120px;
}

/* top nav bar */

/* the box it is in */
#menu
{
background-color:white;
width:910px;
height:30px;
margin: 0;
padding: 0;
border: none;
}

#menu ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#menu li
{
float: left;
margin: 0;
padding: 0;
border: none;
}

#menu a
{
display: block;
margin: 2px 2px;
padding: 5px;
border: none;
background: #cdcdd6;
text-decoration: none;
color: black;
font-size: 12px;
}

#menu a:hover
{
background: yellow;
}

#page
{
background-color:#E0DFEE;
overflow: auto;
width: 100%;
}

#leftcolumnnav
{
background-color:#E0DFEE;
float:left;
width:160px !important; /*moz width - Moz puts padding outside the box*/
width:180px; /*IE width - IE puts padding inside the box*/
margin: 0px;
padding: 10px;
border: none;
}

#leftcolumnnav ul
{
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}

#leftcolumnnav li
{
float: left;
margin: 0px;
padding: 0px;
border: none;
}

#leftcolumnnav a
{
display: block;
height:18px;
width:150px !important; /*moz width - Moz puts padding outside the box*/
width:160px; /*IE width - IE puts padding inside the box*/
margin: 2px 0px;
padding: 5px;
border: none;
background: #cdcdd6;
text-decoration: none;
color: black;
font-size: 12px;
}

#leftcolumnnav a:hover
{
background: yellow;
}

#middlecolumn
{
background-color:#E0DFEE;
float:left;
width:570px !important; /*moz width - Moz puts padding outside the box*/
width:590px; /*IE width - IE puts padding inside the box*/
margin: 0px;
padding: 10px;
border: none;
font-size: 10px;
}

#rightcolumn
{
background-color:#E0DFEE;
float: right;
width:140px !important; /*moz width - Moz puts padding outside the box*/
width:140px; /*IE width - IE puts padding inside the box*/
margin: 0px;
padding: 0px;
border: none;
valign: top;
}

#footer
{
background: url(images/template/footerbackground.gif) no-repeat left top;
width:910px;
height:30px;
margin: 0;
padding: 0;
border: none;
}

#footer ul
{
list-style: none;
margin: 0;
padding-left: 10px;
list-style: none;
}

#footer li
{
float: left;
}

#footer li
{
display: block;
margin-top: 4px;
margin-right: 4px;
padding: 4px 15px 4px 15px;
background: #cdcdd6;
text-decoration: none;
color: black;
font-size: 12px;
border: none;
}

#footer a
{

text-decoration: none;
color: black;
font-size: 12px;
}

/*
#footer a
{
display: block;
margin: 2px 2px;
padding: 5px;
border: none;
background: #cdcdd6;
text-decoration: none;
color: black;
font-size: 12px;
}
*/



#footer a:hover
{
background: yellow;
}



/* to put the white space across the bottom of the page */
#footer2
{
background: none;
width:910px;
height:10px;
}