.foo {} /* Wc3 Standards require a class to be first on stylesheets */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*                 Links StyleSheet - [Company]
*           Created by Jeremy S. Cargilo for ETR Consulting.
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Purpose: 
*   This stylesheet contains the links css styles for the entire project.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Default Link Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
a:link, a:visited { color: #002960; }
a:hover,  .selected_link, .footernav-selected { text-decoration: underline !important; }
a span { display: none; }

/* Button Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.btn-jointoday	{ float: left; width: 124px; height: 40px; margin: 2px 0 0 14px; 
    background: url(Images/btn-jointoday.png) no-repeat; }

/* Custom Link Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.lnk-services	{ float: left; position: relative; top: 205px; left: 338px; width: 36px; height: 20px; }
.lnk-benefits	{ float: left; position: relative; top: 178px; left: 342px; width: 36px; height: 20px; }
.home-link		{ float: left; display: block; overflow: hidden; width: 93px; height: 71px; }
.login-panel	{ float: right; margin: 24px 26px 0 0; text-align: right; font-weight: bold; color: #999; }
.login-panel a	{ text-decoration: none; }
.login-panel a:hover { text-decoration: underline; color: #F7884B; }
.footernav a	{ text-decoration: none; }

/* Main Navigation Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
ul.mainnav { 
    float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.mainnav li span
{
	display: none;
}
ul.mainnav li  {
	list-style-image: none; 
	float: left;
}
ul.mainnav li a {
	display: block;
	height: 44px;
	background: url(Images/mainnav.png);
}

/* 
*		Links 
*/
ul.mainnav li.home a					{ background-position: 0px 0; width: 79px; }
ul.mainnav li.home a:hover              { background-position: 0px -44px; width: 79px; }
ul.mainnav li.home a.selected			{ background-position: 0px -88px; width: 79px; }

ul.mainnav li.sellers a					{ background-position: -79px 0; width: 82px; }
ul.mainnav li.sellers a:hover           { background-position: -79px -44px; width: 82px; }
ul.mainnav li.sellers a.selected		{ background-position: -79px -88px; width: 82px; }

ul.mainnav li.buyers a					{ background-position: -161px 0; width: 82px; }
ul.mainnav li.buyers a:hover            { background-position: -161px -44px; width: 82px; }
ul.mainnav li.buyers a.selected		    { background-position: -161px -88px; width: 82px; }

ul.mainnav li.protect a					{ background-position: -243px 0; width: 85px; }
ul.mainnav li.protect a:hover           { background-position: -243px -44px; width: 85px; }
ul.mainnav li.protect a.selected		{ background-position: -243px -88px; width: 85px; }

ul.mainnav li.opportunities a			{ background-position: -328px 0; width: 126px; }
ul.mainnav li.opportunities a:hover     { background-position: -328px -44px; width: 126px; }
ul.mainnav li.opportunities a.selected	{ background-position: -328px -88px; width: 126px; }

ul.mainnav li.calendar a				{ background-position: -454px 0; width: 98px; }
ul.mainnav li.calendar a:hover          { background-position: -454px -44px; width: 98px; }
ul.mainnav li.calendar a.selected		{ background-position: -454px -88px; width: 98px; }

ul.mainnav li.ebrochure a				{ background-position: -552px 0; width: 105px; }
ul.mainnav li.ebrochure a:hover         { background-position: -552px -44px; width: 105px; }
ul.mainnav li.ebrochure a.selected		{ background-position: -552px -88px; width: 105px; }

ul.mainnav li.aboutus a				    { background-position: -657px 0; width: 98px; }
ul.mainnav li.aboutus a:hover           { background-position: -657px -44px; width: 98px; }
ul.mainnav li.aboutus a.selected		{ background-position: -657px -88px; width: 98px; }

ul.mainnav li.contactus a				{ background-position: -755px 0; width: 111px; }
ul.mainnav li.contactus a:hover         { background-position: -755px -44px; width: 111px; }
ul.mainnav li.contactus a.selected		{ background-position: -755px -88px; width: 111px; }
                     
/* Member Navigation Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
#membernav a { overflow: hidden; }
.membernav-events { float: left; width: 135px; height: 44px;
    background: url(Images/membernav-events.png) 100% 0%; }
.membernav-events:hover { float: left; width: 135px; height: 44px;
	background: url(Images/membernav-events.png) 0 50%; }
.membernav-events-selected { float: left; width: 135px; height: 44px;
	background: url(Images/membernav-events.png) 0 100%; }
	
.membernav-profile { float: left; width: 98px; height: 44px;
    background: url(Images/membernav-profile.png) 100% 0%; }
.membernav-profile:hover { float: left; width: 98px; height: 44px;
	background: url(Images/membernav-profile.png) 0 50%; }
.membernav-profile-selected { float: left; width: 98px; height: 44px;
	background: url(Images/membernav-profile.png) 0 100%; }
	
.membernav-offers { float: left; width: 104px; height: 44px;
    background: url(Images/membernav-offers.png) 100% 0%; }
.membernav-offers:hover { float: left; width: 104px; height: 44px;
	background: url(Images/membernav-offers.png) 0 50%; }
.membernav-offers-selected { float: left; width: 104px; height: 44px;
	background: url(Images/membernav-offers.png) 0 100%; }
	
.membernav-opportunities { float: left; width: 149px; height: 44px;
    background: url(Images/membernav-opportunities.png) 100% 0%; }
.membernav-opportunities:hover { float: left; width: 149px; height: 44px;
	background: url(Images/membernav-opportunities.png) 0 50%; }
.membernav-opportunities-selected { float: left; width: 149px; height: 44px;
	background: url(Images/membernav-opportunities.png) 0 100%; }
	
.membernav-jobboard { float: left; width: 94px; height: 44px;
    background: url(Images/membernav-jobboard.png) 100% 0%; }
.membernav-jobboard:hover { float: left; width: 94px; height: 44px;
	background: url(Images/membernav-jobboard.png) 0 50%; }
.membernav-jobboard-selected { float: left; width: 94px; height: 44px;
	background: url(Images/membernav-jobboard.png) 0 100%; }
		
.membernav-draftdocs { float: left; width: 136px; height: 44px;
    background: url(Images/membernav-draftdocs.png) 100% 0%; }
.membernav-draftdocs:hover { float: left; width: 136px; height: 44px;
	background: url(Images/membernav-draftdocs.png) 0 50%; }
.membernav-draftdocs-selected { float: left; width: 136px; height: 44px;
	background: url(Images/membernav-draftdocs.png) 0 100%; }
	
.membernav-contactus { float: left; width: 109px; height: 44px;
    background: url(Images/membernav-contactus.png) 100% 0%; }
.membernav-contactus:hover { float: left; width: 109px; height: 44px;
	background: url(Images/membernav-contactus.png) 0 50%; }
.membernav-contactus-selected { float: left; width: 109px; height: 44px;
	background: url(Images/membernav-contactus.png) 0 100%; }

.membernav-left	{ background: url(Images/membernav-left.png) no-repeat; width: 20px; height: 44px; float: left; }	
.membernav-right	{ background: url(Images/membernav-right.png) no-repeat; width: 125px; height: 44px; float: right; }
.membernav-prefright { background: url(Images/membernav-prefright.png) no-repeat; width: 490px; height: 44px; float: right; }
.membernav-ownersright { background: url(Images/membernav-ownersright.png) no-repeat; width: 274px; height: 44px; float: right; }