/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	}

#container {
	width: 800px;
	position: relative;
	background: url(image/bkd_container.gif) top left repeat-y;
	margin: 0 auto;
	padding: 0;
	}

#header {
	width: 800px;
	margin: 0;
	padding: 0;
	}
		#header h3, #header h4 {
			margin: 0;
			padding: 0;
			}
		#header h3 a span, #header h4 a span {
			margin: 0 0 0 -10000px;
			padding: 0;
			}
		#header h3 a.PSU, #header h3 a.PSU:hover, #header h3 a.PSU:active, #header h3 a.PSU:visited {
			position: absolute;
			top: 10px;
			left: 10px;
			display: block;
			width: 120px;
			height: 60px;
			margin: 0;
			padding: 0;
			}
		#header h4 a.HHD, #header h4 a.HHD:hover, #header h4 a.HHD:active, #header h4 a.HHD:visited {
			position: absolute;
			top: 10px;
			right: 40px;
			display: block;
			width: 358px;
			height: 10px;
			margin: 0;
			padding: 0;
			}

#search {
	position: absolute;
	top: 80px;
	left: 550px;
	margin: 0;
	padding: 0;
	width: 245px;
	}
	#search form {
		text-align: right;
		margin: 0 20px 0 0;
		padding: 0;
		}
	#search label {
		font: 80% Arial, Helvetica, sans-serif;
		color: #333333;
		margin: 0 2px 0 0;
		padding: 0;
		}

#nav {
	float: right;
	width: 256px;
	padding: 0;
	}
	#nav dl {
		margin: 10px 3px 20px 3px;
		padding: 0;
		}
	#nav dt {
		font: bold 95% "Trebuchet MS";
		color: #ffffff;
		margin: 0 0 3px 10px;
		padding: 3px 0 0 0;
		border-top: 1px solid #006699;
		}
	#nav dt a {
		text-decoration: none;
		color: #ffffff;
		}
	#nav dt a:hover, #nav dt a:active {
		text-decoration: underline;
		color: #FFCC00;
		}
	#nav dd {
		font: normal 80% Arial, Helvetica, sans-serif;
		margin: 0 0 2px 20px;
		padding: 0;
		}
	#nav dd a {
		text-decoration: none;
		color: #CCCCCC;
		}
	#nav dd a:hover, #nav dd a:active {
		text-decoration: underline;
		color: #FFCC00;
		}
	#nav h4 {
		font: bold 100% Arial, Helvetica, sans-serif;
		color: #C8E1F3;
		margin: 10px 5px 10px 7px;
		padding: 0;
		}

#content {
	margin: 0 256px 0 0;
	padding: 0 0 25px 0;
	}
	#content p {
		font: normal 90% Arial, Helvetica, sans-serif;
		color: #000000;
		margin: 0 10px 10px 30px;
		padding: 0;
		}
		#content p a {
			text-decoration: underline;
			color: #003366;
			}
		#content p a:hover, #content p a:active {
			text-decoration: none;
			color: #993300;
			}
	#content h1 {
		font: bold 130% "Trebuchet MS";
		color: #330000;
		margin: 15px 5px 15px 10px;
		padding: 0;
		}
	#content h2 {
		font: bold 100% "Trebuchet MS";
		color: #006699;
		margin: 15px 5px 10px 20px;
		padding: 0;
		}
	#content h3 {
		font: bold 90% Arial, Helvetica, sans-serif;
		color: #000033;
		margin: 0 5px 7px 25px;
		padding: 0;
		}
	#content ul {
		margin: 0 5px 10px 55px;
		padding: 0;
		list-style-type: square;
		list-style-position: outside;
		}
	#content ol {
		margin: 0 5px 10px 55px;
		padding: 0;
		}
	#content li {
		font: normal 90% Arial, Helvetica, sans-serif;
		margin: 0 0 10px 0;
		padding: 0;
		}
		#content li a {
			text-decoration: underline;
			color: #003366;
			}
		#content li a:hover, #content li a:active {
			text-decoration: none;
			color: #993300;
			}
	
	#content dl {
		margin: 10px 10px 20px 30px;
		padding: 0;
		}
	#content dt {
		font: bold 100% "Trebuchet MS";
		color: #003366;
		margin: 10px 0 0 10px;
		padding: 0;
		}
		#content dt a {
			color: #003366;
			text-decoration: underline;
			}
		#content dt a:hover, #content dt a:active  {
			color: #993300;
			text-decoration: none;
			}
	#content dd {
		font: normal 85% Arial, Helvetica, sans-serif;
		margin: 0 10px 5px 20px;
		padding: 0;
		}
	#content dd a {
		text-decoration: underline;
		color: #003366;
		}
	#content dd a:hover, #content dd a:active {
		text-decoration: none;
	 	color: #993300;
		}
		#content dl ul {
			margin: 0 0 0 20px;
			padding: 0;
			list-style-type: square;
			list-style-position: outside;
			}
		#content dl li {
			font: normal 85% Arial, Helvetica, sans-serif;
			margin: 0 0 3px 0;
			padding: 0;
			}
	#content table {
		font: normal 85% Arial, Helvetica, sans-serif;
		text-align: center;
		color: #000000;
		}

