﻿/* Created by Tony Nguyen: 
All CSS Styling is arranged in their specified categories (in alphabetical order) */

/* General CSS: Page Layout and Styling */

#buttons {
	position: absolute; 
	width: 750px; 
	height: 20px; 
	z-index: 2; 
	left: 168px; 
	top: 7px;
	font-family: 'Gill Sans MT', Arial, sans-serif; 
	font-size: 0.7em; 
	color: #58595B; 
	width: 800px;
}
#centercolumn {
	position: absolute; 
	width: 400px; 
	height: 300px; 
	z-index: 2; 
	left: 150px; 
	top: 0px;
}
#centercolumn_text {
	position: absolute;
	width: 360px;
	height: 375px;
	z-index: 2;
	left: 15px;
	top: 80px;
}
#centercolumn_text2 {
	position: absolute; 
	width: 400px; 
	height: 300px; 
	z-index: 2; 
	left: 20px; 
	top: 70px;
}

#columns {
	position: relative; 
	width: 800px; 
	height: 350px; 
	z-index: 3;
}
.date {
	font-size: x-small;
	font-weight: normal;
	color: #808080;
}
#footer {
	position: relative; 
	width: 800px; 
	height: 50px; 
	z-index: 4; 
	left: 0px; 
	top: 0px;
}
#footertext {
	position: absolute; 
	width: 800px; 
	height: 40px; 
	z-index: 1; 
	text-align: center; 
	left: 0px; 
	top: 0px;
}
#fullpage {
	position: relative; 
	width: 800px; 
	height: 100%; 
	z-index: 1;
}
#graphic {
	position: absolute; 
	width: 150px; 
	height: 35px; 
	z-index: 1; 
	background-color: #083A81;
}
#header {
	position: relative; 
	width: 800px; 
	height: 125px; 
	z-index: 1; 
	left: 0px; 
	top: 0px;
}
#heading {
	position: absolute; 
	width: 350px; 
	height: 50px; 
	z-index: 1; 
	left: 0px; 
	top: 25px; 
	padding-left: 15px; 
	font-family: 'Trajan Pro', 'Gill Sans MT', sans-serif; 
	font-size: large; 
	font-weight: bold; 
	color: #C8B56F;
}
#heading2 {
	position: absolute; 
	width: 200px; 
	height: 50px; 
	z-index: 1; 
	left: 0px; 
	top: 25px; 
	padding-left: 15px; 
	font-family: 'Trajan Pro', 'Gill Sans MT', sans-serif; 
	font-size: large; 
	font-weight: bold; 
	color: #C8B56F;
}
#headings {
	position: absolute; 
	width: 375px; 
	height: 100px; 
	z-index: 1; 
	left: 0px; 
	top: 0px;
	left: 0px; top: 20px; width: 235px
}
#headings2 {
	position: absolute; 
	width: 230px; 
	height: 100px; 
	z-index: 1; 
	left: 0px; 
	top: 20px;
}
#headings3 {
	position: absolute; 
	width: 235px; 
	height: 100px; 
	z-index: 1; 
	left: 0px; 
	top: 20px;
}
.intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #333132;
}
.intro2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.63em;
	color: #333132;
}
.intro3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #333132;
}
#leftcolumn {
	position: absolute; 
	width: 150px; 
	height: 100%; 
	z-index: 1; 
	background-color: #083A81; 
	margin-left: auto; 
	left: 0px; 
	top: 0px;
}
#list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}
#logo {
	position: absolute; 
	width: 150px; 
	height: 125px; 
	z-index: 1; 
	left: 0px; 
	top: 0px;
}
#navigation {
	position: relative; 
	width: 1200px; 
	height: 35px; 
	z-index: 2; 
	left: 0px; 
	top: 0px; 
	background-image: url('images/navigation.gif');
}
#footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #333132;
}
#projectlinks {
	position: absolute; 
	width: 210px; 
	height: 50px; 
	z-index: 1; 
	left: 0px; 
	padding-left: 15px; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #333132;	
	top: 80px;
}
#rightcolumn {
	position: absolute; 
	width: 230px; 
	height: 300px; 
	z-index: 4; 
	left: 570px; 
	top: 0px;
}
#rightcolumn2 {
	position: absolute; 
	width: 235px; 
	height: 300px; 
	z-index: 4; 
	left: 570px; 
	top: 0px;
}
#split {
	position: absolute; 
	width: 20px; 
	height: 100%; 
	z-index: 3; 
	left: 550px; 
	top: 0px; 
	background-image: url('images/split.gif'); 
	background-repeat: repeat-y
}
#subheading {
	position: absolute; 
	width: 250px; 
	height: 10px; 
	z-index: 2; 
	left: 0px; 
	top: 70px;
	font-family: 'Gill Sans MT', Arial, sans-serif; 
	font-size: 0.9em;
	font-weight: bold;
}
.subheading {
	position: absolute; 
	width: 250px; 
	height: 10px; 
	z-index: 2; 
	left: 0px; 
	top: 70px;
	font-family: 'Gill Sans MT', Arial, sans-serif; 
	font-size: 0.9em;
	font-weight: bold;
}
#tagline {
	position: absolute; 
	width: 450px; 
	height: 25px; 
	z-index: 2; 
	left: 245px; 
	top: 43px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small; 
	font-weight: bold; 
	color: #083A81;

}

/* Navigation and Navigation Behaviors */

a:link {
	text-decoration: none;
	color: #58595B;
}
a:hover {
	color: #083A81;
}
a:visited {
	color: #083A81;
	text-decoration: none;
}
