/* Start of CMSMS style sheet 'nav' */
/* Top navigation bar */

#top-nav{
margin-bottom: 10px;
height: 36px;
width: 890px;
background-position: center center;
background-repeat: no-repeat;
background-image: url(/uploads/images/top_nav_bg.jpg);
color: #97979b;
font-size: 120%;
}
#top-nav ul{
padding: 0px;
margin: 0px;
width: 890px;
list-style: none;
}
#top-nav li{
padding-left: 0;
padding-bottom: 0;
padding-right: 0;
padding-top: 10px;
margin: 0px;
text-align: center;
float: left;
width: 176px;
height: 30px;
display: inline-block;
}
#top-nav li a{
padding-top: 10px;
text-decoration: none;
color: #97979b;
}
#top-nav li a:hover{
padding-top: 10px;
text-decoration: none;
color: #e73463;
}

.red-arrow a{
background-position: center top;
background-repeat: no-repeat;
background-image: url(/uploads/images/red_arrow.png);
}
.green-arrow a{
background-position: center top;
background-repeat: no-repeat;
background-image: url(/uploads/images/green_arrow.png);
}
.blue-arrow a{
background-position: center top;
background-repeat: no-repeat;
background-image: url(/uploads/images/blue_arrow.png);
}

/* Main navigation menu */

#main-nav-top{
background-position: center top;
background-image: url(/uploads/images/main_nav_bg.jpg);
background-repeat: no-repeat;
width: 200px;
height: 5px;
}
#main-nav-bottom{
background-position: center bottom;
background-image: url(/uploads/images/main_nav_bg.jpg);
background-repeat: no-repeat;
width: 200px;
height: 5px;
}
#main-nav{
background-color: #95c247;
margin: 0;
padding: 0;
font-size:12px;
}
#main-nav ul{
margin: 0;
padding: 0;
list-style: none;
list-style-type: none;
}
#main-nav li{
border-bottom-color: white;
border-bottom-width: 1px;
border-bottom-style: solid;
margin: 0;
list-style: none;
list-style-type: none;
color: #f2f5d1;
font-size: 100%;
}
#main-nav li a:first-letter {
font-size: 200%;
color: #ffffff;
vertical-align: -8%;
}
.active a{
background-color: #00ff00;
} /*
#main-nav li a{
padding-bottom: 5px;
padding-top: 5px;
font-weight: bold;
text-decoration: none;
background-color: #e73463;
color: #f2f5d1;
display: block;
}
#main-nav li a:hover{
padding-bottom: 5px;
padding-top: 5px;
text-decoration: none;
background-color: #95c247;
color: #f2f5d1;
display: block;
} */
.nav-active a{
padding-bottom: 5px;
padding-top: 5px;
font-weight: bold;
text-decoration: none;
background-color: #95c247;
color: #f2f5d1;
display: block;
}
.nav-list a{
padding-bottom: 5px;
padding-top: 5px;
font-weight: bold;
text-decoration: none;
background-color: #e73463;
color: #f2f5d1;
display: block;
}
.nav-list a:hover{
padding-bottom: 5px;
padding-top: 5px;
text-decoration: none;
background-color: #95c247;
color: #f2f5d1;
display: block;
}
#main-nav-footer a{
padding-bottom: 10px;
padding-top: 10px;
font-weight: bold;
text-decoration: none;
background-color: #e73463;
display: block;
color: #f2f5d1;
}
#main-nav-footer a:hover{
padding-bottom: 10px;
padding-top: 10px;
text-decoration: none;
background-color: #95c247;
display: block;
color: #f2f5d1;
}
#main-nav-footer p{
padding: 0px;
margin: 0px;
}
.nav-title {
margin-left: 10px;
width: 180px;
font-size: 180%;
display: inline;
}
.nav-sub {
margin-top: -5px;
margin-left: 30px;
width: 150px;
font-size: 80%;
display: block;
}
.nav-footer {
margin-left: 10px;
width: 180px;
font-size: 90%;
display: block;
}

/* Col 3 bug fix */
#col-3 h3{
font-size: 140%;
}

/* search field */
.search-input
 {
margin-right: 5px;
width: 120px;
height: 12px;
padding: 3px;
border-color: black;
border-style: solid;
border-width: 1px;
background-color: white;
}
.search-button {
color: white;
font-size: 11px;
font-weight: bold;
text-align: center;
height: 20px;
width: 52px;
background: transparent url(uploads/images/search-button.jpg) no-repeat right top;
border-style: none;
cursor: pointer;
}
#changeFont{
margin-top: 10px;
margin-bottom: 20px;
height:30px;
font-size:12px;
}
#changeFont a{
text-decoration: none;
}
#changeFont a:hover{
text-decoration: underline;
}
.decreaseFont{
font-size:11px;
}
.resetFont{
font-size:14px;
}
.increaseFont{
font-size:16px;
}
/* End of 'nav' */