/* CSS Document */

/******************************************************
* MAIN MENU
*******************************************************/
.programs.dropdown .more-programs a{
  margin-bottom: 15px;
  font-size: 10px !important;
}

/*programs dropdown*/
.programs.dropdown .col_1{
  width: 145px;
}

.programs.dropdown .fixed-height-list{
  height: 195px;
}

.programs.dropdown .dropdown_4columns{
  width: 620px;
}

/* Research & Education Centers */
.mainmenu-heading{
  display:block;
  padding: 3px 0px 3px 5px;
  color: #ffaf00;
  border: 1px solid #171717;
  border-bottom: 1px solid #202020;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  font-weight: bold;
  background-color: #171717;
  width: 95%;
}


/******************************************************
* HOMEPAGE TOP RIGHT MENU - EXTENSION
******************************************************/

#extension-menu{
	float:left;
	width:308px;
	height:300px;
	padding: 0px;
	font: Helvetica, Arial, sans-serif; 
	background-color:#b2b2b2;
	border-bottom:1px solid #b2b2b2;
	margin-top:-1px;
	}
#extension-menu h2 {
	padding: 10px 10px 5px;
	color: #EEEEEE;
	}
#extension-menu .firstcolumn,
#extension-menu .secondcolumn,
#extension-menu .thirdcolumn {
	float: left;
	width: 101px;
	margin: 1px 0 0 1px;
	overflow:hidden;
	}
#extension-menu .firstcolumn {
	width:103px;
}
#extension-menu .firstcolumn li {
	width:103px;
}

#extension-menu ul {
	margin: -1px 0 0 0;
	padding: 0 0 0 0px;
	list-style-type: none;
	font: 1.15em Helvetica, Arial, sans-serif; 
	color: #CCC;
	}	
#extension-menu li{
	background-color: #FFF;
	width: 102px;
	margin-top:1px;
}
#extension-menu li a {
	display: block;
	height: 99px;
	width: 102px;
}


html.js #extension-menu li:hover {
  	background-position: bottom;
	}
#extension-menu li:hover,
html.js #extension-menu li.active {
  	background-position: bottom;
	}
	
#extension-menu .learn {height:99px; background-image: url(../images/front/learn.png); background-position: top;}
#extension-menu .money {background-image: url(../images/front/money.png); background-position: top;}
#extension-menu .youth {background-image: url(../images/front/youth.png); background-position: top;}
#extension-menu .agriculture {background-image: url(../images/front/agriculture.png); background-position: top;}
#extension-menu .food {background-image: url(../images/front/food.png); background-position: top;}
#extension-menu .gardening {background-image: url(../images/front/gardening.png); background-position: top;}
#extension-menu .health {background-image: url(../images/front/health.png); background-position: top;}
#extension-menu .environment {background-image: url(../images/front/environment.png); background-position: top;}
#extension-menu .water {background-image: url(../images/front/water.png); background-position: top;}

.topsection-footer {padding-left:10px;}

/**************** EXTENSION MAP ***************/
#maryland_map {
    position: relative;
}
#maryland_counties_svg {
    margin-top: 20px;
}
#maryland_counties a {
    text-decoration: none;
    color: black;
}
#maryland_counties a:hover {
    color: #990000;
}
.redText {
    color: #990000 !important;
}
#maryland_counties ul {
    margin: 0;
    padding: 0;
    width:140px;
    text-align: left;
    font-size: 0.9em;
    display: inline-block;
}
#maryland_counties ul li {
    display: block;
}
.map-heading {
    margin: 0;
    padding-top: 1em;
    width:100%;
    text-align: left;
    font-size: 0.9em;
	font-weight:bold;
} 

/**************** EXTENSION IMPACT ***************/
.view-extension-impact .views-field-field-image {
	float: left;
    margin-right: 1em;
	}


/**************** LOCAL OFFICE & PROGRAM MENUS ***************/
.section-menu-wrapper {
	width:970px;
	background-color:#FFF;
	margin:0 auto;
}
.region-section-menu h2 {
	padding:15px 15px 0;
	margin-bottom:0ex;
	font-size:180%;
	}
.region-section-menu ul.site-menu {
	border-bottom:1px solid #5A5A5A;
	max-width:100%;
	padding:0 15px 0;
	z-index: 2;
	margin: 10px 0 0;
	}
.region-section-menu ul.site-menu li,
.region-section-menu ul.site-menu li.leaf {
	list-style-type:none;
	list-style-image:none;
	display:inline-block;
	padding-right:1px;
	margin:0;
	}
.region-section-menu ul.site-menu li:last-child {
	padding-right:0;
	}
