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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*                 Links StyleSheet - Ferland
*           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: #1A2674; text-decoration: none; }
a:hover,  .selected_link { color: #6A7099; }
a span { display: none; }

/* Button Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.btn-go { float: left; width: 32px; height: 21px; 
    background: url(Images/btn-go.png) top left; }
.btn-go:hover { float: left; width: 32px; height: 21px; 
	background: url(Images/btn-go.png) bottom left; }

.btn-submit { float: right; width: 66px; height: 23px; 
    background: url(Images/btn-submit.png) top left; }
.btn-submit:hover { float: right; width: 66px; height: 23px; 
	background: url(Images/btn-submit.png) bottom left; }
	
.btn-search { float: right; width: 66px; height: 23px; 
    background: url(Images/btn-search.png) top left; }
.btn-search:hover { float: right; width: 66px; height: 23px; 
	background: url(Images/btn-search.png) bottom left; }
	
.btn-viewdetails { float: right; width: 96px; height: 23px; 
    background: url(Images/btn-viewdetails.png) top left; }
.btn-viewdetails:hover { float: right; width: 96px; height: 23px; 
	background: url(Images/btn-viewdetails.png) bottom left; }

/* Custom Link Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.home-link	{ background: url(Images/logo.png) no-repeat; margin-left: 6px; }

/* Main Navigation Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.mainnav a { overflow: hidden; }
.mainnav-search { float: left; width: 79px; height: 47px; margin-left: 0; 
    background: url(Images/mainnav-search.png) top left; }
.mainnav-search:hover, .mainnav-search-selected { float: left; width: 79px; height: 47px; margin-left: 0; 
	background: url(Images/mainnav-search.png) bottom left; }
	
.mainnav-request { float: left; width: 84px; height: 47px; margin-left: 9px; 
    background: url(Images/mainnav-request.png) top left; }
.mainnav-request:hover, .mainnav-request-selected { float: left; width: 84px; height: 47px; margin-left: 9px; 
	background: url(Images/mainnav-request.png) bottom left; }
	
.mainnav-faq { float: left; width: 32px; height: 47px; margin-left: 9px; 
    background: url(Images/mainnav-faq.png) top left; }
.mainnav-faq:hover, .mainnav-faq-selected { float: left; width: 32px; height: 47px; margin-left: 9px; 
	background: url(Images/mainnav-faq.png) bottom left; }
	
.mainnav-news { float: left; width: 42px; height: 47px; margin-left: 9px; 
    background: url(Images/mainnav-news.png) top left; }
.mainnav-news:hover, .mainnav-news-selected { float: left; width: 42px; height: 47px; margin-left: 9px; 
	background: url(Images/mainnav-news.png) bottom left; }
	
.mainnav-aboutus { float: left; width: 63px; height: 47px; margin-left: 9px; 
    background: url(Images/mainnav-aboutus.png) top left; }
.mainnav-aboutus:hover, .mainnav-aboutus-selected { float: left; width: 63px; height: 47px; margin-left: 9px; 
	background: url(Images/mainnav-aboutus.png) bottom left; }
	
.mainnav-contactus { float: left; width: 74px; height: 47px; margin-left: 9px; 
    background: url(Images/mainnav-contactus.png) top left; }
.mainnav-contactus:hover, .mainnav-contactus-selected { float: left; width: 74px; height: 47px; margin-left: 9px; 
	background: url(Images/mainnav-contactus.png) bottom left; }
	
/* Map Navigation Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
ul.mapnav-left,
ul.mapnav-right { 
    float: left;
    position: relative;
    left: 14px;
    top: 75px;
    width: 109px;
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.mapnav-right {
    float: right;
    position: relative;
    left: -20px;
    top: 18px;
}
ul.mapnav-left li span,
ul.mapnav-right li span
{
	display: none;
}
ul.mapnav-left li, 
ul.mapnav-right li {
	list-style-image: none; 
	float: left;
}
ul.mapnav-left li a,
ul.mapnav-right li a {
	display: block;
	width: 109px;
	height: 22px;
	background: url(Images/mapnav-left.png);
}
ul.mapnav-right li a {
    background: url(Images/mapnav-right.png);
}

/* 
*		Links (LEFT)
*/
ul.mapnav-left li.city1 a					{ background-position: 0 0; }
ul.mapnav-left li.city1 a:hover,
ul.mapnav-left li.city1 a.selected			{ background-position: 109px 0; }

ul.mapnav-left li.city2 a					{ background-position: 0 -28px; margin-top: 6px; }
ul.mapnav-left li.city2 a:hover,
ul.mapnav-left li.city2 a.selected		    { background-position: 109px -28px; margin-top: 6px; }

ul.mapnav-left li.city3 a					{ background-position: 0 -56px; margin-top: 6px; }
ul.mapnav-left li.city3 a:hover,
ul.mapnav-left li.city3 a.selected		    { background-position: 109px -56px; margin-top: 6px; }

ul.mapnav-left li.city4 a					{ background-position: 0 -84px; margin-top: 6px; }
ul.mapnav-left li.city4 a:hover,
ul.mapnav-left li.city4 a.selected			{ background-position: 109px -84px; margin-top: 6px; }

/* 
*		Links (RIGHT)
*/
ul.mapnav-right li.city5 a					{ background-position: 0 0; }
ul.mapnav-right li.city5 a:hover,
ul.mapnav-right li.city5 a.selected			{ background-position: 109px 0; }

ul.mapnav-right li.city6 a					{ background-position: 0 -28px; margin-top: 6px; }
ul.mapnav-right li.city6 a:hover,
ul.mapnav-right li.city6 a.selected		    { background-position: 109px -28px; margin-top: 6px; }

ul.mapnav-right li.city7 a					{ background-position: 0 -56px; margin-top: 6px; }
ul.mapnav-right li.city7 a:hover,
ul.mapnav-right li.city7 a.selected		    { background-position: 109px -56px; margin-top: 6px; }

ul.mapnav-right li.city8 a					{ background-position: 0 -84px; margin-top: 6px; }
ul.mapnav-right li.city8 a:hover,
ul.mapnav-right li.city8 a.selected			{ background-position: 109px -84px; margin-top: 6px; }

ul.mapnav-right li.city9 a					{ background-position: 0 -112px; margin-top: 6px; }
ul.mapnav-right li.city9 a:hover,
ul.mapnav-right li.city9 a.selected			{ background-position: 109px -112px; margin-top: 6px; }