/***********************

Style Guideline for links:

- Link: no underline
- Hover: underline

************************/


/***********************
Left Menu (including expandable menu) START. 
This Style control both expandale and non-expandable menu.
************************/

ul#menu_left, ul#menu_left ul {
	list-style-type:none;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;/*  width: 15em;*/
	margin: 0;
}

ul#menu_left a {
  display: block;
  text-decoration: none;	
}

ul#menu_left li {
  margin-top: 1px;
}

ul#menu_left li a {
	color: #fff;
	padding: 0.5em;
	background-color: #355997;
	font-weight: bold;
}

ul#menu_left li a:hover {
	background-color: #0099FF;
	text-decoration: underline;
}

ul#menu_left li ul li a {
	color: #355997;
	padding-left: 20px;
	font-weight: bold;
	background-color: #CAD7EC;
}

ul#menu_left li ul li a:hover {
	border-left: 5px #355997 solid;
	padding-left: 15px;
	background-color: #CAD7EC;
}

/***********************
left expandable menu end
************************/

/***********************
     Top Menu START. 
(including textsize and search)
************************/

#menu_top {
	text-align: left;
	margin: 0px;
	padding: 0px;
	/*padding: 6px 4px 2px 4px;*/
	font-size: 0.8 em;
	background-image: url(https://montgomerycountymd.gov/mcg/resources/images/mcg_top_green_bkg.gif);
}
#menu_top ul{
	
	margin: 0px;
	padding: 8px 0px 0px 24px;
	height: 22px;
}	
#menu_top li{
	display: inline;
	list-style-type: none;
	margin: 8px 6px 0px 0px;
	padding: 0px 0px 0px 10px;
}

#menu_top p .searchbutton {
	border: 1px solid #CCCCCC;
	font-size:1.1em;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #003300;
	padding-left: 6px;
}
#menu_top p .searchbutton:hover {
	border: 1px solid #CCCCCC;
	font-size:1.1em;
	font-weight:bold;
	color: #66CC99;
	background-color: #003300;
}
#menu_top p .searchbutton:active {
	border: 1px solid #CCCCCC;
	font-size:1.1em;
	font-weight:bold;
	color: #66CC99;
	background-color: #663333;
}
#menu_top p .searchTextInput{
	background-color: #FFFFFF;
}
/*#menu_top form {
	float: right;
	padding: 2px 20px 3px 4px;
	margin: 0px;
	background-image: url(/design11/images/mcg_top_green_bkg.gif);
}	
*/
#menu_top p {
	float: right;
	padding: 2px 20px 3px 4px;
	margin: 0px;
	background-image: url(https://montgomerycountymd.gov/mcg/resources/images/mcg_top_green_bkg.gif);
}	

#menu_top li a {
	color: #EEEEEE;
	text-decoration:none;
	font-weight: bold;	/*text-shadow: 1px 1px 1px #000;*/
}
#menu_top li a:hover{
	text-decoration:underline;
}

/***********************

Red color

***********************/
ul#menu_left_red, ul#menu_left_red ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul#menu_left_red a {
    display: block;
    text-decoration: none;
}
ul#menu_left_red li {
    margin-top: 1px;
}
ul#menu_left_red li a {
	color: #FFF;
	padding: 0.5em;
	background-color: #79482c;
	font-weight: bold;
}

ul#menu_left_red li a:hover {
	background-color: #cd7e38;
	text-decoration: underline;
}

ul#menu_left_red li ul li a {
	color: #79482c;
	padding-left: 20px;
	font-weight: bold;
	background-color: #f7bc9a;
}

ul#menu_left_red li ul li a:hover {
	border-left: 5px #79482c solid;
	padding-left: 15px;
	background-color: #f7bc9a;
}

/***********************

Green color

***********************/

ul#menu_left_green, ul#menu_left_green ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul#menu_left_green a {
    display: block;
    text-decoration: none;
}
ul#menu_left_green li {
    margin-top: 1px;
}ul#menu_left_green li a {
	color: #FFFFFF;
	padding: 0.5em;
	background-color: #475d3c;
	font-weight: bold;
}

ul#menu_left_green li a:hover {
	background-color: #769667;
	text-decoration: underline;
}

ul#menu_left_green li ul li a {
	color: #475d3c;
	padding-left: 20px;
	font-weight: bold;
	background-color: #c3e1b5;
}

ul#menu_left_green li ul li a:hover {
	border-left: 5px #475d3c solid;
	padding-left: 15px;
	background-color: #c3e1b5;
}

/***********************

gold color

***********************/

ul#menu_left_gold, ul#menu_left_gold ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul#menu_left_gold a {
    display: block;
    text-decoration: none;
}
ul#menu_left_gold li {
    margin-top: 1px;
}ul#menu_left_gold li a {
    color: #FFFFFF;
	padding: 0.5em;
	background-color: #d6a02c;
	font-weight: bold;
}

ul#menu_left_gold li a:hover {
	background-color: #e9bd5d;
	text-decoration: underline;
}

