/*CSS */

body {
	width: 98%;
	height: 100%;
	text-align: center;
	background-image: url(../images/pageComponents/background.png);
	background-repeat: repeat;
}

#mainContainer {
	position: relative;
	width: 940px;
	height: 660px;
	margin: 0 auto;
	text-align: left;
}

#headerNav {
	position: absolute;
	width: 100%;
	height: 27.575%; /*182px*/
}

#leftNav {
	position: absolute;
	top: 27.575%; /*182px*/
	width: 15%; /*132px*/
	height: 62.425%; /*412px*/
	z-index: 1;
}
	
#contentBG {
	position: absolute;
	top: 27.75%; /*182px*/
	left: 0%; /*188px*/
	width: 100%; /*752px*/
	height: 62.425%; /*412px*/
	background-image: url(../images/pageComponents/ContentBG.png);
}

#footer {
	position: absolute;
	top: 90%; /*594px*/
	width: 100%; /*940px*/
	height: 10%; /*66px*/
}

#texttitle {
	position: absolute;
	left: 22%;
	top: -10%;
	width: 26%;
	height: 5%;
/*	z-index: 100;*/
}

#textcontent {
	position: absolute;
	left: 22%;
	top: -5%;
	width: 42%;
	height: 100%;
	text-align: justify;
/*	z-index: 100;*/
}

#secondaryText {
	position: absolute;
	left: 65.75%;
	top: -1%;
	width: 17%;
	height: 100%;
}
	
/* Text Styles */

@font-face {
	font-family: Titles;
	src: 	url('../fonts/trebuc.ttf'),
			url('../fonts/trebuc.eot');
}

.mainTitle {
	font-family: Titles;
	font-size:18px;
	color:#000066;
	font-weight:bold;
}

.mainContent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
}

.links {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#0033FF;
	text-decoration:underline;
}