/* CSS Document 
from: http://www.dynamicdrive.com/style/layouts/item/css-fixed-layout-31-fixed-fixed-fixed/
*/

body{
margin:0;
padding:0;
line-height: 1.5em;
}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
height: auto; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
z-index:10;
}

#contentcolumn{
margin: 0 225px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
text-align:left;
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
z-index:1;
}

#rightcolumn{
float: left;
width: 225px; /*Width of right column*/
margin-left: -225px; /*Set left margin to -(RightColumnWidth)*/
z-index:0;
/*border:#FFFFFF 1px solid;*/
}

#rightcolumn h2{
	margin-bottom:0px;
}

.righttitle{
	padding-top:50px;
	color:#EEEEB7;
}
.centretitle{
	margin-bottom:-15px;
	margin-top:-10px;
	color:#EEEEB7;
}
#footer{
clear: left;
width: 100%;
text-align: center;
padding: 4px 0;
font-size:10px;
}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* menu */
#navlist {
	padding: 0;
	padding-top:50px;
	margin-left: 0;
	width: 120px;
}

ul#navlist li {
	list-style: none;
	margin: 0px;
	border: 0px;
	display: block;
	width: 120px;
}

ul#navlist li a {

	font-size:12px;
	display: block;
	width: 120px;
	height:100%;
	padding: 2px 0px 2px 8px;
	border: 0px;
	margin:0;
	padding-left: 35px;
	background-image:url(../Fwks/menu-equine-grey.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
	text-decoration: none;
	font-weight:normal;
	text-align: left;
}

ul#navlist li a:link { 
	display: block;
	width: 100%;
	}

ul#navlist li a:hover, ul#navlist li#active a {
	background-position:0 5px;
	background-repeat:no-repeat;
	border-color: #660034;
}