/*===== Default styles =====*/

* {
	margin:0;
	padding:0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#2c2f31;
	background-color:#f7f6fb;
	background-image:url("/gfx/background.gif");
	background-position:center;
	background-repeat:repeat-y;
}

h1 {
	font-size:2em;
	color:#6a2e92;
	margin:20px 0 0;
	font-weight:bold;
	line-height:1em;
	letter-spacing:-1px;
}

h2 {
	font-size:1.17em;
	color:#2c2f31;
	font-weight:bold;
	text-transform:uppercase;
	margin:0.5em 0;
}

h3 {
	color:#2c2f31;
	font-weight:bold;
	font-size:1.17em;
}

h4 {
	color:#17467e;
	margin-bottom:5px;
	font-size:1em;
}

img {
	border:0;
}

p {
	margin:0 0 1.12em 0;
	line-height:1.5em;
}

a {
	color:#6a2e92;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.hr {
	height:1px;
	line-height:1px;
	margin:20px 0;
	clear:both;
	border-bottom:1px #2c2f31 dotted;
}

.spacer {
	height:1px;
	line-height:1px;
	margin:20px 0;
	clear:both;
}

.cleaner {
	height:1px;
	line-height:1px;
	clear:both;
}

.cleaner20 {
	height:20px;
	line-height:20px;
	clear:both;
}

.hidden {
	display:none;
}

.size1 { font-size: 75% !important; }
.size2 { font-size: 90% !important; }
.size3 { font-size: 100% !important; }

.section ul, .lastsection ul, #error ul {
	margin:1em;
	margin-left:40px;
	line-height:1.5em;
}
	
.section ol, .lastsection ol {
	margin:1em;
	margin-left:40px;
	line-height:1.5em;
}

.section ul li, .lastsection ul li, #error ul li {
	list-style-image:url("/gfx/bullet.gif");
}
.section {
	border-bottom:1px dotted #2c2f31;
	padding:20px 0 10px;
}

.lastsection {
	padding:20px 0 10px;
}

/*===== Layout etc =====*/

#header {
	margin:0 auto;
	width:980px;
	height:120px;
	background-image:url("/gfx/header.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
}

	#logo {
		position:absolute;
		bottom:23px;
		left:16px;
	}

	#navigation ul {
		position:absolute;
		right:0;
		bottom:0;
		list-style: none;
		z-index:1;
	}
	
		#navigation ul li {
			float:left;
		}
		
			#navigation ul li a {
				display:block;
				background-color:#6a2e92;
				color:#fff;
				font-weight:bold;
				text-decoration:none;
				text-align:center;
				font-size:1.17em;
				padding:0 18px;
				line-height:35px;
				border-right:1px solid #fff;
			}
			
			#navigation ul li a.last {
				border:none;
			}
			
			#navigation ul li a:hover {
				background-color:#8b59a4;
			}
			
			#navigation ul li a.on {
				background-color:#fff;
				color:#6a2e92;
			}

	#signupLabel {
		position:absolute;
		top:20px;
		left:240px;
		font-weight:bold;
		color:#6a2e92;
	}
	
	#signupName {
		position:absolute;
		top:35px;
		left:240px;
		border:1px solid #ccc;
		padding:2px;
		width:151px;
		height:14px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#2c2f31;
	}
	
	#signupEmail {
		position:absolute;
		top:35px;
		left:410px;
		border:1px solid #ccc;
		padding:2px;
		width:151px;
		height:14px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#2c2f31;
	}
	
	#signupButton {
		position:absolute;
		top:35px;
		left:580px;
	}
	
	#searchLabel {
		position:absolute;
		top:20px;
		left:753px;
		font-weight:bold;
		color:#6a2e92;
	}
	
	#search {
		position:absolute;
		top:35px;
		left:753px;
		width:183px;
		height:14px;
		border:1px solid #ccc;
		padding:2px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#2c2f31;
	}
	
	#searchButton {
		position:absolute;
		top:37px;
		left:945px;
	}
	

#mainContainer {
	margin:0 auto;
	width:940px;
	padding:20px;
}
	
	#breadcrumbs {
		height:18px;
		padding:6px 0;
		background-color:#f7f6fb;
		background-image:url("/gfx/youAreHere.gif");
		background-position:left top;
		background-repeat:no-repeat;		
	}

		#youAreHere {
			float:left;
			font-weight:bold;
			height:18px;
			line-height:18px;
			padding-left:10px;
			width:105px;
			color:#fff;
		}
	
		#breadcrumbs ul {
			float:left;
			list-style:none;
			height:18px;
			line-height:18px;
		}
	
		#breadcrumbs li {
			float:left;
			height:18px;
			line-height:18px;
			padding:0 10px;
			background-image:url("/gfx/bullet2.gif");
			background-position:20px 4px;
			background-repeat:no-repeat;
			border-left:1px solid #a4ba0e;
		}
		
		#breadcrumbs li.first {
			border:none;
		}
		
		#breadcrumbs a {
			color:#a4ba0e;
		}

	.bg {
		margin-top:20px;
		background-image:url("/gfx/mainBg.gif");
		background-position:left top;
		background-repeat:repeat-y;			
	}
		
	#leftNav {
		width:190px;
		float:left;
		border-top:4px solid #a4ba0e;
	}
	
	#leftNav li {
		list-style:none;
		padding:15px 15px 15px 30px;
		background-image:url("/gfx/menuBullet.gif");
		background-position:12px 19px;
		background-repeat:no-repeat;	
		border-bottom:1px dotted #6a2e92;
		font-weight:bold;
	}
	
	#leftNav li.on {
		background-image:url("/gfx/menuBulletOn.gif");
	}
		
		#leftNav li ul li {
			padding-left:15px;
			padding-right:0;
			padding-bottom:0;
			border:none;
			font-weight:normal;
			background-position:0 19px;
		}
		
	
	#middle {
		float:right;
		width:725px;
		border-top:4px solid #a4ba0e;
	}
			
#footer {
	margin:0 auto;
	width:980px;
}
	
	#sitemap {
		background-image:url("/gfx/sitemap.gif");
		background-repeat:repeat-y;
	}

	#sitemap ul {
		float:left;
		width:163px;
	}
	
	#sitemap ul.last {
		width:165px;
	}
	
	#sitemap ul li {
		list-style:none;
		padding:12px 20px;
		background-image:url("/gfx/sitemapTop.gif");
		background-repeat:no-repeat;
		background-position:left top;
	}
	
	#sitemap ul li a {
		font-weight:bold;
		color:#2c2f31;
	}
	
	#sitemap ul ul li {
		padding:5px 20px;
		background-image:none;
	}
	
	#sitemap ul ul li.last {
		padding-bottom:10px;
	}
	
	#sitemap ul ul li a {
		font-weight:normal;
		color:#6a2e92;
	}
	
	#sitemap ul ul ul {
		display:none;
	}

	#ribbon {
		background-color:#6a2e92;
		height:50px;
		width:980px;
		clear:both;
		color:#fff;
	}
	
	#ribbon a {
		color:#fff;
	}
	
	#ribbon .left {
		float:left;width:300px;height:50px;line-height:50px;padding-left:20px;text-align:left;
	}
	
	#ribbon .right {
		float:right;width:300px;height:50px;line-height:50px;padding-right:20px;text-align:right;font-size:0.83em;
	}
	
	#ribbon img {
		vertical-align:middle;
		padding-bottom:5px;
	}