/***************************************************
British Mac Lists css layout, last update 14.01.2009
***************************************************/

body{
font: normal 100.1%/1.3em arial, helvetica, sans-serif;
word-spacing: 0.1em;
margin: 0;
padding: 0;
}

html, body {
height: 100%;
}

#maincontainer{
width: 960px; /*Width of main container*/
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -30px; /* this bottom margin is -ve of height for #footer */
margin-bottom: 0.1pt;
}

#header{
background: #d3d3d3;
height: 90px; /* sets height for top section */
margin-left: 200px;
}

#header h1{
margin: 0;
padding-top: 15px;
font-size: 2.5em;
color: #fff;
}

#contentwrapping{
float: left;
width: 100%;
}

#goodbye{
/* background: yellow; */
padding-top: 10em;
}

/****************************
main area code begins
****************************/

#mainarea{
background-color: #fff;
margin-left: 200px; /* ensure this margin-left matches the width of #leftcolumn */
}

#mainarea h3{
padding: 1.5em;
font-size: 1.2em;
color: #ffffff;
background-color: #d3d3d3;
}

#mainarea a:link{
color: #808080;
}

#mainarea a:visited{
color: #696969;
}

#mainarea a:hover{
background-color: #ff0;
}

#mainarea li {
margin-top: 2em;
list-style-type: disc;
color: #808080;
}

#mainarea ul ul li {
margin-top: 1em;
list-style-type: none;
color: black;
}

#mainarea dl {
line-height: 1em;
color: #000;
}

#mainarea dt {
line-height: 1.75em;
font-size: 1.1em; 
font-weight: bold;
}

/*************************
left column begins
*************************/

#leftcolumn{
float: left;
width: 200px; /* width of #leftcolumn */
margin-left: -960px; /* ensure that margin-left is -ve of width for #maincontainer */
background-color: #fff;
color: #000;
}

#leftcolumn h2{
color: white;
text-align: center;
background-color: #d3d3d3;
margin-top: 0;
padding: 4px;
}

#leftcolumn h3{
font-size: 14px;
margin-left: 1px;
margin-bottom: 0;
}

/***************
#leftcolumn li{
list-style-type: none;
margin-top: 1.3em;
font-size: 0.8em;
}

#leftcolumn a:link{
color: #fff
}

#leftcolumn a:visited{
color: #fff
}

#leftcolumn a:hover{
color: #ff0;
}

#menu {
padding: 0;
margin: 0;
}
******************/

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#navcontainer li { margin: 0 0 5px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #333;
width: 160px;
color: white;
background-color: #d3d3d3;
}

#navcontainer a:link, #navlist a:visited
{
color: #eee;
text-decoration: none;
}

#navcontainer a:hover
{
border: 1px solid #333;
background-color: yellow;
color: black;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: white;
color: black;
}




/***********************
footer begins
***********************/

#footer, #flatten {
height: 40px; /* #footer and #flatten must both be the same height */
}

#footer{
clear: left;
background: #d3d3d3;
font-size: 0.7em;
text-align: right;
margin: 0 auto;
padding: 4px 0;
width: 960px;
}

#footer a:link{
color: #000
}

#footer a:visited{
color: #000
}

#footer a:hover{
color: #ff0;
}

.contentpadding{
margin: 10px; /* provides padding inside each area */
margin-top: 0;
}