@charset "UTF-8";
/* CSS Document */

#nav_wrap {
	height: 36px;
	width: 962px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-bottom: 18px; /* Padding between nav and main content table */
}

#topborder, #btmborder {  /* Top and bottom blue borders of nav */
	height: 6px;
	width: 100%;
	background-color: #c5e1e4;
}

.nav {  
padding: 0;
width: 100%;
height: 17px;  /* Height of nav inside the 2 border divs */      
background: transparent;
}

.nav ul{
	margin:0;
	padding: 0;
	list-style: none;
}

.nav li{
display: inline;    /* Together with "float:left" makes nav links horizontal */
margin: 0 2px 0 0;
padding: 0;
}

.nav a{
	float: left;    
	display: block;   
	margin-top: 0px; 
	margin-right: 8px; /* Margin between each link */
	margin-bottom: 0;
	margin-left: 8px;
}


/*	Home
--------------------------------------------- */

.nav a#home, .nav #current_home a {
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 18px;   /* Padding within each link to display the background image, also space between each link */
	padding-right: 25px;
	padding-bottom: 18px;
	padding-left: 30px;
	}

.nav a#home {
	background-image: url(img/nav/home.gif);  /* Link image for active link */
}	
		
.nav a#home:hover, .nav #current_home a {
	background-image: url(img/nav/home_on.gif);  /* hover = Image replacement when hovering over link, current = makes current page link red  */
}



/*	About Sister Cities
--------------------------------------------- */

.nav a#about, .nav #current_about a {
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 18px;  
	padding-right: 62px;
	padding-bottom: 18px;
	padding-left: 62px;
	}
	
.nav a#about {
	background-image: url(img/nav/about.gif);  
}		

.nav a#about:hover, .nav #current_about a {
	background-image: url(img/nav/about_on.gif); 
}



/*	Our Sister Cities
--------------------------------------------- */

.nav a#our, .nav #current_our a {
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 18px;
	padding-right: 32px;
	padding-bottom: 18px;
	padding-left: 32px;
}
	
.nav a#our {
	background-image: url(img/nav/our.gif);  
}		

.nav a#our:hover, .nav #current_our a {
	background-image: url(img/nav/our_on.gif); 
}



/*	Sister Cities Abroad
--------------------------------------------- */

.nav a#abroad, .nav #current_abroad a {
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 18px;
	padding-right: 60px;
	padding-bottom: 18px;
	padding-left: 60px;
}
	
.nav a#abroad {
	background-image: url(img/nav/abroad.gif);  
}		

.nav a#abroad:hover, .nav #current_abroad a {
	background-image: url(img/nav/abroad_on.gif); 
}



/*	Events
--------------------------------------------- */

.nav a#events, .nav #current_events a {
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 18px;
	padding-right: 30px;
	padding-bottom: 18px;
	padding-left: 30px;
}
	
.nav a#events {
	background-image: url(img/nav/events.gif);  
}		

.nav a#events:hover, .nav #current_events a {
	background-image: url(img/nav/events_on.gif); 
}



/*	Corporate Partners
--------------------------------------------- */

.nav a#partners, .nav #current_partners a {
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 18px;  
	padding-right: 50px;
	padding-bottom: 18px;
	padding-left: 50px;
}
	
.nav a#partners {
	background-image: url(img/nav/partners.gif);  
}		

.nav a#partners:hover, .nav #current_partners a {
	background-image: url(img/nav/partners_on.gif); 
}



/*	Press Room
--------------------------------------------- */

.nav a#press, .nav #current_press a {
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 18px;
	padding-right: 30px;
	padding-bottom: 18px;
	padding-left: 30px;
}
	
.nav a#press {
	background-image: url(img/nav/press.gif);  
}		

.nav a#press:hover, .nav #current_press a {
	background-image: url(img/nav/press_on.gif); 
}



/*	In the News Announcements
--------------------------------------------- */

.nav a#news, .nav #current_news a {
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 18px;  
	padding-right: 60px;
	padding-bottom: 18px;
	padding-left: 60px;
	}
	
.nav a#news {
	background-image: url(img/nav/news.gif);  
}		

.nav a#news:hover, .nav #current_news a {
	background-image: url(img/nav/news_on.gif); 
}



/*	Contact Us
--------------------------------------------- */

.nav a#contact, .nav #current_contact a {
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 18px;  
	padding-right: 54px;
	padding-bottom: 18px;
	padding-left: 60px;
}
	
.nav a#contact {
	background-image: url(img/nav/contact.gif);  
}		

.nav a#contact:hover, .nav #current_contact a {
	background-image: url(img/nav/contact_on.gif); 
}



.link {
	display: none;  /* Makes link text disappear, but is still there for search engines */
	}

.preload{display:none;}  /* Preloads rollover states so no flicker, images referenced in inc/preload.php */