/* CSS Document */


body {
	margin:10px;
	padding:10px;
	background:#3A403C;
	color:#FFF;
	text-align:center;/*centre for ie5 */
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;
}
#container {
	width:697px;
	background:#3A403C;/*this colour will be left column colour */
	margin:auto;/* centre for compliant browsers*/
	text-align:left;
}
#header {
	height:80px;
	padding-bottom: 5px;
	border-bottom: 2px ridge #888888;
	background:#3A403C;
}
#left {
	margin-left:-129px;/*must be 1 pixel less than width */
	float:left;
	width:130px;/* this width is the same as the margin on #middle */
	position:relative;
	left:-2px;/* line it up exactly without losing pressure on footer*/
}
#left p {padding-left:5px}
#middle {
	background:#1D2120;/* background colour of right column */
	margin:10px 0 10px 130px;/*this is the space for the left column */
}
#inner{
	width:100%;
	float:left;
	margin-right:-1px;
	background:#1D2120;
}/* contain cleared elements from clearing other floats*/
#inner p{
	padding:0 15px 0 0;
	color:#ccd2c6;
}
#footer {
	clear:both;
	height:50px;
	background:#3A403C;
	text-align:center;
	
}
h1,h2,h3,p {margin-top:0}

/* clear without structural mark-up from PIE website*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

 /* mac hide \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End hide */
/* do not change or amalgamate clearfix styles*/

/*FONT STYLES*/
h2{
	font-family: "Tahoma", Verdana, Arial, sans-serif;
	font-size:7pt;
	color:grey;
	padding:0;
}
#inner h2{	padding:15px 0 0 0;}
h3{
	font-family: "Tahoma", Verdana, Arial, sans-serif;
	font-size:7pt;
	margin:0 0 7px 0;
	padding-left:7px;
	color:grey;
	border-left:4px solid orange;
}
.orange{color:orange;}

/*Formatting Styles*/
.leadIn{
	font-size:11px;
	color:#9a9d8a;
	margin-top:7px;
}
#inner img{
	margin:0 0 0 -1px;
}
.borders{
	border-top: 2px ridge #647768;
	border-bottom: 2px ridge #647768;
	padding: 5px 0;
	margin:15px 0;
}
.borderBottom{
	border-bottom: 2px ridge #647768;
	padding-bottom: 0 0 5px 0;
}
.featureCell{
	vertical-align:top;
	border-right:2px ridge #647768;
}
#footerFeature td{
	margin-right:15px;
	text-align:left;
}
#footerFeature {
	border-top: 2px ridge #647768;
	border-bottom:2px ridge #647768;
	padding: 7px 0;
	margin-bottom:15px;
}
.padleft{
	padding-left:15px;
}
.padright{
	padding-right:15px;
}
#content{
	margin-left:15px;
}
.padbottom{
	padding-bottom:5px;
}

/*Navigation styles*/
#navcontainer { width: 115px; }

#navcontainer ul{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
}
#navcontainer li{
	padding-bottom: 3px;
	border-bottom: 1px groove #647768;
}
#navcontainer a{
	display: block;
	padding: 1px 3px 1px 3px;
	width: 105px;
	border-left:4px solid #647768;
	margin:3px 0;
}

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

#navcontainer a:hover{
	background-color: #444E47;
	color: #fff;
	border-left:4px solid white;
}
a:link, a:active, a:visited{
	color:#9a9d8a;
	text-decoration:none;
}
a:hover{
	color:white;
}
#inner a{color:orange;}
#inner a:hover{color:white;}
#footer a{color:orange;}
#footer a:hover{color:white;}