/****************************************
*     
* Syncrude Aboriginal Review CSS
* Karo Design	
* Written By: Justin Luk
* Started: March 5th 2007
*
****************************************/

/*-- BASIC ELEMENTS ----------------------------*/
body {
	background: #d5d7be;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
}
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}


/*-- IDs ---------------------------------------*/
#container {
	background: #d5d7be url(../../images/content-bg.jpg) repeat-y;
	width: 982px;
	margin: 0 auto;
	text-align: left;
}
#header {
	background: #d5d7be url(../../images/banner.jpg) no-repeat;
	width: 982px;
	height: 85px;
}
#nav {
	float: right;
	font-size: 10px;
	margin: 5px 5px 0 0;
	font-weight: 600;
}
	#nav li {
		display: block;
		float: left;
		border-right: #c3c6a4 1px solid;
		padding-top: 15px;
	}
	#nav a {
		color: #c9ccae;
		text-decoration: none;
		height: 18px;
		line-height: 1.7em;
		display: block;
		padding: 0 5px;
		float: left;
	}
	#nav a:hover {
		color: #fff;
		background: #c1c5a2;
	}
	#nav .selected {
		color: #fff;
		background: #c1c5a2;
	}

#content {
	background: #d5d7be url(../../images/content-bg.jpg) repeat-y;
}

#curve {
	background: transparent url(../../images/curve.jpg) no-repeat;
	padding-left: 4px;
}
#column1, #column2, #column3, #column4 {
	float: left;
	margin-top: 85px;
}
#column1 {
	margin: 114px 0 0 0;
	padding: 12px 7px 0 7px;
	text-align: right;
	width: 178px;
	font-size: 10px;
	line-height: 12px;
}
	#column1 li {
		display: block;
		margin: 0 2px 0 15px;
		padding-bottom: 10px;
	}
	#column1 a {
		color: #b6b8a0;
		text-decoration: none;
		font-weight: 900; 
		padding-right: 16px;
		font-size: 110%;
	}
	#column1 a:hover {
		color: #6d7057;
	}
#preamble {
	position: absolute;
	top: 440px;
	margin: 0;
	width: 170px;
	color: #fff;
	font-weight: 900;
	font-size: 105%; 
}
#column2 {
	margin: 56px 0 0 0;
	background: #fff url(../../images/column2-bg.jpg) no-repeat 0 83px;
	min-height: 400px;
	width: 210px;
	padding: 0 25px 25px 10px;
}
	#column2 ul {
		padding: 10px 0 0 15px;
	}
	#column2 li {
		border-top: #d5d5d4 1px solid;
		padding: 5px;
	}
	#column2 a {
		color: #b6b8a0;
		text-decoration: none;
	}
	#column2 a:hover {
		color: #6d7057;
	}
#column3 {
	margin: 76px 5px 0 0;
}
	#column3 a {
		color: #b6b8a0;
		text-decoration: none;
	}
	#column3 a:hover {
		color: #6d7057;
	}
#column4 {
	margin: 76px 0 0 0;
}
	#column4 h2 {
		margin: 55px 0 0 65px;
	}
	#column4 #h2-indent {
		margin: 0 0 0 100px;
	}
#footer {
	clear: both;
	background: #d5d7be url(../../images/footer.jpg) no-repeat;
	width: 982px;
	height: 15px;
}

/*-- CLASSES -----------------------------------*/

/* Nav */
#nav .last {
	border: none;
}

/* Column 1*/
#column1 .selected a {
	background: transparent url(../../images/pointer.gif) no-repeat right 7px;
	color: #6d7057;
}

/* Column 2 */
#column2 .first {
	border: none;
}
#column2 .selected {
	color: #ac4122;
}

#column2 .question {
	background: transparent url(../../images/q.gif) no-repeat;
}

/* Column 3 & 4 Q&A Aboriginal Youth */
.profile {
	float: left;
	padding-right: 10px;
}
	.profile .caption {
		font-size: 80%;
		margin: 3px 0;
	}
.section {
	clear: both;
	width: 215px;
}
	.section .quote {
		border-left: #989898 1px solid;
	}
	.section .quote p {
		padding: 0 10px;
	}

/* Column Layouts */	
.two-column {
	width: 730px;
}	
.three-column {
	width: 500px;
}
	.three-column img {
		padding: 10px;
	}
.four-column {
	width: 250px;
}

/* Bulleted Lists */
#column3 .bullet-list {
	list-style: disc;
}
	#column3 .bullet-list li {
		margin: 0 0 10px 15px;
	}

/* Floats & Clear */
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear-float {
	clear: both;
}


/* Aboriginal Relations Team Photos */
.relations-team {
	margin: 20px 100px;
}
	.relations-team div {
		width: 530px;
		height: 230px;
	}
	.relations-team #diachinsky a, .relations-team #hill a, .relations-team #kruger a, .relations-team #moir a, .relations-team #roth a {
		color: #ad4222;
	}
		.relations-team #diachinsky a:hover, .relations-team #hill a:hover, .relations-team #kruger a:hover, .relations-team #moir a:hover, .relations-team #roth a:hover {
			color: #6d7057;
		}
	.relations-team img {
		padding: 10px;
	}
	.relations-team p {
		padding-top: 10px;
	}
	.relations-team #diachinsky{
		background: transparent url(../../images/relations-team/diachinsky-bg.jpg) no-repeat;
	}
	.relations-team #hill{
		background: transparent url(../../images/relations-team/hill-bg.jpg) no-repeat;
	}
	.relations-team #kruger{
		background: transparent url(../../images/relations-team/kruger-bg.jpg) no-repeat;
	}
	.relations-team #moir{
		background: transparent url(../../images/relations-team/moir-bg.jpg) no-repeat;
	}
	.relations-team #roth{
		background: transparent url(../../images/relations-team/roth-bg.jpg) no-repeat;
	}


/* Pull Quotes */
.pull-quote {
	float: right;
	width: 183px;
	margin-bottom: 10px;
	border: #d5d5d4 1px solid;
	padding: 0 5px;
}
	.pull-quote p {
		font-size: 110%;
		font-weight: 900;
		color: #ad4222;
	}	
	.pull-quote .author {
		font-style: italic;
		font-size: 90%;
		color: #000;
	}	
	
/* Column 1 Backgound Size */
.bgSmall {
	background: #fff url(../../images/column1-bg.jpg) no-repeat bottom left;
	min-height: 412px;
}
.bgBig {
	background: #fff url(../../images/column1-bg-big.jpg) no-repeat bottom left;
	min-height: 437px;
}