/*Main stylesheet
Created by AndrŽ Figueira
Created 07/02/2011
Edited 08/02/2011 @ 11:13
*/

html {
	background:url('backgrounds/light-grain.jpg') repeat;
	margin:0;
	padding:0;
}

body { margin:0; padding:0; background:url('backgrounds/vertical-grain.jpg') top repeat-x;}

h1 {
	font-size:20px;
	color:#006699;
	font-weight:normal;
	font-family:Georgia;
}

h2, h3 {
	font-size:20px;
	color:#006699;
	font-weight:normal;
	font-family:Georgia;
}

span.heading {
	font-size:20px;
	color:#006699;
	font-weight:normal;
	font-family:Georgia;	
}

hr {
	clear:both;
	border:none;
	border-top:1px solid #CCC;
	margin:10px 0;
}

.clear { clear:both;}

a {	color:#333;	text-decoration:none;}

#container {
	width:980px;
	background:#FFF;
	box-shadow:0 0 5px #777;
	-o-box-shadow:0 0 5px #777;
	-moz-box-shadow:0 0 5px #777;
	-webkit-box-shadow:0 0 5px #777;
	margin:0 auto;
}

#header { padding:20px;}

	a#logo {
	display:block;
	width:503px;
	height:75px;
	background:url('logo.jpg') no-repeat;
	float:left;
	}
	
	#header-information { float:right; width:360px; text-align:right;}
	
		#header-information span#info-number {
			display:block;
			font-size:36px;
			font-family:Georgia;	
			color:#006699;
		}
		
		#header-information a#info-email {
			display:block;
			font-size:18px;
			font-family:Georgia;	
			color:#C82424;
		}
		
		#header-information p#info-info {
			display:block;
			font-size:11px;
			font-family:Georgia;	
			color:#666666;
		}
		
ul#navigation {
	display:block;
	margin:0 20px 20px 20px;
	padding:0;
	list-style:none;
	clear:both;
	width:940px;
	float:left;
	background:url('navigation-sprite.jpg') repeat-x;

}

	ul#navigation li {
		display:block;
		margin:0;
		padding:0;
		list-style:none;
		float:left;
		background:url('nav-seperator.png') right no-repeat;
	}
	
		ul#navigation li.last { background:none;}

		ul#navigation li a {
			display:block;
			font-size:18px;
			padding:9px 17px;
			font-family:Georgia;	
			color:#FFF;
			text-shadow: 0 1px 1px #004D74;
		}
	
			ul#navigation a.active { background:url('navigation-sprite.jpg') bottom repeat-x; text-shadow: 0 1px 0 #6CA9C7; color:#333;}
			ul#navigation li a:hover { background:url('navigation-sprite.jpg') bottom repeat-x; text-shadow: 0 1px 0 #6CA9C7; color:#333;}
			
#banner {
	clear:both;
	height:262px;
	background:#A7A9AC;
	margin:0 20px;
	padding:10px 0 0 10px;
}

	#banner span {
		display:block;
		background:url('transparent.png') repeat;
		padding:10px 0 0 10px;
		color:#B9B9B9;
		font-size:22px;
		z-index:99;
		position:relative;
		width:910px;
		margin:-50px 0 0 0;
		height:36px;
	}

#left-column {
	width:630px;
	float:left;
	margin:0 0 20px 20px;
	font-family:Arial;
	font-size:14px;
	color:#666666;
}

p.intro { font-weight:bold;}

#right-column {
	width:290px;
	float:right;
	margin:0 20px 20px 0;
	font-family:Arial;
	font-size:14px;
	color:#666666;
}

	#information-box {
		margin:10px 0 10px 0;
		background:#E9E9E9;
		border:1px solid #E0E0E0;
		padding:10px;
		text-shadow:0 1px #FFF;
	}

		span.number-title {
			display:block;
			color:#C82424;
			font-size:17px;
			font-family:Georgia;	
		}

		span.number {
			display:block;
			color:#006699;
			font-size:36px;
			font-family:Georgia;	
		}

#footer {
	clear:both;
	background:#D3D3D3;
	padding:15px 20px;
	text-shadow:0 1px #FFF!important;
	font-family:Georgia;
}

	#footer ul {
		background:none;
		margin:5px 0 0 0;
		padding:0;
	}

		#footer ul li {
			background:none;
			margin:0 10px 0 0;
			padding:0;
		}

			#footer ul li a {
				background:none;
				margin:0;
				padding:0;
				font-size:11px;
				color:#006699;
				text-shadow:0 1px #FFF!important;
			}

				#footer ul li a:hover { background:none;}

					#footer ul#navigation { text-shadow:0 1px #FFF!important;}

a.red-link {
	display:block;
	color:#C82424;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 15px;
	background:url('icons/red-arrow.png') 0 2px no-repeat;
}

#minttwist {
	width:980px;
	margin:0 auto;
	text-align:right;
	font-family:Arial;
	font-size:11px;
	color:#393750;
	/*text-shadow:0 1px #C9C9C9;*/
    margin: auto;
    padding: 11px 0 0;
}

	#minttwist a {
		/*color:#666666;*/
	}


		#minttwist a#minttwist-logo {
			background:url('icons/minttwist.png') right no-repeat;
			height:20px;
			width:75px;
			text-align:left;
		}
		
p.info-box {
	background:#D2DEEB url('info-icon.jpg') 10px 10px no-repeat;
	border:1px solid #9CB0C3;
	font-size:13px;
	font-weight:bold;
	color:#577B9E;
	padding:15px 15px 15px 60px;
}

	p.info-box a {
		text-decoration:underline;
		color:#577B9E;
	}
	
ul.ticked-list {
	display:block;
	padding:0;
	margin:0;
}
	
	ul.ticked-list li {
		display:block;
		padding:0 0 15px 20px;
		margin:0;
		background:url('tick-icon.jpg') 0 4px no-repeat;
		color:#666666;
		font-size:14px;
	}

.portal { margin:0 0 10px 0;}
.portal p { margin:5px 0;}

	.portal a {	
		display:block;
		color:#006699; 
		border-top:1px solid #CCC;
		padding:5px 0 0 0;
	}
	
a.email { border-top:none; padding:0; display:inline;}

.staff-person {
	margin:0 0 15px 0;
}

.staff-person h2 {
	margin:0 0 10px 0;
}

.staff-person img {
	float:left;
	margin:0 10px 0 0;
	border:1px solid #00669C;
	box-shadow:0 0 5px #CCC;
	-webkit-box-shadow:0 0 5px #CCC;
	-moz-box-shadow:0 0 5px #CCC;
	-o-box-shadow:0 0 5px #CCC;
}

.staff-person span {
	display:block;
	margin:0 0 10px 0;
}

.right-info { 
	float:left;
	width:410px;
}

img.footer-logos {
	float:right;
	margin:-50px 0 0 0;
}

/*End Stylesheet*/

.question-answer {

}

.question-answer a.question {
	background:#006699;
	display:block;
	padding:10px;
	margin:0 0 10px 0;
	color:#FFF;
	font-size:20px;
}

.question-answer p {

}

.question-answer div {
	display:none;

}

.people-names a { text-decoration:underline;}

.people-column { float:left; width:40%;}