ul#menu_left_gold li ul li a {
	color: #d6a02c;
	padding-left: 20px;
	font-weight: bold;
	background-color: #f8df9f;
}


ul#menu_left_gold li ul li a:hover {
	border-left: 5px #d6a02c solid;
	padding-left: 15px;
	background-color: #f8df9f;
}




/***********************

Sub color

***********************/
ul#menu_left_sub, ul#menu_left_sub ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul#menu_left_sub a {
    display: block;
    text-decoration: none;
}
ul#menu_left_sub li {
    margin-top: 1px;
}

ul#menu_left_sub li a {
	color: #000000;
	padding: 0.5em;
	background-color: #ebebeb;
	font-weight: bold;
}

ul#menu_left_sub li a:hover {
	background-color: #ccc;
	text-decoration: underline;
}

ul#menu_left_sub li ul li a {
	color: #000000;
	padding-left: 20px;
	font-weight: bold;
	background-color: #FFFFFF;
}

ul#menu_left_sub li ul li a:hover {
	border-left: 5px #ebebeb solid;
	padding-left: 15px;
	background-color: #FFFFFF;
}

/***********************
    Top Menu END.
************************/


/***********************

    Global Menu START
(This controls global & mega menu style)
Style is based on http://nettuts.s3.amazonaws.com/819_megamenu/demo/index.html

************************/

#menu {

	position:relative; /* This will fix overlap of the IE */

	font-size: 115%; /* changed from 120 */
	list-style:none;
	width:920px;
	margin:0px;
	height:40px;
	padding:0px 20px 0px 20px;
	/*	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));*/
	
	/*background-color: #003399;*/
	background-image: url(https://montgomerycountymd.gov/mcg/resources/images/mcg_top_red_bkg.gif);
	background-repeat: repeat-x;
	/* Borders */
	
	/*border: 1px solid #002232;*/
	/*
	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff; */
	
	z-index: 1000;

}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 10px;
	margin-right:16px;
	margin-top:7px;
	border:none;
}

#menu li:hover {
	border:1px solid #663333;
	padding: 4px 9px 4px 9px;
	
	/* Background color and gradients */
	
	background: #f7eed4;
	
    /* background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));*/
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#menu li a {
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size:14px; /*font size has to stay px to prevent breaking menu*/
	color: #FFF;
	display:block;
	outline:0;
	text-decoration:none;
	font-weight: bold;	/*text-shadow: 1px 1px 1px #000;*/
}

#menu li:hover a {
	color:#663333;
	/*text-shadow: 1px 1px 1px #ffffff;*/
}
#menu li .drop {
	padding-right:21px;
	background:url("https://montgomerycountymd.gov/mcg/resources/images/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
	background:url("https://montgomerycountymd.gov/mcg/resources/images/drop.png") no-repeat right 7px;
}

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

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
	
	/* Added to create overlap over photo slider on homepage by kyung */
	/*	position:relative;*/
	z-index: 1024;
}


/* Replaced this section 
.dropdown_1column {width: 140px; z-index: 1024;}
.dropdown_2columns {width: 280px; z-index: 1024;}
.dropdown_3columns {width: 420px; z-index: 1024;}
.dropdown_4columns {width: 560px; z-index: 1024;}
.dropdown_5columns {width: 700px;}
*/


.dropdown_1column {width:  140px; z-index: 1024;}
.dropdown_2columns {width: 540px; z-index: 1024;}
.dropdown_3columns {width: 560px; z-index: 1024;}
.dropdown_4columns {width: 740px; z-index: 1024;}
.dropdown_5columns {width: 800px;}

#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;
	z-index: 1024;
}

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

/* Replaced this section 
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}
*/

.col_1 {width:175px;}
.col_10 {width:260px;}
.col_2 {width:360px;}
.col_3 {width:540px;}
.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: 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;
}

#menu p, #menu h2, #menu h3, #menu ul li {
	/*font-family:Arial, Helvetica, sans-serif;
	line-height:21px;*/
	font-size:0.8em;
	text-align:left;
	/*text-shadow: 1px 1px 1px #FFFFFF;*/
}
#menu h2 {
	color:#663333;
	/*font-size:21px;*/
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px dotted #cccc99;
}
#menu h3 {
	color:#FFF;
	padding: 4px;
	margin: 4px 0px 4px 0px;
	background-color: #cc6633;
}
#menu p {
	line-height:0.8em; /*for next to image link line height*/
	margin:0;
}

#menu li:hover div a {
	font-size:1em;
	color:#663333;
}
#menu li:hover div a:hover {
	color:#993333;
	text-decoration: underline;
}


.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:0px 15px 5px 5px;
}

#menu li .black_box {
	background-color:#333333;
	color: #eeeeee;
	/*text-shadow: 1px 1px 1px #000;*/
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	/*
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
	*/
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size: 0.8em;
	line-height:1.4em;
	position:relative;
	/*text-shadow: 1px 1px 1px #ffffff;*/
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:175px; /* Replaced 130 with 175*/ 
}

#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

#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;
    -khtml-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;
}

/***********************
    Global Menu END
************************/