#footer {
	clear: both;
	width: 511px;
	position: relative;
	background: url(image/bkd_footer.gif) top left no-repeat #4A8DAE;
	margin: 0 2px 0 1px;
	padding: 15px 20px 30px 10px;
	}

	#footer p {
		font: normal 80% Arial, Helvetica, sans-serif;
		color: #000000;
		margin: 0;
		padding: 0;
		}
		#footer p a {
			text-decoration: underline;
			color: #003366;
			}
		#footer p a:hover, #footer p a:active {
			text-decoration: none;
			color: #993300;
			}
	#footer h4 {
		font: normal 65% Arial, Helvetica, sans-serif;
		margin: 10px 0 5px 0;
		padding: 0;
		color: #333333;
		}

/*************************SPECIAL*****************************/
#sectionMenu {
	float: right;
	width: 200px;
	background-color: #C7DCFF;
	border: 1px solid #000000;
	margin: 5px;
	padding: 10px;
	}

#sectionMenu h6 {
	font: bold italic 10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #5A3931;
	/*border-bottom: 1px solid #330000;*/
	margin: 0;
	padding: 0;
	}
	
	#sectionMenu dl {
		margin: 0;
		padding: 0;
		}
	#sectionMenu dt {
		font: bold 85% "Trebuchet MS";
		color: #003366;
		margin: 5px 0 0 5px;
		padding: 0;
		}
		#sectionMenu dt a {
			color: #003366;
			text-decoration: underline;
			}
		#sectionMenu dt a:hover, #sectionMenu dt a:active  {
			color: #993300;
			text-decoration: none;
			}
	#sectionMenu dd {
		font: normal 80% Arial, Helvetica, sans-serif;
		margin: 0 10px 5px 10px;
		padding: 0;
		}
	#sectionMenu dd a {
		text-decoration: underline;
		color: #003366;
		}
	#sectionMenu dd a:hover, #sectionMenu dd a:active {
		text-decoration: none;
	 	color: #993300;
		}



h6.section {
	width: 400px;
	font: bold italic 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #5A3931;
	/*border-bottom: 1px solid #330000;*/
	margin: 0 0 0 25px;
	padding: 0;
	}

#leftCol {
	float: left;
	width: 252px;
	margin: 0 0 15px 0;
	padding: 0 10px;
	/*background-color: #999900; TEST*/
	}

#rightCol {
	float: right;
	width: 252px;
	margin: 0 0 15px 0;
	padding: 0 10px;
	/*background-color: #00CCCC; TEST*/
	}
	#leftCol p, #rightCol p {
		margin: 0 0 5px 0;
		padding: 0;
		}
	#leftCol h2, #rightCol h2 {
		margin: 0 0 5px 0;
		padding: 0;
		}
	#leftCol ul, #rightCol ul {
		margin: 0 0 5px 30px;
		padding: 0;
		}
	#leftCol li, #rightCol li {
		font-size: 85%;
		margin: 0;
		padding: 0;
		}	

.imgRight {
	float: right;
	margin: 5px 15px 10px 10px;
	padding: 0;
	}
.imgLeft {
	float: left;
	margin: 5px 10px 5px 15px;
	padding: 0;
	}
.imgCenter {
	text-align: center;
	margin: 15px;
	padding: 0;
	}
.imgCapRight {
	float: right;
	text-align: left;
	margin: 15px 30px 15px 15px;
	padding: 0;
	}
.imgCapLeft {
	float: left;
	text-align: left;
	margin: 10px 10px 10px 5px;
	padding: 0;
	}
.imgCapCenter {
	text-align: center;
	margin: 10px auto;
	padding: 0;
	}
	#content .imgCapRight h4, #content .imgCapLeft h4,  #content .imgCapCenter h4 {
		font: bold 90% Arial, Helvetica, sans-serif;
		color: #000099;
		margin: 3px 0;
		padding: 0;
		}
	#content .imgCapRight p, #content .imgCapLeft p,  #content .imgCapCenter p {
		font: normal 80% Arial, Helvetica, sans-serif;
		color: #666666;
		margin: 3px 0;
		padding: 0 0 3px 0;
		}
	#content .imgCapRight img, #content .imgCapLeft img,  #content .imgCapCenter img {
		margin: 0 0 10px 0;
		padding: 0;
		}
		
/********DIRECTORY*********/
	#content dl.directory {
		margin: 0 0 0 40px;
		padding: 0;
		}
	#content dl.directory dt {
		font: bold 100% "Trebuchet MS";
		color: #003366;
		margin: 10px 0 0 10px;
		padding: 0;
		}
		#content dl.directory  dt a {
			color: #003366;
			text-decoration: underline;
			}
		#content dl.directory dt a:hover, #content dl.directory dt a:active  {
			color: #993300;
			text-decoration: none;
			}
	#content dl.directory dd {
		font: normal 95% Arial, Helvetica, sans-serif;
		margin: 0 10px 5px 20px;
		padding: 0;
		}
	#content dl.directory dd.image {
		float: right;
		margin: -20px 70px 0 10px;
		}
	#content dl.directory dd a {
		text-decoration: underline;
		color: #003366;
		}
	#content dl.directory dd a:hover, #content dl.directory dd a:active {
		text-decoration: none;
	 	color: #993300;
		}
	#content dl.directory br {
		clear: both;
		}
	
	/**********SPECIAL***************/
	.tracks {
		text-transform: uppercase;
		font-size: 90%;
		}