/* CSS Document */

/***********/
/* Top Nav */
/***********/

/***********/
/* .parent */

#mainNav{
    text-decoration: none;
    margin-left: 116px;
    float: left;
}

ul#mainNav ul {
    display: none;
    position: absolute;
    width: 10em; /* left offset of submenus need to match (see below) */
}

ul#mainNav, #mainNav * {
    padding: 0;
    list-style: none;
}

#mainNav a{
    color:#333333;
    text-decoration:none;
    display: block;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    line-height: 30px;
}

#mainNav a:hover {
    text-decoration:underline;
}

/*************/
/* .menuItem */

#mainNav li li {
    background:     #445f3c;
    border-bottom: 1px solid #76a271;
}

ul#mainNav ul li {
    width: 100%;
}

#mainNav li{
    display:block;
    float: left;
}

ul#mainNav li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
}

/*****************/
/* leftPane menu */
/*****************/

#subnav, #subnav ul {
    list-style:none;
    margin-left:10px;
}

#subnav li{
    margin-bottom: 5px;
}

#subnav ul{
    font-size:11px;
}

#subnav a{
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

#subnav ul a{
    color:#666666;
}

#subnav a:link, a:visited {
    color: #0E6F68;
}

a.selected_first_dir,  a.selected_dir,  a.selected_last_dir,
a.selected_first_page, a.selected_page, a.selected_last_page {
    color: #AFAFAF;
}

/****************/
/* more top nav */
/****************/

ul#mainNav li#navList2 ul {
    margin-left: 70px;
}

ul#mainNav li#navList3 ul {
    margin-left: 25px;
}

ul#mainNav li#navList4 ul {
    margin-left: 5px;
}

ul#mainNav li#navList5 ul {
    margin-left: -20px;
}

ul#mainNav li#navList6 ul {
    margin-left: -10px;
}

ul#mainNav li#navList7 ul {
    margin-left: -20px;
}

#mainNav li:hover ul,
#mainNav li.sfHover ul {
    top: 196px; /* match top ul list item height */
    display: block;
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*****************************/
/* Top Navigation Bar Images */
/*****************************/

/*************************/
/* About the partnership */

a#page2 {
	width: 205px;
	height: 30px;
	display: block;
	background: url(../images/topNav/about.jpg);
	float: left;
}

a.selected#page2, a:hover#page2 {
    background: url(../images/topNav/about_over.jpg);
}

/****************************/
/* About the st. cloud area */

a#page3 {
    width: 167px;
    height: 30px;
    display: block;
    background: url(../images/topNav/about-stc.jpg);
    float: left;
}

a.selected#page3, a:hover#page3  {
	background: url(../images/topNav/about-stc_over.jpg);
}

/*********************/
/* Research and data */
a#page4 {
    width: 127px;
    height: 30px;
    display: block;
    background: url(../images/topNav/research.jpg);
    float: left;
}

a.selected#page4, a:hover#page4 {
	background: url(../images/topNav/research_over.jpg);
}

/************/
/* Property */

a#page5 {
    width: 81px;
    height: 30px;
    display: block;
    background: url(../images/topNav/property.jpg);
    float: left;
}

a.selected#page5, a:hover#page5 {
	background: url(../images/topNav/property_over.jpg);
}

/*************/
/* Resources */

a#page6 {
    width: 93px;
    height: 30px;
    display: block;
    background: url(../images/topNav/resources.jpg);
    float: left;
}

a.selected#page6, a:hover#page6 {
	background: url(../images/topNav/resources_over.jpg);
}

/**************/
/* contact us */

a#page7 {
    width: 128px;
    height: 30px;
    display: block;
    background: url(../images/topNav/contact.jpg);
    float: left;
}

a.selected#page7, a:hover#page7 {
	background: url(../images/topNav/contact_over.jpg);
}