/*

body{
    width: 100%;
    margin:0;
    padding:0;
    font-family:verdana;
    background: #ffffff url(images/page-background.png) 50% 0 repeat-x
}
*/

#main { 
    text-align: left;
    margin: 0px;
    padding: 0 10px;
    font-family: Arial, sans-serif;
}

#banner {
    text-align: left;
    height: 90px;
    width:  100%;
    background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #ffffff), color-stop(1, #2f5f90));
    background: -moz-linear-gradient( center bottom, #ffffff 0%, #3f6fa0 100%);
    background:  linear-gradient(     center bottom, #ffffff 0%, #6678b1 100%);
}

#nav-main {
    display: inline-block;
   *display: inline;
    _height: 15px; 
    zoom: 1;
    text-align: left;

	border-top: 1px solid #6678b1;
    text-align: left;
    background: #ffffcc;
    height: 30px;
    margin: 0 0;
    border-bottom: 1px solid #999999;
    width: 100%;
}

#nav-main, 
#nav-main ul, 
#nav-main li {
    list-style: none
}

#nav-main ul {
    float:left;
    z-index:99;
    left:auto;
    margin:0;
    padding:0;
}

#nav-main li {
    float:left;
    background:none;
    margin:0;
    padding:0;
    position:relative;
    z-index:10000;
}

#nav-main a, 
#nav-main span {
    display: block;
    color:   #33589f;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 13px;
    width: 100px;
    text-align: center;
}

#nav-main ul {
/*
    border-right: 1px solid rgb(83,115,176);
    border-left:  1px solid rgb(47,80,140)
    border-right-color: rgba(255,255,255,0.15);
    border-right-color: rgba(255,255,255,0.15);
    border-left-color:  rgba(0,0,0,0.2)
*/
}

#nav-main ul li a, 
#nav-main ul li span {
    padding: 8px 15px 0 15px; /* adjust with height? */
    height:  22px;
    display: block;
    float:   left;
/*    text-transform: uppercase; * /
    border-left:  1px solid rgb(83,115,176);
    border-right: 1px solid rgb(47,80,140);
*/
}

#nav-main ul li a {
/*
    border-left-color:  rgba(255,255,255,0.15);
    border-right-color: rgba(0,0,0,0.2)
*/
}

#nav-main li ul, 
#nav-main li:hover ul {
    position:absolute;
    left: -999em;
    opacity: 0;
}

#nav-main li:hover ul, 
#nav-main li.hover ul {
    margin-top:30px;
    left:0;
    opacity:1;  
    -moz-transition:opacity 0.2s ease-in-out;
    -webkit-transition:opacity 0.2s ease-in-out
}

#nav-main ul li ul li {
    float:none
}

#nav-main ul li a, 
#nav-main ul li a:link,
#nav-main ul li a:visited {
    color: #33589f;
    text-decoration:none;
    -moz-transition:background 0.2s linear;
    -webkit-transition:background 0.2s linear
}

#nav-main ul a:hover {
    background:transparent;
    -moz-transition:0;
    -webkit-transition:0
}

/*
 * for main menu bar hover
 */
#nav-main ul a:hover,
#nav-main ul a:focus, 
#nav-main ul a:focus,
#nav-main ul a:active { 
    outline: 0;
    color:   #33589f;
    background: #f5a528;
   *background: #f5a528 !important;
/*    background: rgba(245,165,40,0.9); */
    background: rgba(245,165,40,0.5);
    -moz-transition:background 0.1s ease-in;
    -webkit-transition:background 0.1s ease-in
}

/*
 * drop-down menu
 */
#nav-main ul ul { 
    border-top: 0;
    padding:    0 0 4px 0;
/*    width:      1px; */
    background: #ffffcc;
    background: rgba(255,255,204,0.95);

    -webkit-border-bottom-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -moz-border-radius-bottomright:2px;
    -moz-border-radius-bottomleft:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px;

    -moz-box-shadow:    0 3px rgba(0,0,0,0.1), inset 0 -4px rgba(0,0,0,0.1), 0 5px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px rgba(0,0,0,0.1), inset 0 -4px rgba(0,0,0,0.1), 0 5px 10px rgba(0,0,0,0.2);
    box-shadow:         0 3px rgba(0,0,0,0.1), inset 0 -4px rgba(0,0,0,0.1), 0 5px 10px rgba(0,0,0,0.2);

/*    text-shadow: 1px 1px 0 #1b3b6a, 0 0 5px #1b3b6a */
}

/*
 * drop-down menu item
 */
#nav-main ul li ul li a,
#nav-main ul li ul li a:link,
#nav-main ul li ul li a:visited,
#nav-main ul li ul li
span{
    overflow:hidden;
    padding: 5px 15px;
    margin: 0;
    height: auto;
    float: none;
    display: block;
    font-size: 13px;
    font-weight: normal;
    border: 0;
    background-image:none;
    position:relative;
    text-transform:none;
    -moz-transition:background 0.1s ease-in;
    -webkit-transition:background 0.1s ease-in
}

/*
 * drop-down menu item hover
 */
#nav-main ul li ul li a:hover,
#nav-main ul li ul li a:focus, 
#nav-main ul li ul li a:focus,
#nav-main ul li ul li a:active {
    background: #f5a528;
   *background: #f5a528 !important;
    background: rgba(245,165,40,0.5);
    padding-top:    4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #f5d558;
    border-top:    1px solid #f5d558;
    -moz-transition:background 0.1s ease-out;
    -webkit-transition:background 0.1s ease-out
}