/* Contents include the top bar on the page */
#leaderboardArea
{
    margin:0px;
    height:90px;
	width:100%;
    padding:0px;
    margin-bottom:5px;	
	vertical-align:middle;
	text-align:center;
}

#headerBar
{
    margin:inherit;
    height:24px;
	width:100%;
    padding:inherit;	
	vertical-align:middle;
}

#headerBarLeft
{
    margin:inherit; 
    height:24px;
	width:20px;
    padding:inherit; 
	background:transparent url(../../images/header/leftHeaderDG.gif) no-repeat top center;
	float:left;
}

#headerBarCentre
{
    margin:0px; 
    height:24px;
	width:920px;
    padding:0px;
	background:transparent url(../../images/header/centreHeaderDG.gif) no-repeat top center;
	float:left;
	text-align:right;
    font-size:10px;
    color:#fefefe;
	font-family:Trebuchet MS;	
	vertical-align:middle;
}

#headerBarRight
{
    margin:0px; 
    height:24px;
	width:20px;
    padding:inherit;
	background:transparent url(../../images/header/rightHeaderDG.gif) no-repeat top center;
	float:left;
}
#headerBarSocial
{
    margin:0px;
    height:21px;
	width:300px;
    padding-top:3px;
    padding-bottom:0px;
	float:left;
	text-align:left;
}

#headerBarText
{
    margin:0px;
    height:10px;
	width:486px;
    padding-top:5px;
    padding-bottom:9px;
	float:left;
}

.headerBarTwitter
{
    margin:0px;
    height:24px;
	width:75px;
    padding:0px;
    padding-left:5px;
	float:left;
}

.headerBarRss
{
    margin:0px;
    height:24px;
	width:43px;
    padding:0px;
    padding-left:5px;
	float:left;
}

.headerBarImage
{
    margin:0px;
    padding:0px;
	vertical-align:middle;
	float:left;
}

.headerBarLink
{
    margin:0px;
    height:10px;
    padding:0px;
    padding-top:5px;
    padding-bottom:9px;
    float:left;
}

.headerBarRssLink
{
    margin:0px;
    height:10px;
    padding:0px;
    padding-top:5px;
    padding-bottom:9px;
    padding-right:5px;
    float:left;
}

/* Contenst include the whitespace between the Bar and the Logo */
#headerUpperPadding
{
    margin:inherit;
    height:19px;
    width:100%;
    padding:inherit;
    background-color:inherit;
}

/* Contents include the top area with the main logo */
#headerMain
{
    margin:inherit;
    height:97px;
    width:100%;
    padding:inherit;
    background-color:inherit;
}

#headerMainLeft
{
    margin:inherit;
    height:100%;
    width:20px;
    padding:inherit;
    float:left;
}

#headerMainRight
{
    margin:inherit;
    height:100%;
    width:20px;
    padding:inherit;
    float:left;
}

#headerMainLogoArea
{
    margin:inherit;
    height:100%;
    width:567px;
    padding:inherit;
    background:inherit;
    text-align:left;
    float:left;
}

#headerMainCardArea
{
    margin:inherit;
    height:100%;
    width:353px;
    padding:inherit;
    background-color:inherit;
    float:left;
}

/* Contenst include the whitespace between the Log and the Nav Bar */
#headerLowerPadding
{
    margin:inherit;
    height:18px;
    width:100%;
    padding:inherit;
    /* border:1px solid #333333; */
    background-color:inherit;
}

/* Contents include the top area with the main navigation menu */
#headerNavBar
{
    margin:inherit;
    height:26px;
    width:100%;
    padding:0px;
    background-color:white;
}

#headerNavBarLeft
{
    margin:0px;
    height:21px;
    *height:25px; /* IE6 and IE7 HACK - FF does not pick up */
    width:628px;
    padding:0px;
    padding-top:5px;
    *padding-top:1px; /* IE6 and IE7 HACK - FF does not pick up */
    background-color:#a4bb25;
    text-align:left;
    vertical-align:bottom;
    float:left;
    
}

#headerNavBarCentre
{
    margin:0px;
    height:26px;
    width:3px;
    padding:0;
    background-color:inherit;
    float:left;
    
}

/* i think this baby overlaps the whitespace.... */
#headerNavBarRight
{
    margin:0px;
    height:26px;
    *height:24px; /* IE6 and IE7 HACK - FF does not pick up */
    width:314px;
    padding:inherit;
    padding-top:0px;
    *padding-top:2px; /* IE6 and IE7 HACK - FF does not pick up */
    padding-left:15px;
    background-color:#888888;
    text-align:left;
    vertical-align:middle;
    float:left;
}

#headerPadding
{
    margin:inherit;
    height:3px; /* used to be 3px, now it gets covered up....why? */
    width:100%;
    padding:inherit;
    background-color:inherit;
}

.watermarkSearch
{
    color:#d9d9d9;
    font-weight:bold;
}

.unwatermarkSearch
{
    color:#00738c;
    font-size:12px;
}
.userHeaderStatusUpdate
{
    font-size:12px;
    color:#a4bb25;
    font-family:Trebuchet MS;
    overflow:hidden;
    resize:none; /* handle resize in chrome */
    
    
}
.userHeaderStatusUpdateEdit 
{
    font-size:12px;
    color:#00738c;
    font-family:Trebuchet MS;
    overflow:hidden;
}