/* CSS Document */

/* Helpers and base rules */

img	{
	border: 0;
	}

p.access	{
	display: none;
	}

img.counter	{
	display: inline;
	margin-left: 5px;
	}
	
img.title	{
	margin-bottom: 5px;
	margin-top: 5px;
	}

img.mainbodytitle	{
	margin-bottom: 8px;
	}	
	
img.maintitle	{
	margin-top: 20px;
	margin-bottom: -5px;
	}
	
img.logo	{
	margin-top: 30px;
	}

body {
	background:  url(images/nav/mainback.gif) top left repeat-y;
	font-family:sans-serif, Helvetica, Arial, Verdana;
	margin: 0;
	padding: 0;
}

/* Typography */

h1, h2, h3 {
	font-weight: normal;	
	line-height: 18px;	
}

h1 {
	font-family:Helvetica, Helvetica Neue, sans-serif;
	color:#CC0000;
	font-size:.9em;
	margin-top: 0px;
	margin-bottom:1px;
}

h2 {
	font-family: Helvetica, Helvetica Neue, sans-serif;
	font-size:.7em;
	margin-top: 0px;
	color:#555555;
}

h3 {
	font-family: Helvetica, Helvetica Neue, sans-serif;
	font-size:.6em;
	color:#999999;
	margin-top: 20px;
}

h4 {
	font-family: Helvetica, Helvetica Neue, sans-serif;
	font-size:.65em;
	color:#999999;
	margin-top: 5px;
	margin-bottom: 5px;
}

h5 {font-family: Helvetica, Helvetica Neue, sans-serif;
	font-size:.9em;
	margin-top: 0px;
	color:#555555;
	
}

h6 {
	
	color:#CC0000;
	font-weight:bold;
}

	
/* Linkology */

a:link, a:visited, a:active {
	color:#CC0000;
	text-decoration:none;
}	

a:hover {
	text-decoration:underline;
	color:#CC0000;
}

/* Layout */

#banner {
	padding: 0;
	margin: 0;
	background: url(images/banner-back.gif) top left repeat-x;
	width: 800px;
}

#wrapper {
	width: 800px;
	margin: 0;
	padding: 0;	
	margin-top: 0;

}

#content {
	margin-top: 20px;
	margin-left:-10px;
	padding-right: 20px;
	float:left;
	width: 480px;
	border-right: 1px solid #FF9999;
}



#spreadcon {
	border-bottom: 1px solid #FF9999;
	margin-top: 0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom: 20px;
	padding-bottom: 8px!important;
	padding-bottom: 0px;
	width: 480px;
}

#spreadconbottom {
	margin-top: 0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom: 20px;
	padding-bottom: 8px;
	width: 480px;
}


#resulttitle {
	border-bottom: 1px solid #FF9999;
	margin-bottom: 20px;
	margin-left:0px;
	margin-right:0px;
	width: 480px;
}

#result {
	border-bottom: 1px solid #FF9999;
	margin-bottom: 20px;
	padding-bottom: 20px!important;
	padding-bottom: 10px;
	margin-left:0px;
	margin-right:0px;
	width: 480px;
}

#result h2 {
	font-family: Helvetica, Helvetica Neue, sans-serif;
	font-size:.7em;
	margin-top: 0px;
	color:#555555;
	margin-left: 20px;
}

#boxad {
	margin: 0 auto;
	width:470px;
	clear:both;
	}

#boxadleft {
	margin: 0;
	padding: 0;
	width:120px;
	float:left;
	}
	
#boxadright {
	margin: 0;
	padding: 0;
	width:220px;
	}
	

#adverts {
	border: 0px;
	margin-top:0px;
	float:right;
	clear:right;
	width: 160px;
}

#advert {
	margin-top: 20px;
	width: 160px;
	border-bottom: 1px solid #FF9999;
}



#footer {
	width: 670px;
	padding: 0;
	margin-left: 120px;
	clear:both;
}

/*  Vertical nav */

#menu {
	background:  url(images/nav/menuback.gif) top left no-repeat;
	float: left;
	width:110px;
	margin: 0;
	border: none;	
	padding-left: 20px;
	}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}

#menu ul li {
	display:block;
	float: left;
	padding: 0;
	margin: 0;
	background: url(images/option-back.gif) top left no-repeat;
	}

#menu ul li a {	

	width: 80px;
	height: 23px;
	padding: 0;
	margin: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: left;
	font-family: Helvetica, Helvetica Neue, sans-serif;
	font-weight: normal;
	line-height: 23px;
	font-size:    .7em;      
	voice-family: "\"}\"";   
	voice-family: inherit;
	}

#menu ul li a:hover {
	color: #fff;
	text-decoration:underline;
	background: url(images/option-back-over.gif) top left no-repeat;
	}

#menu a:active	{
	background: url(images/option-back-active.gif) top left no-repeat;
	color: #fff;
	}