/* style-main-01 */

body
{
color: #363f62;
font-family: verdana;
font-size: 12px;
text-align: center;
}

/* 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;
}

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

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

#header
{
}

#menu
{
background-color: #cdcdd6;
width: 910px;
height: 30px;
border-top: 1px solid;
border-color: black;
margin: 0;
padding: 0;
}

#menu ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
font-size: 12px;
}

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

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

#menu a:hover
{
background: yellow;
}

#page
{
overflow: auto;
width: 100%;
border-top: 1px solid;
border-color: black;
}

#lcol
{
background-color: none;
float: left;
width: 195px;
}

#lcol
{
width: 174px !important; /*moz width - Moz puts padding outside the box*/
width: 195px; /*IE width - IE puts padding inside the box*/
padding: 10px;
border: none;
}

#lcol ul
{
list-style: none;
margin: 10px 0px;
padding: 0px;
border: none;
font-size: 13px;
}

#lcol a
{
display: block;
height:15px;
width:165px !important; /*moz width - Moz puts padding outside the box*/
width:175px; /*IE width - IE puts padding inside the box*/
margin: 2px 0px;
padding: 1px 1px 1px 10px;
border: none;
background: #cdcdd6;
text-decoration: none;
color: black;
font-size: 11px;
}

#lcol a:hover
{
background: yellow;
}

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

tr
{
font-size: 10px;
}

#rcol
{
background-color: none;
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-color: none;
width: 910px;
border-top: 1px solid;
border-color: black;
font-size: 10px;
}

#footer ul li
{
list-style: none;
display: inline;
margin: 0px;
padding: 2px;
font-size: 10px;
}

#footer ul a
{
text-decoration: none;
border-left: 1px solid;
padding-left: 8px;
}

#footer a:hover
{
font-weight: bold;
}