/*
Project: Perimeter Scholars International
Version: 1 - November 2008
Author: Scribblers' Club
Author URL: http://www.scribblersclub.com

Layout containers and defaults.
*/

body {
	background: #000000;
	color: #ffffff;
	line-height: 1;
	text-align: center;
}

/* Background Colours */

.color01, .color03, .color06, .color07 {
	background: #DEDEDE;
}

.color02 {
	background: #D5EEFD;
}

.color04 {
	background: #F2FAF0;
}

.color05 {
	background: #FFECDA;
}

.color08 {
	background: #DADBE1;
}

/* Alignment Classes */

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}

/* Main Containers */

#altSiteBtn {
	background: transparent;
	height: 27px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 750px;
}

#mainHeader {
	background: transparent;
	height: 270px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 15px;
	width: 750px;
}

#tab-container {
	height: 36px;
	width: 750px;
}

#tab-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#tab-container li {
	cursor: pointer;
}

.tab {
	color: #ffffff;
	float: left;
	font: 1.0em/1.0em "Trebuchet MS", Arial, sans-serif;
	height: 21px;
	margin: 0;
	padding-top: 7px;
	text-align: center;
	width: 125px;
}

.tab2 {
	color: #ffffff;
	float: left;
	font: 1.0em/1.0em "Trebuchet MS", Arial, sans-serif;
	height: 26px;
	margin: 0;
	padding-top: 2px;
	text-align: center;
	width: 125px;
}

.tab, .tab2 {
	-moz-border-radius-topleft: 20px;  
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;  
	-webkit-border-top-left-radius: 20px;
}

#tab-container a {
	color: #ffffff;
	display: block;
	text-decoration: none;
}

.brown1 {
	background-color: #5C412D;
}

.teal1 {
	background-color: #6FA7A9;
}

.green1 {
	background-color: #929A5C;
}

.orange1 {
	background-color: #D7923F;
}

.brown2 {
	background-color: #3C2B21;
}

.teal2 {
	background-color: #539393;
}

.green2 {
	background-color: #505632;
}

.orange2 {
	background-color: #B37522;
}

#tabbar {
	height: 8px;
	margin: 0;
	padding: 0;
}

#mainHeaderL {
	float: left;
	width: 232px;
}

#mainHeaderR {
	float: left;
	height: 232px;
	overflow: hidden;
	position: relative;
	width: 517px;
}

#mainHeaderR-inner {
	height: 232px;
	position: absolute;
	width: 2068px;
}

.header-block {
	float: left;
	height: 232px;
	width: 517px;
}

#menuBar {
	background-color: #ffffff;
	border-bottom: 1px solid #58595B;
	border-top: 1px solid #58595B;
	height: 30px;
	width: 100%;
}

#navContainer {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 750px;
}

#pageContent {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 750px;
}

#pageContentInner {
	margin-left: 25px;
	padding-top: 25px;
	width: 690px;
}

#psiLightsBar {
	background: #494A48;
	border-top: 1px solid #494A48;
	color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 750px;
}

#psiLightsBarL {
	background: #1ABAC2 url(../images/ui_components/psiLightsBack.gif) right center no-repeat;
	float: left;
	height: 30px;
	width: 170px;
}

#psiLightsBarR {
	float: left;
	height: 30px;
	width: 580px;
}

#newsFooter {
	background: transparent url(../images/ui_components/newsFooter-back.gif) left top repeat-x;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 750px;
}

#newsInner01 {
	background-color: #C9A56A;
	float: left;
	height: 210px;
	width: 325px;
}

#newsInner02 {
	background-color: #5BA3A3;
	float: left;
	height: 210px;
	width: 265px;
}

#newsInner03 {
	background-color: #A8AD6F;
	float: left;
	height: 210px;
	width: 160px;
}

#newsInner04 {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	width: 200px;
}

#pageFooter {
	border-top: 1px solid #ffffff;
	color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 25px;
	padding-top: 3px;
	text-align: left;
	width: 750px;
}

#pageFooterL {
	color: #ffffff;
	float: left;
	width: 290px;
}

#pageFooterR {
	color: #ffffff;
	float: right;
	text-align: right;
	width: 250px;
}

/* Column Classes */

.col330 {
	float: left;
	margin-left: 30px;
	margin-top: 20px;
	padding-bottom: 20px;
	width: 330px;
}

.col365 {
	float: right;
	text-align: right;
	width: 365px;
}

.col530 {
	float: right;
	text-align: right;
	width: 530px;
}

.bioPhoto {
	float: left;
	margin-top: 20px;
	text-align: right;
	width: 205px;
}

.bioPhoto img {
	border: 1px solid #58595B;
	padding: 3px;
}

.bioDetail {
	border-top: 1px solid #58595B;
	float: left;
	margin-left: 40px;
	margin-top: 20px;
	padding-bottom: 15px;
	width: 375px;
}

.bioOverview {
	margin-bottom: 25px;
	width: 100%;
}

.bioOverviewL {
	float: left;
	width: 100px;
}

.bioOverviewL img {
	border: 1px solid #58595B;
}

.bioOverviewR {
	float: left;
	margin-left: 20px;
	width: 550px;
}

.bioOverviewR .bioLink {
	background: transparent url(../images/ui_components/link_arrow-black.gif) left center no-repeat;
	padding-left: 15px;
}

.bioOverview-lb {
	float: left;
	margin-bottom: 25px;
	width: 49%;
}

.bioOverviewR-lb h2 {
	font: 1.1em "Times New Roman", times, serif;
	text-transform: uppercase;
}

.bioOverviewL-lb {
	float: left;
	width: 100px;
}

.bioOverviewL-lb img {
	border: 1px solid #58595B;
}

.bioOverviewR-lb {
	float: left;
	margin-left: 20px;
	width: 175px;
}

.bioOverviewR-lb .bioLink {
	background: transparent url(../images/ui_components/link_arrow-black.gif) left center no-repeat;
	padding-left: 15px;
}

/* Form Elements */

#newsInner04 #newsSignup {
	border: 1px solid #ffffff;
	color: #77787B;
	float: left;
	font: 1.1em "Trebuchet MS",Arial,sans-serif;
	height: 16px;
	margin-top: 5px;
	width: 155px;
}

#newsInner04 #newsBtn {
	float: left;
	margin-top: 5px;
}

#EmailForm {
	margin-left: 50px;
	margin-top: 15px;
}

#EmailForm label {
	color: #58595B;
	font: 1.1em "Trebuchet MS",Arial,sans-serif;
}

#EmailForm input.text {
	width: 300px;
}

#EmailForm textarea {
	color: #58595B;
	font: 1.0em "Trebuchet MS",Arial,sans-serif;
	height: 150px;
	width: 300px;
}

#NewsForm label {
	color: #ffffff;
	font: 1.1em "Trebuchet MS",Arial,sans-serif;
}

.errors {
	color: red;
	font: 1.2em/1.5em "Trebuchet MS",Arial,sans-serif;
	margin-top: 15px;
}
