/* ------------ Header Layout --------------------------- */
#header {
	/* header is fixed size,  */
	position:relative; /* allows images in header to be positioned... */
    height:151px; 	   /* size of tallest image in header */
	width:100%;
	background:#2F2F2F url('../images/header/hdrBg.png') repeat-x scroll 0 0; /*	background:#2F2F2F url('../images/header/hdrBgNew.jpg') no-repeat scroll 0 0; */
	border-left:solid 1px #303030;
	border-right:solid 1px #303030;
}
#Logo {
	position:absolute;
    top:17px;
	left:82px;
	}
	
#Logo2 {
	position:absolute;
    top:17px;
	left:261px;
}
/* ----------- Header Navigation List layout ----------------- */
#navcontainer {
	position:relative;
	list-style:none;
	background-color:transparent;
	background-image: url('../images/nav/navBG19x67.jpg');
	border-left:solid 1px #303030;
	border-right:solid 1px #303030;
	color:White;
	margin:0 auto;
	height:67px;
	width:627px; 				/*  	total width =   627 	*/  /* was 956 , then 100% */
	padding:0 151px 0 145px; 	/*   			+  329	*/
							/*               		------- 	*/
								/*           		 956px 	*/
 }
#navcontainer li {
	display: inline;
}
#navcontainer li p {
	float:left;
	padding:0;
	text-indent:-900%;
	height:65px;
}

#navcontainer  a {
	text-indent:-900%;   		/* use -900% to hide the text! */
	background-color: #222;
	height:65px;
	color: white;
	text-decoration: none;
	float: left ;  
}

#navcontainer a:link, #navcontainer  a:hover,
#navcontainer  a:hover, #navcontainer a:visited {
	text-decoration:none;
	-moz-outline-style:none;  /* not valid - fixes firefox "active" dotted prob with negative indent text */
	}
div#navcontainer  a:focus {
	-moz-outline-style:none;  /* not valid - fixes firefox "active" dotted prob with negative indent text */
	-moz-border-bottom:dashed 1px #fff;
	}


/* ----------- Main Navigation List items ----------------- */
/* Note: image url is relative to the CSS file, not path root!  */

.navSpacer {
	background-image:url('../images/nav/nav_spacer.jpg');
	width:5px;
}

#navHome {
	background:url('../images/nav/home_both.jpg') no-repeat 0 0;
	width:89px;
}
#navHome:hover {
	background:url('../images/nav/home_both.jpg') no-repeat -89px 0;
}

#navAbout {
	background:url('../images/nav/about_both.jpg') no-repeat 0 0;
	width:85px;
}
#navAbout:hover {
	background:url('../images/nav/about_both.jpg') no-repeat -85px 0;
}

#navBusiness {
	background:url('../images/nav/business_both.jpg') no-repeat 0 0;
	width:101px;
}
#navBusiness:hover {
	background:url('../images/nav/business_both.jpg') no-repeat -101px 0;
}
#navMusic {
	background:url('../images/nav/music_both.jpg') no-repeat 0 0;
	width:78px;
}
#navMusic:hover {
	background:url('../images/nav/music_both.jpg') no-repeat -78px 0;
}
#navScience{
	background:url('../images/nav/science_both.jpg') no-repeat 0 0;
	width:90px;
}
#navScience:hover {
	background:url('../images/nav/science_both.jpg') no-repeat -90px 0;
}

#navPress {
	background:url('../images/nav/press_both.jpg') no-repeat 0 0;
	width:64px;
}

#navPress:hover {
	background:url('../images/nav/press_both.jpg') no-repeat -64px 0;
}

#navContact {
	background:url('../images/nav/contact_both.jpg') no-repeat 0 0;
	width:90px;
}

#navContact:hover {
	background:url('../images/nav/contact_both.jpg') no-repeat -90px 0;
}

#navBottom {
	border:0;
	padding:0
	margin:0;
}