/* CSS Document */
/*inserted the fix but it doesn't work, Does it need to go in a separate CSS?*/
[if lt IE8]>
	<style type="text/css">
	li a {display:inline-block;}
	li a {display:block;}
	</style>
	<![endif]
	
body {
	background-image:url(b-g-gradient.jpg);
	background-repeat:repeat-y;
	background-color:#d5b024;
	width:100%;
	}
	
a {
	color:#FFF;
	text-decoration:none;
	}
	
a:hover {
	border-bottom:1px solid;
	color:#9343B9;
	}
	
#wrapper1 {
	margin-top:+30px;
	position:relative;
	text-align:left;
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	background-color:#Ffffff; /*nav area background color*/
	}
	
#leftcol { 
	position:relative;
	top:-10px;
	left:-10px;
	float:left;
	width:141px;
	margin-left:90px;
	background-color:#FFffff; /*left column background color*/
	z-index:100;/*it doesn't make any difference if this is out or in*/	
	}

.leftcolhead h1{font-family:Arial, Helvetica, sans-serif;
	color:#AAA353;
	font-size:11px;
	font-weight:normal
	}
		
#wrapper2 {
	position:relative;
	text-align:left;
	width:100%;
	background-color:#FFFFff; /*content area background color*/
	}
	
#header {
	background-color:#FFFFff; /*header area background color*/
	margin:0;
	z-index:98;
	}
	
#header a:hover {
	color:#7A2875;
	}

#nav {
	margin:0;	
	}
	
#maincol {
	position:relative;
	margin:0;
	padding:10px;
	}

#rightcol {
	position:relative;
	top:40px;
	right:-10px;
	float:right;
	width:200px;
	margin-right:30px;
	background-color:#ffffff; /*right column background color*/
	z-index:99;
	}
	
.rightcolhead{height:20px;
}
	
.rightcolhead h1{font-family:Arial, Helvetica, sans-serif;
	color:#AAA353;
	font-size:11px;
	font-weight:normal
	}

#rightcol p{font-family:Arial, Helvetica, sans-serif;
	color:#AAA353;
	font-size:11px;
	font-weight:normal;
	}
	
#centercol {
	position:relative;
	padding:0 240px;
	margin-right:20px;
	margin-left:10px;
	}
	
#centercol h1{font-family:Arial, Helvetica, sans-serif;
	color:#aaa353;
	font-size:12px;
	font-weight:lighter;
	}

#centercol p{font-family:Arial, Helvetica, sans-serif;
	color:#040404;
	font-size:12px;
	font-weight:lighter;
	}

#centercol a {
	color:#666;
	}
	
#centercol a:hover {
	border-bottom:1px solid;
	color:#9343B9;
	}
	
#footer {
	position:relative;
	top:1px;
	background-color:#ffffff; /*footer area background color*/
	width:100%;
	height:19px;
	clear:both;
	margin:0;
	border-bottom:#FFFFFF 1px solid;
	}	
	
	#wrapper1 #wrapper2 #maincol #leftcol .leftcolcontent {
	position: relative;
	top: -90px;
}