﻿@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Raleway:400,700,900,300,200,100,500,600,800|Questrial);
/* Navigation Bar */
#containerMenu
{
    z-index: 500;
    background-color:#FFF;
    border-top: 2px solid #569bbe;
    border-bottom:1px solid #CCC;
    height:25px;
}
#menu
{
    list-style: none;
    margin: 0px;
    padding: 0 20px;
    height: 35px;
    display: inline-block;
    margin-top: -3px;
    border-top: 3px solid #FFF;
}

#menu li
{
    float: left;
    text-align: center;
    position: relative;
    padding: 4px 10px 3px 10px;
    margin-right: 10px;
    margin-top: -4px;
    border-top: 3px solid #559CBE;
	background-color:#FFF;
    font-family: 'Questrial';
    height: 18px;
    /*background: -moz-linear-gradient(top, #C5C6C8, #C5C6C8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C5C6C8), to(#C5C6C8));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C5C6C8', endColorstr='#C5C6C8'); 
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;*/
}

.simple li
{
    border: 0 none;
}

#menu li:hover
{
    background-color:#FFF;
/*    color:#FFF !IMPORTANT;*/
}

#menu li a
{
    font-size:12px;
    display: block;
    outline: 0;
    text-decoration: none;
    color: #636E71;
    font-weight:lighter!important;
}

#menu li:hover a
{
    /*background-color: #917354;*/
    color: #636E71;
    background-color:#FFF;
    
}
#menu li .drop
{
    /*padding-right: 21px;*/
    /*background: url(/PluralLayoutManager/Zip/image?path=/PluralLayoutManager/Image/Layout/drop.png) no-repeat right 3px;*/
    text-transform: uppercase;
}

#menu li .nodrop
{
    text-transform: uppercase;
}

#menu li:hover .nodrop
{
    background: no-repeat right 3px;
}

#menu li:hover .drop
{
 /*   background: url(/PluralLayoutManager/Zip/image?path=/PluralLayoutManager/Image/Layout/drop.png) no-repeat right 3px;*/
}

/* Drop Down */

.dropdown_1column
{
    /*margin: 4px auto;*/
    float: left;
    position: absolute;
    left: -999em; /* Hides the drop down */
    text-align: left;
    padding: 0px 5px 10px 5px;
    border: 1px solid #c8c8c8;
    background: #fff;
    margin-top:8px;
    z-index:999999;
    box-shadow: 0 0 5px #C8C8C8;
    -webkit-box-shadow: 0 0 5px #C8C8C8;
}

.dropdown_1column
{
    width: 140px;
    word-wrap: break-word;
}

.w170
{
    width: 170px;
}
.w280
{
    width: 280px;
}
.w320
{
    width: 320px;
}

#menu li:hover .dropdown_1column
{
    left: -1px;
   /* top: auto;*/
}

/* Columns */

.col_1
{
    float: left;
    position: relative;
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
}
.col_1
{
    width: 100%;
}

/* Right alignment */

#menu .menu_right
{
    float: right;
    margin-right: 0px;
}
#menu li .align_right
{
    /* Rounded Corners */
    -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
#menu li:hover .align_right
{
    left: auto;
    right: -1px;
    top: auto;
}

/* Drop Down Content Stylings */

#menu p, #menu h2, #menu h3, #menu ul li
{
    line-height: 21px;
    text-align: left;
}
#menu h2
{
    letter-spacing: -1px;
    margin: 7px 0 14px 0;
    padding-bottom: 14px;
    border-bottom: 1px solid #666666;
}
#menu h3
{
    margin: 7px 0 14px 0;
    padding-bottom: 7px;
    border-bottom: 1px solid #888888;
}
#menu p
{
    line-height: 18px;
    margin: 0 0 10px 0;
}

#menu li:hover div a
{
    text-transform: uppercase;
    font-weight: bold;
}
#menu li:hover div a:hover
{
    color: #000;
}
.strong
{
    font-weight: bold;
}
.italic
{
    font-style: italic;
}
#menu li .black_box
{
    background-color: #333333;
    color: #eeeeee;
    padding: 4px 6px 4px 6px; /* Rounded Corners */ /* Shadow */
    -webkit-box-shadow: inset 0 0 3px #000000;
    -moz-box-shadow: inset 0 0 3px #000000;
}
#menu li ul
{
    list-style: none;
    padding: 0;
    padding-top:5px;
    margin: 0 0 12px 0;
}
#menu li ul li
{
    line-height: 24px;
    position: relative;
    padding: 0;
    margin: 0px;
    float: none;
    text-align: left;
    border: 0 none;
    background-color: #F2EFE6;
}
#menu li ul li:hover
{
    border: none;
    padding: 0;
    margin: 0px;
}
#menu li .greybox li
{
    background: #F4F4F4;
    border: 1px solid #bbbbbb;
    margin: 0px 0px 4px 0px;
    padding: 4px 6px 4px 6px;
    width: 116px; /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover
{
    background: #ffffff;
    border: 1px solid #aaaaaa;
    padding: 4px 6px 4px 6px;
    margin: 0px 0px 4px 0px;
}
