/*Navigation Link styles */

#navbar {

}

/*NAVBUTTON Font and Spacing Config. To add more space increase the margins
by 1px. */

.navbutton {

font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
font-weight: bold;
font-size: 85%;
text-align: left;
margin-bottom: 2px;
margin-top: 2px;

}


.navbutton a {
/*font-size: 85%; */
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
}

.navbutton a:visited {
color: #6600CC;
text-decoration: none;
}

.navbutton a:hover {
/*font-size: 85%; */
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
}

/* -- Nav Headers -- */

.h3 {
padding: 0;
font-size: 110%;
color: #1b4e6b;
border-bottom: 1px solid #8f8fb3;
margin: 12px 0;
}

.navhbg {
background-color: #dbe6ec; 
color: #1b4e6b;
fontweight: bold;
font-family: 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
width: 97%;
z-axis: 1;
text-align: left;
font-size: 90%;
margin-top: 5px;
BORDER-TOP: thin solid #f3f7f9;
	BORDER-LEFT: medium solid #f3f7f9;
	BORDER-BOTTOM: thin solid #f3f7f9;
	BORDER-RIGHT: medium solid #f3f7f9;
}

/* NAV BUTTON BACKGROUNG COLOR AROUND BUTTON CONFIG */

#navbar{

background-color: #fff;

border: none;

width: 160px;

margin-top: auto;

margin-left: auto;

margin-right: auto;

padding: 0px 5px 0px 10px;

text-align: left;


}




/*NAV BUTTON "rest state" COLOR & LOOKS CONFIGURATION . 
TO CREATE 3D BUTTONS - Change one of these pair - top/left, and the bottom/right - to slightly darker shade*/

.navbutton a {

padding: 2px;

text-decoration: none;

display: block;

color: #494D4F; /* button font color*/

background-color: #fff;

border-top: none;

border-left: none;

border-bottom: none;

border-right: none;

}

/* NAV BUTTON HOVER STAGE.*/

.navbutton a:hover {

color: #d66c3c; /* font color, when hovered over*/

background-color: #f3f7f9;

border-top: none;

border-left: none;

border-bottom: none;

border-right: none;

}

/*HORIZONTAL NAV BAR*/


#nav ul { 
/*  float: left; */
list-style: none; 
width: 100%; 
padding: 0; margin: 0 0 0 0px; 
height: 30px; 
display: inline;
 text-transform: uppercase;
 }

 #nav ul li { 
display: inline; 
margin: 0; padding: 0;
 } 

#nav ul li a { 
display: block; 
float: right; 
width: auto; 
margin: 0; 
padding: 0 30px; 
color: #fff;
font: bold 12px/30px 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif; 
	text-transform: uppercase; 
text-decoration: none; 
letter-spacing: 1px; 
} 

#nav ul li a:hover, 
#nav ul li a:active { 

color: #FFCC66;
font: bold 12px/30px 'Trebuchet MS', 'Comic Sans MS', Arial, sans-serif;
}  


/* -- Thumbnail-with-Caption Navigation -- */

.imageCaptionLinkGroup {
text-align: center;
}

.imageCaptionLinkGroup a {
text-decoration: none;
}

.imageCaptionLinkGroup .caption {
text-decoration: underline;
}
