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

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

#fwsBar {
	width: 100%;
	visibility: visible;
	background-color: #0073c1;
 /* background-color: #428bca;#005CB9 */
	text-decoration: none;
	z-index:6;
	height: 36px; 
	
} 			

#siteName {			/* If you change the siteName color, you may also need to change "siteName a" color*/
	width: 100%;
	/*line-height:47px; */
	font-size: 2.25em;
	color: #FFF;
	text-decoration: none;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
	visibility: visible;
	padding-left: 162px;
	font-weight:bold;

}

#siteName a{		/* This fixes a css coding error in the original template.*/
	text-decoration:none;
	color: #FFF;
}

#logo {
	position: absolute;
	width: 364px;
	height: 104px;
	z-index: 7;
	visibility: visible;
	top:-2px;
	}

#logo img[src*="logo2005"] {		/* Hides the old GIF logo */
    display: none;
}


#logo a{		/* Makes logo area clickable */
	display:block;
	position:relative;
	z-index:5;	
	width: 364px;
	height: 104px;
}
@media (max-width: 680px)
{
	#logo {
			padding-left: 15px;
	}
}
@media (min-width:681px) and (max-width: 768px)
{
	#logo {
			padding-left: 30px;
	}
}
@media (min-width:769px) and (max-width: 985px)
{
#logo  {
	padding-left: 35px;
}
}
@media (min-width: 986px) and (max-width: 1280px) {

#logo  {
			padding-left: 70px;
	}

}
@media (min-width: 1281px) {

#logo  {
			padding-left: 130px;
	}

}