/*****************************************************************************************************************/
/*                                                                                                               */
/* header.css                                                                                                    */
/*                                                                                                               */
/* Contains css for the header section:                                                                          */
/*                                                                                                               */
/*****************************************************************************************************************/
#header
{
	padding: 0;
	margin: 0;
	height: 300px;
}

/*****************************************************************************************************************/
/* Top-left logo and home button functionality                                                                   */
/*****************************************************************************************************************/
#header #home
{
	display: block;
	float: left;
	
	background: url(../image/psalogo.gif) no-repeat top left;
	
	text-decoration: none;
	border: none;
	
	height: 250px;
	width: 480px;
	padding: 0;
}


#header #home #h1
{	
	font: small-caps bold 40px/125% Garamond, "Times New Roman", Serif;
	color: #fc8b3b;
	
	position: relative;
	top: 129px;
	left: 65px;
}

#header #h2
{
	font: small-caps bold 31px/125% Garamond, "Times New Roman", Serif;
	color: #dd6611;
	
	position: relative;
	top: 160px;
	left: -80px;
}

/*****************************************************************************************************************/
/* Horizontally distributed vertical menus                                                                       */
/*****************************************************************************************************************/
#header .vMenu
{	
	float: right;
	list-style: none;
	color: #999;

	border-top: solid 3px #fc8b3b;	

	margin-right: 0;
	margin-left: 10px;
	padding: 0;
	width: 120px;
}

#header .vMenu .vMenuTitle
{
	display: block;
	font: bold 15px/125% Arial, Sans-Serif;
	letter-spacing: 2px;

	text-align: right;
	
	padding: 5px 0;
	margin: 0;
}

#header .vMenu .vMenuItem a
{
	display: block;
	font: 14px/125% Arial, Sans-Serif;
	color: #999;
	letter-spacing: 2px;
	text-align: right;
	text-decoration: none;
		
	margin: 0;
	padding: 0;
}

/*****************************************************************************************************************/
/* Hovering over vertical menu group and menu items change color                                                 */
/*****************************************************************************************************************/
#header .vMenu:hover
{
	color: #dd6611;
}

#header .vMenu .vMenuItem a:hover
{
	color: #000;
}

/*****************************************************************************************************************/
/* IE 6 Hacks                                                                                                    */
/*****************************************************************************************************************/
* html #header
{
	zoom: 1;
}

* html #header #home #h1
{	
	font: small-caps bold 40px/125% Garamond, "Times New Roman", Serif;
	color: #fc8b3b;
	
	position: relative;
	top: 129px;
	left: 70px;
}

* html #header .vMenu .vMenuTitle
{
	display: block;
	font: bold 15px/125% Arial, Sans-Serif;
	letter-spacing: 2px;

	text-align: right;
	
	padding: 5px 0 10px 0;
	margin: 0;
}

* html #header .vMenu .vMenuItem
{
	padding: 0 0 2px 0;
	margin: 0;
}