.region-section-menu ul.site-menu li a {
	
	color: white;
	display:inline-block;
	padding:3px 8px 4px;
	
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(11,11,11,0) 17%, rgba(63,63,63,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(17%,rgba(11,11,11,0)), 	color-stop(100%,rgba(63,63,63,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(11,11,11,0) 17%,rgba(63,63,63,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(11,11,11,0) 17%,rgba(63,63,63,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(11,11,11,0) 17%,rgba(63,63,63,0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(11,11,11,0) 17%,rgba(63,63,63,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a63f3f3f',GradientType=0 ); /* IE6-9 */
	background-color: #606060;

	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.40);
	
	border-top: 1px solid #464646;
	border-left: 1px solid #464646;
	border-right: 1px solid #464646;

}

.region-section-menu ul.site-menu li a.active {	
	color: #3f3f3f;
	position: relative;
	top: 1px;	
	background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,0.23) 69%, rgba(255,255,255,0) 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(69%,rgba(255,255,255,0.23)), color-stop(90%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,0.23) 69%,rgba(255,255,255,0) 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,0.23) 69%,rgba(255,255,255,0) 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,0.23) 69%,rgba(255,255,255,0) 90%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(255,255,255,0.23) 69%,rgba(255,255,255,0) 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	background-color: white;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.region-section-menu ul.site-menu li a.active:hover {	
	background: -moz-linear-gradient(top,  rgba(209,209,209,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,209,209,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(209,209,209,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */	
	position: relative;
	background-color: white;
	top: 1px;
}


.region-section-menu ul.site-menu li a:hover {
	text-decoration: none;	
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(73,73,73,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(73,73,73,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(73,73,73,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(73,73,73,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(73,73,73,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(73,73,73,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#494949',GradientType=0 ); /* IE6-9 */
	background-color: #606060;
}

.region-section-menu ul.site-menu li a:active{
	background: -moz-linear-gradient(top,  rgba(63,63,63,0.65) 0%, rgba(48,48,48,0) 24%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,63,63,0.65)), color-stop(24%,rgba(48,48,48,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(63,63,63,0.65) 0%,rgba(48,48,48,0) 24%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(63,63,63,0.65) 0%,rgba(48,48,48,0) 24%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(63,63,63,0.65) 0%,rgba(48,48,48,0) 24%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(63,63,63,0.65) 0%,rgba(48,48,48,0) 24%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a63f3f3f', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	background-color: #898989;	
}

.region-section-menu ul.site-menu span.ext {
	/* hides the external link icon */
	padding-right:0;	
}

/************ PRIVACY POLICY ****************/
#block-block-13  {margin-top: 1.5em;}
#block-block-13  p{ border-top: 1px solid black;}

/************ ASK AN EXPERT *****************/
.askanexpert {
	border: 0;
} 

/************ PROGRAM & COUNTY PAGES ***********************/
#program-logo {
	margin:0 auto;
	display: block;
}
.social-icons {
	margin-right: .9em;
}
#county-banner-image-fadeout {
	width: 479px;
	height: 73px;
	position: relative;
	z-index: 0;
	float: right;
	overflow: hidden;
}

#bannerimg-fadeout{
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	
	width: 100px;
	float: left;
	height: 74px;
}



/*************** RIGHT SIDEBAR STYLING ***************/
#sidebar-second ul{
	padding-left: 15px;
	margin: 0; 
}

/********************* TOPIC AREAS LEANDING PAGE STYLES ***************************************************/

.resourceLandingPageElementHolder{
	display: block;
	width: 500px;
	height: 85px;
	border: 1px solid #d4d4d4;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;	
	background: -moz-linear-gradient(left,  rgba(196,196,196,1) 0%, rgba(255,255,255,0) 68%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(196,196,196,1)), color-stop(68%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(196,196,196,1) 0%,rgba(255,255,255,0) 68%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(196,196,196,1) 0%,rgba(255,255,255,0) 68%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(196,196,196,1) 0%,rgba(255,255,255,0) 68%); /* IE10+ */
	background: linear-gradient(to right,  rgba(196,196,196,1) 0%,rgba(255,255,255,0) 68%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	background-color: #f8f8f8;
	margin-bottom: 20px;
}



.resourceLandingPageElementHolder a{
	color: #3c3c3c !important;
	line-height: 0px;
}

.infoHolder{
	display: inline-block;
	width: 390px;
	margin-top: -3px;
}

.infoHolder .resourceTitle{	
	border-bottom: 1px solid #c5c5c5;
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 6px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
}

.resourceLandingPageElementHolder h2{
	font-size: 16px;
	margin: 0; 
}	

.resourceLPageElement{
	display: inline-block;
	height: 85px;
	width: 85px;
	margin-right: 15px;
	float: left;
}	

.resourceLPageElement img{
	-webkit-box-shadow: 2px 0px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    2px 0px 10px rgba(50, 50, 50, 0.5);
	box-shadow:         2px 0px 10px rgba(50, 50, 50, 0.5);
}

.node-resource-area .field-name-body .caption {
	font-size:1em;
}

/******************** EXTENSION SITE ARTICLE CONTENT TYPE *****************************/

.extension_post_article_info .field-type-taxonomy-term-reference{
	min-width: 100%;
	display: table;
}


.node-ext-article .field-name-field-image img{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.node-ext-article .extension_post_article_info{
	margin-top: 10px;	
}

.field-name-field-originator .field-name-field-logo+.field-name-title{
	display:none;	
}
.sidebar .field-name-field-originator h2 {
	background:none;
	border-bottom:none;
}

/********************* EXTENSION SITE NEWS STORY CONTENT TYPE **************************/

.news_story_post_article_info .field-type-taxonomy-term-reference{
	min-width: 100%;
	display: table;
}

.field-name-field-subtitle{
	position: relative;
	top: -12px;
}

/************** STYLING THE BROUGHT TO YOU BY SECTIONS ***************************************/
.field-name-field-originator{
	border-top: 1px solid #919191;
	padding-top: 4px;
	padding-left: 5px;
	background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,0) 60%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(60%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,0) 60%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,0) 60%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,0) 60%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,0) 60%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.sidebar .field-name-field-originator {
	margin-bottom:1em;
}

.field-name-field-originator .field-label{
	font-style: italic;
	font-size: 12px;
}

.field-name-field-originator img{
	margin-top: 5px;	
}

/************************************** PROGRAMS LANDING PAGE **********************/

.programs-landing-page .view-content .item-list{
	width: 210px;
	display: inline-table;
	margin-right: 20px;
}

.programs-landing-page .view-content .item-list ul{
	border-top: 1px solid #CCC;
	margin-top: -4px;
	padding-top: 10px;
	
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	border-top-right-radius: 12px;
}