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

/* Don't worry about this section - it just fixes browser glitches */
/* RESET STYLES */
	html,body,div,h1,h2,h3 {
		margin:0;
		padding:0;
		font-size:100%;
	}		
	
	img {
		border:0;
	}
	
	h1, h2, h3 {
		font-weight:normal;
	}
	
	p,
	li {
		line-height:18px;
	}
	
	em {
		font-style:italic;
	}
	
	strong {
		font-weight:bold;
	}

/* PAGE STYLES */
	/* This deals with everything on the page, and sets the background color (pink) and the default font family */
	body {
		background-color:#C68C8A;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:14px;
		color:#000000;
	}
	
	/* level one headers - your name in the header of each page */
	h1 {
		font-family:"Copperplate Gothic" "Times New Roman", Times, serif;
		font-size:30px;
		font-variant:small-caps;
		line-height:30px;
	}
	
	/* level two headers - subhead of each page */
	h2 {
		font-family:"Copperplate Gothic" "Times New Roman", Times, serif;
		font-size:18px;
		font-variant:small-caps;
		line-height:18px;
	}
	
	/* default link style */
	a {
		font-weight:bold;
		text-decoration:none;
		color:#000000;
	}
	
	/* default style of link when it is hovered over */
	a:hover {
		text-decoration:underline;
	}
	
	/* sets background color for page header */
	.header {
		background-color:#3C7AAA;
		text-align:center;
		padding-bottom:5px;
		border-bottom:1px solid #000000;
	}
	
	/* sets styles for page footer */
	.footer {
		background-color:#3C7AAA;
		text-align:center;
		padding-bottom:5px;
		border-top:1px solid #000000;
		font-weight:bold;
		font-size:14px;
	}
	
	/* link style in footer */
	.footer a {
		text-decoration:underline;
	}
	
	/* deals with spacing */
	.clear {
		clear:both;
	}
	
	/* main content area of the page */
	#pageContainer {
		width:850px;
		margin:auto;
		background:url(../images/backgroundCols.gif) repeat-y;
		border:1px solid #000000;
	}
	
	/* left column with navigation */
	#col1 {
		width:145px;
		float:left;
		margin-right:15px;
	}
	
	/* creates navigation bar */
	#col1 ul {
		list-style:none;
		padding:0;
		margin:0;
	}
	
	/* navigation links */
	#col1 li {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-variant:small-caps;
		font-size:14px;
		font-weight:bold;
		text-align:center;
		border:1px solid #959594;
		line-height:20px;
		width:142px;
		margin:1px;
		margin-right:0px;
	}
	
	/* navigation links */
	#col1 li a {
		color:#463c3c;
		text-decoration:none;
		background-color:#cbd7e3;
		display:block;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	/* navigation links when hovered over */
	#col1 li a:hover {
		background-color:#c0b5b9;
	}
	
	/* navigation links when clicked */
	#col1 li a:active {
		color:#FEF4C6;
	}
	
	/* sets current page navigation link to different color */
	#col1 li.currentPage {
		background-color:#947f8b;
		color:#FEF4C6;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	/* image style under navigation links */
	#col1 img {
		margin:1px;
		margin-right:0px;
		border:1px solid black;
	}
	
	/* center content area on page */
	#col2 {
		float:left;
		margin-right:15px;
		width:522px;
		padding-top:10px;
	}
	
	/* right content column on page */
	#col3 {
		width:153px;
		float:right;
	}
	
	/* styles for right content column */
	#col3 img,
	#col3 .highlightText {
		margin:1px;
		margin-left:0px;
		border:1px solid black;
	}
	
	/* styles for right content column text */
	#col3 .highlightText {
		background-color:#cbd7e3;
		text-align:center;
		padding:3px;
		font-size:11px;
	}