/* tw11style.css */

/* whole document*/
body
{
text-align: center;
border: none;
color: #363f62;
background-color: #F2F2F2;
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%;
}

/* to put the white space across the top of the page plus a curved top to the wrapper */
#top
{
background: none;
width:910px;
height:20px;
margin: 0;
padding: 0;
border: none;
}

#header
{
background: none;
margin:0 auto;
width:910;
}

#headerlean
{
margin:0 auto;
width:910;
height:20px;
}

/* top nav bar */

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

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

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

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

#menu a:hover
{
background: yellow;
}

#page
{
background: none;
overflow: auto;
width: 100%;
}

#leftcolumnnav
{
background-color: none;
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:14px;
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: url(images/template/topbuttonbackground2.gif);
text-decoration: none;
color: black;
font-size: 12px;
}

#leftcolumnnav a:hover
{
background: yellow;
}

#middlecolumn
{
background-color: none;
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
{
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: none;
width:910px;
height:40px;
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: 1px;
padding: 4px 2px 4px 2px;
background: none;
text-decoration: none;
color: black;
font-size: 12px;
border: none;
}

#footer a
{
text-decoration: none;
color: black;
font-size: 10px;
}

#footer a:hover
{
background: yellow;
}

/*
 dark background #cdcdd6
 light background #E0DFEE */