﻿#animatedMenu
{
    height: 29px;
    background-image: url(../images/bg_menutop.jpg);
    background-repeat: repeat-x;
    background-position: top;
}
#topsection
{
    height: 63px;
}
#search
{
    float: right;
    margin-right: 5px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.animatedtabs
{
    overflow: hidden;
    position: relative;
    height: 29px;
    font: normal 12px Arial;
    color: white; /*font of menu text*/
    clear: both;
    width: 100%; /*background: url(../images/bg_menu_TetKySuu.gif) repeat-x 0% 1px;*/
}
.animatedtabs ul
{
    list-style-type: none;
    margin: 0px 0px 0px 10px;
    padding: 0;
}

.animatedtabs li
{
    float: left;
    padding: 0;
    margin: 1px 0px 0px 0px;
}
.animatedtabs a
{
    float: left;
    position: relative;
    display: block;
    background: url(../images/bg_menutop.gif) repeat-x right top; /*background: url(../images/bg_menu_TetKySuu.gif) repeat-x;*/
    color: White;
    line-height: 29px;
    text-decoration: none;
    height: 29px;
    line-height: 2em;
    padding-right: 5px;
}
.animatedtabs a span
{
    float: left;
    position: relative;
    display: block;
    padding: 0px 10px;
    color: White;
    font-weight: bold;
    line-height: 29px;
    text-decoration: none;
    height: 29px;
    cursor: pointer;
    background: url(../images/bg_menutop.gif) no-repeat left top;
    padding-right: 5px;
    padding-left: 5px;
}

.animatedtabs .selected a, .animatedtabs a:hover
{
    float: left;
    position: relative;
    background: url(../images/bg_menutop_over.jpg) no-repeat right top;
    padding: 0px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    padding-right: 0px;
}

.animatedtabs .selected a span, .animatedtabs a:hover span
{
    float: left;
    position: relative;
    display: block;
    background: url(../images/tab_left.gif) no-repeat left top;
    padding: 0px 5px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

.subTopMenuFont
{
    font: normal 11px Arial;
    color: #333333; /*font: normal 11px Arial;     color: #212121;*/
    text-decoration: none;
}

.subTopMenuFont:hover
{
    font: normal 11px Arial;
    color: #7F0000;
    text-decoration: none;
}
.subMenuContainer
{
    display: none;
    background-color: Black;
}
#subTopMenu ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}
#subTopMenu ul li
{
    padding: 0;
    margin: 0px;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    list-style: none;
}
#subTopMenu ul li a
{
    padding-left: 10px;
    padding-right: 5px;
    line-height: 2em;
    background-image: url(../images/iconsub.gif);
    background-position: left;
    background-repeat: no-repeat;
}
