/***************************************/
/***************************************/
/************* MASTHEAD ****************/
/***************************************/
/***************************************/

/* Full screen header background image: */
#Full-Screen-Header-Img
{ 
  /*display: none;*/
  
  float: left;
  position: absolute;
  left: 0px;
  z-index: -1;
  width: 100%;
  height: 75px;
	background-image:url(/pub/images-header/background-flat3.png);
	background-repeat:repeat-x;
	
  
}


#masthead
{	
	width: 100%;
	height: 75px;
	background-image:url(/pub/images-header/background-flat3.png);
	background-repeat:repeat-x;
	/*overflow: hidden;*/
	
	/* Use px units so that IE 6 does not resize the header text when 
     user changes the font size. This is actually a really useful feature.*/
  font-size: 15px;
	/*border: solid 1px blue;*/
	z-index: 101;
}


#headerLogo
{ 
  float: left;
  min-width:300px;
  width: 30%;
  height:52px;
  margin-left:0px;
  margin-top:20px;
  background-image:url(/pub/images-header/Logo3.png);
  background-repeat: no-repeat;
}




.TopMenu
{	
	list-style:none;
	margin:0px;
	padding:0px;
	float: none; 
	overflow: hidden;
  padding-top: 39px;
}

.TopMenu ul li 
{
	padding-top:0px;
}

.TopMenuItem
{	
	float: left;
}


.TopMenuItem a
{	
	color: #ffffff;
  text-decoration: none;
  font-family: Arial,sans-serif,Verdana;
  font-size: 15px;
  cursor:pointer;
}
.CurrentTab a
{	
	color: #333333;
  font-weight: bold;
  text-decoration: none;
  font-family: Arial,sans-serif,Verdana;
  font-size: 15px;
}

.TopMenuItem .TopMenuTabLeft
{	
	display:block;
	float:left;
	width:15px;
	height:36px;
}
.TopMenuItem .TopMenuTabMiddle
{	
	display:block;
	float:left;
	height:36px;
	padding-top:15px;
	padding-left:7px;
	padding-right:7px;
}
.TopMenuItem .TopMenuTabRight
{	
	display:block;
	float:left;
	width:15px;
	height:36px;
}


.TopMenuItem:hover .TopMenuTabLeft
{	
	background-image:url("/pub/images-header/tab-hover-left-side-flat3.png");
	background-repeat:no-repeat;
	background-position:right;
}
.TopMenuItem:hover .TopMenuTabMiddle
{	
	background-image:url("/pub/images-header/tab-hover-top-flat3.png");
	background-repeat:repeat-x;
}
.TopMenuItem:hover .TopMenuTabRight
{	
	background-image:url("/pub/images-header/tab-hover-right-side-flat3.png");
	background-repeat:no-repeat;
	background-position:left;
}


.CurrentTab .TopMenuTabLeft
{	
	display:block;
	float:left;
	background-image:url("/pub/images-header/tab-left-side-flat3.png");
	background-repeat:no-repeat;
	width:15px;
	height:36px;
	background-position:right;
}
.CurrentTab .TopMenuTabMiddle
{	
	display:block;
	float:left;
	background-image:url("/pub/images-header/tab-top-flat3.png");
	background-repeat:repeat-x;
	height:36px;
	padding-top:15px;
	padding-left:7px;
	padding-right:7px;
}
.CurrentTab .TopMenuTabRight
{	
	display:block;
	float:left;
	background-image:url("/pub/images-header/tab-right-side-flat3.png");
	background-repeat:no-repeat;
	width:15px;
	height:36px;
	background-position:left;
}


.CurrentTab:hover .TopMenuTabLeft
{	
	background-image:url("/pub/images-header/tab-left-side-flat3.png");
	background-repeat:no-repeat;
	background-position:right;
}
.CurrentTab:hover .TopMenuTabMiddle
{	
	background-image:url("/pub/images-header/tab-top-flat3.png");
	background-repeat:repeat-x;
}
.CurrentTab:hover .TopMenuTabRight
{	
	background-image:url("/pub/images-header/tab-right-side-flat3.png");
	background-repeat:no-repeat;
	background-position:left;
}