﻿/*
 #7E9D73 - Folly Green
 #9eaf9f - Green-Blue
 #f7e285 - Dayroom Yello
 #c4c9c5 - Skylight (grey)
 #759194 - Stone-blue
 #cad5aa - Cooking-Apple Green
 #ae372f - Blazer (red)
*/
#menu {
 list-style:none;
 width:1200px;
 height:40px;
 margin:0px;
 /*padding:0px 10px 0px 10px;*/
 padding:0px;
 font-size:18px;
 background: #eeeeee;
 background: -moz-linear-gradient(top, #eeeeee, #ffffff);
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#ffffff));
 background: linear-gradient(to bottom, #eeeeee, #ffffff);
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#eeeeee,EndColorStr=#ffffff);
 /* Text Shadow */
 -moz-box-shadow:inset 0px 0px 1px #edf9ff;
 -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
 box-shadow:inset 0px 0px 1px #edf9ff;
 /* Rounded Corners */
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 z-index: 100;
}
#menu li {
 float:left;
 display:block;
 text-align:left;
 position:relative;
 padding: 4px 40px 0px 10px;
 margin-right:0px;
 margin-top:2px;
 border:none;
 /*min-width:110px;*/
 z-index: 100;
 
 height:30px;

}
#menu li:hover {
 border: 0px;
 padding: 4px 40px 0px 10px;
 background: #eeeeee;
 background: -moz-linear-gradient(top, #eeeeee, #ffffff);
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#ffffff));
 background: linear-gradient(to bottom, #eeeeee, #ffffff);
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#eeeeee,EndColorStr=#ffffff);
}
#menu li a {
 color: #333333;
 display:block;
 outline:0;
 text-decoration:none;
 text-shadow: 1px 1px 1px #999999;
}

#menu li:hover a {
 color:#999999;
 text-shadow: 1px 1px 1px #999999;
}
#menu li .drop {
 padding-right:0px;
}
#menu li:hover .drop {
}

.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns {
 margin:1px auto;
 float:left;
 position:absolute;
 left:-999em; /* Hides the drop down */
 text-align:left;
 padding: 4px 10px 0px 10px;
 border:0px;
 border-top:none;
 /* Gradient background */
 background: #ffffff;
 background: -moz-linear-gradient(top, #ffffff, #ffffff);
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff));
 /* Rounded Corners */
 -moz-border-radius: 0px 0px 5px 5px;
 -webkit-border-radius: 0px 0px 5px 5px;
 border-radius: 0px 0px 5px 5px;
}

.dropdown_1column  {min-width: 180px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column, #menu li:hover .dropdown_2columns, #menu li:hover .dropdown_3columns, #menu li:hover .dropdown_4columns, #menu li:hover .dropdown_5columns {
 left:-1px;
 top:auto;
}

.col_1, .col_2, .col_3, .col_4, .col_5 {
 display:inline;
 float: left;
 position: relative;
 margin-left: 5px;
 margin-right: 5px;
}

.col_1 {min-width:180px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#menu .menu_right {
 float:right;
 margin-right:0px;
}
#menu li .align_right {
 /* Rounded Corners */
 -moz-border-radius: 0px 0px 0px 0px;
 -webkit-border-radius: 0px 0px 0px 0px;
 border-radius: 0px 0px 0px 0px;
}

#menu li:hover .align_right {
 left:auto;
 right:-1px;
 top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li {
 line-height:24px;
 text-align:left;
 text-shadow: 1px 1px 1px #FFFFFF;
}

#menu li:hover div a {
 font-size:16px;
 line-height: 30px;
 color:#333333;
}
#menu li:hover div a:hover {
 color:#999999;
}

#menu li ul {
 list-style:none;
 padding:0;
 margin:0 0 12px 0;
}
#menu li ul li {
 font-size:18px;
 line-height:24px;
 position:relative;
 text-shadow: 1px 1px 1px #ffffff;
 padding:0;
 margin:0;
 float:none;
 text-align:left;
}
#menu li ul li:hover {
 background:none;
 border:none;
 padding:0;
 margin:0;
}