.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
-----------------------------------------------------------------------------------------------------------------------------------*/
#mainnav a { overflow: hidden; }
.mainnav-home { float: left; width: 84px; height: 44px;
    background: url(Images/mainnav-home.png) 100% 0%; }
.mainnav-home:hover { float: left; width: 84px; height: 44px;
	background: url(Images/mainnav-home.png) 0 50%; }
.mainnav-home-selected { float: left; width: 84px; height: 44px;
	background: url(Images/mainnav-home.png) 0 100%; }
	
.mainnav-services { float: left; width: 102px; height: 44px;
    background: url(Images/mainnav-services.png) 100% 0%; }
.mainnav-services:hover { float: left; width: 102px; height: 44px;
	background: url(Images/mainnav-services.png) 0 50%; }
.mainnav-services-selected { float: left; width: 102px; height: 44px;
	background: url(Images/mainnav-services.png) 0 100%; }
	
.mainnav-opportunities { float: left; width: 140px; height: 44px;
    background: url(Images/mainnav-opportunities.png) 100% 0%; }
.mainnav-opportunities:hover { float: left; width: 140px; height: 44px;
	background: url(Images/mainnav-opportunities.png) 0 50%; }
.mainnav-opportunities-selected { float: left; width: 140px; height: 44px;
	background: url(Images/mainnav-opportunities.png) 0 100%; }
	
.mainnav-protect { float: left; width: 95px; height: 44px;
    background: url(Images/mainnav-protect.png) 100% 0%; }
.mainnav-protect:hover { float: left; width: 95px; height: 44px;
	background: url(Images/mainnav-protect.png) 0 50%; }
.mainnav-protect-selected { float: left; width: 95px; height: 44px;
	background: url(Images/mainnav-protect.png) 0 100%; }
	
.mainnav-vendors { float: left; width: 113px; height: 44px;
    background: url(Images/mainnav-vendors.png) 100% 0%; }
.mainnav-vendors:hover { float: left; width: 113px; height: 44px;
	background: url(Images/mainnav-vendors.png) 0 50%; }
.mainnav-vendors-selected { float: left; width: 113px; height: 44px;
	background: url(Images/mainnav-vendors.png) 0 100%; }
	
.mainnav-aboutus { float: left; width: 99px; height: 44px;
    background: url(Images/mainnav-aboutus.png) 100% 0%; }
.mainnav-aboutus:hover { float: left; width: 99px; height: 44px;
	background: url(Images/mainnav-aboutus.png) 0 50%; }
.mainnav-aboutus-selected { float: left; width: 99px; height: 44px;
	background: url(Images/mainnav-aboutus.png) 0 100%; }
	
.mainnav-events { float: left; width: 111px; height: 44px;
    background: url(Images/mainnav-events.png) 100% 0%; }
.mainnav-events:hover { float: left; width: 111px; height: 44px;
	background: url(Images/mainnav-events.png) 0 50%; }
.mainnav-events-selected { float: left; width: 111px; height: 44px;
	background: url(Images/mainnav-events.png) 0 100%; }
	
.mainnav-contactus { float: left; width: 122px; height: 44px;
    background: url(Images/mainnav-contactus.png) 100% 0%; }
.mainnav-contactus:hover { float: left; width: 122px; height: 44px;
	background: url(Images/mainnav-contactus.png) 0 50%; }
.mainnav-contactus-selected { float: left; width: 122px; height: 44px;
	background: url(Images/mainnav-contactus.png) 0 100%; }
	
/*.mainnav-jointoday { float: left; width: 151px; height: 44px; 
                     background: url(Images/mainnav-jointoday.png) no-repeat; }*/
                     
/* 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: 21px; height: 44px; float: right; }
.membernav-prefright { background: url(Images/membernav-prefright.png) no-repeat; width: 386px; height: 44px; float: right; }
.membernav-freeright { background: url(Images/membernav-freeright.png) no-repeat; width: 490px; height: 44px; float: right; }
.membernav-ownersright { background: url(Images/membernav-ownersright.png) no-repeat; width: 170px; height: 44px; float: right; }