@charset "utf-8";
/* CSS Document */

a:link, a:visited {
	color: #cf0000;
	text-decoration: underline;
}
	.link { color: #cf0000; }

a:hover {
	text-decoration: none;
}
div {
	overflow: hidden;
}
.logo {
	background: url(../images/elements/logo_IPAF.gif) no-repeat;
	height: 150px;
}
.primaryContent {
	float: left;
	width: 560px;
}
.sideContent {
	float: right;
	width: 284px;
}
dl {
	float: left;
	width: 100%;
}
dt {
	clear: both;
	float: left;
	width: 110px;
}

dd {
	float: left;
	margin-left: 10px;
	width: 210px;
}


/* ****************************************
	COLOR STYLES
**************************************** */

h2 { font-size: 2em; margin-bottom: 15px; }
h3 { color: #333333; font-weight: normal; margin-bottom: 5px; }

.home h2 { color: #db001c; }
.campaign h2 { color: #fbc701; }
.education h2 { color: #53c2cd; }
h2.industry { color: #73913b; font-size: 2em; }
.about h2, h2.about { color: #bd2a1a; }
.facts h2, h2.facts { color: #f5ab00; }
.links h2 { color: #98d5f2; }
.contacts h2 { color: #a2b37d; }

.sideContent h2 { color: #333333; font-weight: bold; }

span.lines {
	display: block;
	float: left;
	height: 5px;
	margin:0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.sideContent span.lines {
	width: 284px;
}

.home .videoPanel span.lines { background-color: #c7d3b1; }
.home .panel span.lines { background-color: #e5aaa4; }
.home .panelThree span.lines { background-color: #de948c; }
.home .panelFour span.lines { background-color: #fbdd99; }
.education span.lines, .education .sideContent {
	background-color: #BCE5EC;
}
.industry span.lines, .industry .sideContent {
	background-color: #c7d3b1;
}
.about span.lines, .about .sideContent {
	background-color: #e5aaa3;
}
.facts span.lines, .facts .sideContent {
	background-color: #fbdd99;
}
.links span.lines, .links .sideContent {
	background-color: #d6eefa;
}



/* WRAPPER COLOURS */

.education .wrapper {
	background: url(../images/elements/bg_education.gif) repeat-y;
}
.industry .wrapper { 
	background: url(../images/elements/bg_industry.gif) repeat-y;
}
.about .wrapper {
	background: url(../images/elements/bg_about.gif) repeat-y;
}
.facts .wrapper { 
	background: url(../images/elements/bg_facts.gif) repeat-y;
}
.links .wrapper { 
	background: url(../images/elements/bg_links.gif) repeat-y;
}


/* ****************************************
	HOME
**************************************** */

.home #flashPanel {
	position: absolute;
	top: 187px;	
	_top: 200px;
}
.home #noFlash {
	background: #efeff0;
	border: 1px solid #b2b2b3;
	padding-top: 60px;
	padding-left: 100px;
	height: 142px;
	width: 426px;
}
	.home #noFlash img.logo {
		float: left;
		height: 91px;
		width: 91px;
		margin-right: 10px;
	}
	.home #noFlash p {
		float: left;
		font-size: 12px;
		margin-top: 5px;
		width: 240px;
	}
.home .content{
	background-color: #efeff0;
}
	.home .primaryContent {
		border-right: 1px solid #FFF;
	}
.primaryContent .info, .sideContent .info {
	float: left;
	padding: 15px;
	width: 254px;
}
.primaryContent .info {
background-color: #efeff0;
padding-right: 0;
width: 545px;
} 
.videoPanel .info .col1 {
	float: left;
	width: 327px;
}
.videoPanel .info .col2 {
	float: left;
	margin-left: 15px;
	width: 175px;
}
.videoPanel .thumbs {
	float: left;
	margin: 10px 15px 0 0;
}
	.videoPanel .thumbs img {
		height: 76px;
		width: 121px;
	}
.videoPanel .last { margin-right: 0; }

.info .col1 {
	float: left;
	width: 182px;
}
/*
	.col1 img {
		border: 1px solid #c9c9c9;
	}
*/
.info .col2 {
	float: left;
	margin-left: 15px;
	width: 329px;
}

.home .videoPanel, .home .panelThree, .home .panelFour {
	border-bottom: 1px solid #FFF;
	display: block;
	float: left;
}
.home .sideContent .panelFour img {
	vertical-align: middle;
}
.poll {
	float: left;
	width: 254px;
}
.poll input {
	margin-right: 0.5em;
	vertical-align: middle;
}
.poll li {
	color: #474748;
	text-decoration: none;
}
	.poll .btn {
		margin: 0.5em 2em;
	}
	.answer .poll li {
		float: left;
		display: block;
		width: 100%;
	}
	.answer .poll label {
		float: left;
		margin-right: 1em;
		width: 80px;
	}
	.answer .poll span {
		margin-left: 1em;
	}
	.answer .results {
		float: left;
		width: 60%;
	}
	.answer label {
		clear: both;
		float: left;
		width: 100px;
	}
.answer .results div {
background: url(../images/elements/img_poll_graph.gif) no-repeat 0;
float: left;
height: 7px;
margin: 0 0.5em 0 0;
padding-bottom: 7px;
} 
ul.poll li { overflow: auto; } 

/* ****************************************
	SECONDARY CONTENT
**************************************** */

.secondary .wrapper {
	float: left;
	display: block;
	min-height: 100%;
	margin: 0 auto;
}
	* html .secondary .wrapper {
		height: 100%;
	}

.secondary .primaryContent {
	background-color: #FFF;
	float: right;
	width: 560px;
}
.secondary .sideContent {
	border-right: 1px solid #FFF;
	float: right;
	padding-top: 5px;
	width: 284px;
}
.secondary .sideContent .panel {
	clear: both;
	float: left;
	border-bottom: 1px solid #FFF;
	width: 100%;
}
.secondary .primaryContent .panel {
	background-color: #efeff0;
}
.secondary .sideContent .panel ul, .links .primaryContent .panel ul {
	font-weight: bold;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.secondary .sideContent .panel li, .links .primaryContent .panel li  {
	background: url(../images/elements/btn_arrow.png) no-repeat 0px 0px;
	line-height: normal;
	padding-bottom: 3px;
	padding-left: 20px;
}
.secondary .sideContent li a, .links .primaryContent li a {
	color: #474748;
	text-decoration: none;
}
.secondary .sideContent li a:hover, .links .primaryContent li a:hover {
	text-decoration: underline;
}

.secondary .hero {
	margin-bottom: 1px;
	clear: both;
	height: 178px;
	width: 845px;
}
.paraHeading {
	font-weight: bold;
	margin-bottom: 0;
}
.secondary .primaryContent ul {
	margin: 0 0 0 12px;
	list-style-type: square;
}
.secondary .primaryContent .jcarousel-skin ul {
	list-style: none;
	margin: 0;
}


/* ****************************************
	HERO IMAGES
**************************************** */

.home .hero {
	background: #28282a;
	color: #FFF;
	clear: both;
	height: 286px;
	border-bottom: 1px solid #FFF;
	width: 845px;
}
	.home .hero .noFlash {
		position: absolute;
		width: 845px;
	}
	.home .hero .noFlash .info {
		float: left;
	}
	.home .hero .noFlash img {
		float: right;
		height: 286px;
		width: 409px;
	}
	.home .hero h1 {
		color: #BD2A1A;
		font-size: 40px;
		font-weight: normal;
		margin-bottom: 10px;
		padding: 75px 0 0 20px;
		width: 300px;
	}
	.home .hero p {
		font-size: 13px;
		padding-left: 20px;
		width: 350px;
	}

.secondary .hero {
	background: #57bdd3;
	border-bottom: 1px solid #FFF;
	clear: both;
	height: 178px;
	width: 845px;
}
	.secondary .hero .noFlash {
		position: absolute;
		width: 845px;
	}
	.secondary .hero .noFlash .info {
		float: left;
	}
	.secondary .hero .noFlash img {
		float: right;
		height: 178px;
		width: 410px;
	}
	.secondary .hero h1 {
		color: #FFF;
		font-size: 40px;
		font-weight: normal;
		margin-bottom: 10px;
		padding: 0px 0 0 20px;
		width: 300px;
	}
	.secondary .hero p {
		font-size: 13px;
		padding-left: 20px;
		width: 350px;
	}

/* ****************************************
	EDUCATION SECTION
**************************************** */
.education .hero {
	color: #FFF;
}

.education .hero h1 {
	font-size: 40px;
	font-weight: normal;
	margin-bottom: 5px;
	padding: 30px 0 0 20px;
	width: 300px;
}
.education .hero p {
	font-size: 13px;
	padding-left: 20px;
	width: 350px;
}
.education #flashPanel {
	position: absolute;
	top: 187px;
	_top: 200px;
}