/*
    2024.09.20 critter Decided to start the stylesheet fresh and attempt to get rid of the bad DNN items.
*/

#riverFlow {
    font-size: 42px;
}

#seals, #seals img {
    float: right;
}   

/*
This section is solely for the seals when the width is a certain size to prevent seals from jumping down onto the next line.  If you have more or less than 3 seals, then you will want to re-examine the width.  
*/
@media only screen and (max-Width:1076px) {
    #seals {
        float:left;
    }

}

@media only screen and (max-Width:596px) { /*Word Authority in headre appears to jump down*/
    #ARA_Header {
        clear: both;
    }

    #seals {
        float: left;
    }
}

@media only screen and (max-Width:512px) { /*seals start to want to drop down*/
    #ARA_Header {
        clear: both;
    }

    #seals, #seals img {
        float: left;
    }

    #riverFlow {
        font-size: 32px;
    }
}


/*-------------------------------------*/
/* ANCHOR STYLES */
/*-------------------------------------*/
a, a:visited {
    color: rgb(2,139,255); /*blue*/
    text-decoration: underline;
    outline: 0;
}

    a:hover, a:focus, a:active {
        color: #222;
        outline: 0;
    }

p a, p a:visited {
    line-height: inherit;
}

/*-------------------------------------*/
/* lIST STYLES */
/*-------------------------------------*/
ul, ol {
    margin-bottom: 18px;
    margin-left: 18px;
}

ul {
    list-style: square outside;
}

ol {
    list-style: decimal;
}

    /* Nested Styles */
    ul ul, ul ol,
    ol ol, ol ul {
        margin-left: 18px;
        margin-bottom: 0;
    }

    ol ol {
        list-style: lower-roman;
    }

li p {
    line-height: 18px;
}

.Hidden {
    display: none;
}

.wordwrap {
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}

/* Main Menu */

.MainMenu_MenuContainer {
    width: 135;
    border-style: none;
    background-color: #FFFFFF;
    height: 25px;
}

.MainMenu_MenuBar {
    cursor: pointer;
    cursor: hand;
    /*Changed this line should read 'black*/
    background-color: TRANSPARENT;
    border-color: transparent;
}

.MainMenu_MenuItem {
    cursor: pointer;
    cursor: hand;
    color: #638563;
    font-family: Verdana,Tahoma, Arial, Helvetica;
    font-size: 8pt;
    font-style: normal;
    border-style: none;
    border-color: transparent;
    background-color: transparent;
    height: 25px;
}

.MainMenu_MenuIcon {
    cursor: pointer;
    background-color: #ffffff;
    border-style: none;
    text-align: center;
}

.MainMenu_SubMenu {
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    /*I think this line is the line that sets the background color for the item in the menu that i want.... if it does, change to 000099*/
    background-color: #ffffff;
    border-style: none;
    font-family: Verdana,Tahoma, Arial, Helvetica;
    font-size: 8pt;
    font-style: normal;
    color: #FFFFFF;
    font-weight: bold;
    border-color: transparent;
}

.MainMenu_MenuBreak {
    border-style: none;
    background-color: #ffffff;
    border-color: transparent;
}


.MainMenu_MenuItemSel {
    border-style: none;
    /*I think this line is the line that sets the background color for the item in the menu that i want.... if it does, change to 000099*/
    background-color: #638563;
    cursor: pointer;
    cursor: hand;
    color: #FFFFFF;
    border-color: transparent;
    font-family: Verdana,Tahoma, Arial, Helvetica;
    font-size: 8pt;
    font-style: normal;
    height: 25px;
    font-weight: bold;
}

.MainMenu_MenuArrow {
    font-family: webdings;
    font-size: 8pt;
    cursor: pointer;
    cursor: hand;
    border-style: none;
    background-color: #ffffff;
}


.MainMenu_RootMenuArrow {
    font-family: webdings;
    font-size: 8pt;
    cursor: pointer;
    cursor: hand;
    border-style: none;
    background: background-color: #AF9E80;
}

#main-menu-item {
    font-size:24px;
}

    #main-menu-item a {
        font-size: 24px;
        color: #638563;
    }

        #main-menu-item a:visited {
            font-size: 24px;
            color: #638563;
        }

        #main-menu-item a:hover {
            font-size: 24px;
            color: #FFF;
        }

#main-menu {
    list-style: none;
}

.main-menu-link {
    font-size: 24px;/*omitt if not reorganizing the menu as well as prior ones that have same font size*/
    display: block;
    height: 24px;
    width: 300px;
    text-decoration: none;
    color: #638563;
    padding: 5px;
}

    .main-menu-link:hover {
        background-color: #638563;
        color: #FFF;
    }

.active {
    color: #FFF;
    background-color: #ddd;
}


/*****************************************
There is currently no reset stylesheet, as that will cause a few more problems that are outside control, so this is a good start for making the font color and size uniform for starts.  When they want to change the font, I believe that I might be able to open up some styles
    for them to select from slowly, but this also needs to be a time to help them better define their actual content and try to divorce the content from the design.  In this site's case, the structure of html is not conducive to doing that easily...
    *************************************************/
/*

p, span, .standardText {
    font-size: 22px;
    color: #3b6da8;
}*/