/* ******************** */
/* Redefine HTML styles */
/* ******************** */
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,credit,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height: 1.333;
	font-family: inherit;
	text-align: left;
}
body { font-family: verdana,arial,sans-serif; font-size: 70%; background: #fff url('../images/bg-site-oliveSolid.gif'); text-align: center; padding-bottom: 2.0em; }
table {	border-collapse: collapse; border-spacing: 0; }
ol,ul { list-style: none; }
q:before,q:after,
blockquote:before,blockquote:after { content: ""; }
 
h1,h2,h3,h4,h5 { color: #57751b; }
h1 a,h2 a,h3 a,h4 a,h5 a,
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited { color: #57751b; text-decoration: none; }
a { color: #93650d; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { color: #93650d; }
a:visited { color: #93650d; }
form { margin: 0; padding: 0; }
img,
a img {border: none;}
h1
h2,
h3 {font-size: 1.1em; margin: 0; padding: 0;}
h4,
h5,
h6, {font-size: 95%; margin: 0; padding: 0;}
p {margin: 0 0 1em 0;}
ul, ol {margin: 1em 0; padding-left: 2.5em;}
small {font-size: 85%;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
form { margin: 0; padding: 0; }
hr { clear: both; border: 0; width: 100%; color: #000; background-color: #000; height: 1px; margin: 10px 0; padding: 0;}
input.text,
input[type="text"],
textarea,
select { background: #fff url('../images/bg-textField.gif') top left no-repeat !important; border-top: 1px #9b9b9b solid !important; border-right: 1px #efefef solid !important; border-bottom: 1px #efefef solid !important; border-left: 1px #9b9b9b solid !important; }


/* ***************** */
/* Layout Containers */
/* ***************** */
#background { width: 809px; margin: 0 auto; text-align: center; padding: 0; }
#wrapper { width: 781px; margin: 0 auto; padding: 0; text-align: left; }
#header { width: 779px; height: 95px;  }
#branding { width: 779px; height: 211px; }
#main { width: 561px; float: left; border-top: 1px #fff solid; }
#sidebar { width: 217px; float: left; border-top: 1px #fff solid; }
#footer { width: 809px; margin: 0 auto; padding-top: 18px; clear: both; background: url('../images/bg-footer-oliveSolid.gif') top left no-repeat; }

/* **** */
/* Page */
/* **** */
#background { color: #000; background: #ebf7f3; background: #fff url('../images/bg-page-oliveSolid.gif') repeat-y; /* position: relative; top: -1px; */ }
#main { background: #fff url('../images/bg-content.gif') 0 50px repeat-x; border-right: 1px #fff solid; }

/* *********** */
/* Header Area */
/* *********** */
#header { position: relative; background: #d2d3c9 url('../images/bg-headerFade.jpg') top left repeat-x; border-bottom: #fff solid 1px; }
#header h1,
#header #logo { float: left; margin: 0; padding: 0; } /* logo is the h1 only on homepage, div on all others */

#frmsearch { width: 170px; height: 22px; position: absolute; right: 10px; top: 10px; text-align: right; background-image: url('../images/icon-search.gif'); background-position: 0 5px; background-repeat: no-repeat; }
#frmsearch input.text { padding: 3px 5px 0 0; width: 108px; background: #fff url('../images/bg-searchField.gif') top left no-repeat; text-align: right; font-size: 1.0em; color: #8B8D88; }
#frmsearch .formButton { position: relative; top: 3px;}

ul#topNav { width: 600px; margin: 0; padding: 0; position: absolute; top: 65px; left: 217px; }
#topNav li { float: left; padding-left: 3px; }
#topNav li.first { background: none; padding-left: 0; margin-left: 0; }
#topNav a { position: relative; color: #383831; font-family: arial,verdana,sans-serif; font-size: 0.8em; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#topNav a { display: block; float: left; height: 13px; padding: 2px 0 2px 6px; }
#topNav a span { position: absolute; top: 0; right: -7px; height: 15px; width: 7px; display: block; }
#topNav a:hover,
#topNav a.on { color: #fff; /*text-decoration: underline;*/ background: url(../images/bg-topNav-on-left.gif) 0 0px no-repeat;}
#topNav a:hover span,
#topNav a.on span { background: url(../images/bg-topNav-on-right.gif) 0 0px no-repeat;}
#topNav img { float: left; position: relative; top: 1px; right: -6px; }

/* ************* */
/* Branding Area */
/* ************* */
#branding { border-bottom: 1px #fff solid; }
#branding .flash { width: 561px; height: 211px; float: left; border-right: 1px #fff solid; }
#branding .flash img { width: 561px; height: 211px; }
#branding img#tagline { width: 217px; height: 211px; float: left; }

/* ************ */
/* Content Area */
/* ************ */
#content { padding: 0 22px; }
#content .secHeader { height: 17px; margin: 0 0 1em 0; padding: 10px 0 0 0; background: #fff url('../images/bg-headerTop.gif'); background-repeat: repeat-x; }
#content .tab { height:25px; width: 520px; font: bold 10px Arial, Helvetica, sans-serif; color:#f5f5f5; padding: 10px 5px 5px 7px; margin: 10px 0px 0px 0px; text-transform:uppercase; background: #fff url('../images/img_tabHeader.gif') top left no-repeat;}
#content li {list-style-type: disc; color: black;}
a.more { background: #fff url('../images/bullet-moreArrow.gif') right no-repeat; padding-right: 10px; }
p a.more { display: block; clear: both; text-align: right; font-weight: bold; font-size: 0.8em; text-transform: uppercase; margin-top: 1em; }
#landing-map h2,
#landing-map h2 a { font-size: 1.1em; color: #2e3026; text-transform: uppercase; margin-bottom: 1.0em; }

#webpage-content {font-size:1.0em;}
#webpage-blog {font-size:1.0em;}
#webpage-tool-body {font-size:1.0em;}
#webpage-lastpublisheddate {font-size:0.8em;text-decoration:italic;}
#plugins {}
/* testing #webpage-tool-body #Grants {display: none;} */


/* Tiles */
#homeTiles .body {}
#homeTiles .text{margin:2px 0px 4px 0px;}
#homeTileOpen .body {}

/* HB override */
#content form table td{padding:2px 0px 2px 0px;}
#content form table td.regularText{font-size: .9em;}
#content form table td.regularText{font-size: .9em;}
#content form input {font-size:11px;}
#content form div p {margin:0px;padding:0px 0px 5px 0px;}
#content table.regularText width{100%;}
#content table.regularText td {padding:2px 2px 2px 2px;}

/* Images */
.pic { position: relative; padding: 0; }
.pic img { border: 1px #b2b2b2 solid; padding: 3px; }
.left { float: left; margin-right: 1.0em; }
.right { float: right; margin-left: 1.0em; }

/* ************** */
/* SideBar Column */
/* ************** */
#sidebar { background: #dee3c8; padding-bottom: 20px; overflow: hidden; }

/* Sidebar modules, first the common styles */
#sidebar #pageTools { height: 21px; margin: 0; padding: 0 10px 0 0; border-top: none; background: #eef0e2; }
#pageTools a { display: block; float: right; padding:  2px 0 0 20px; margin-left: 10px; font-family: arial,verdana,sans-serif; font-weight: bold; font-size: 0.91em; }
#pageTools a#print { background: transparent url('../images/icon-print.gif') 0 0 no-repeat; }
#pageTools a#email { background: transparent url('../images/icon-email.gif') 0 0 no-repeat; }
#pageTools a#lgo { margin-left: 0; }

#sidebar div { padding: 20px 5px 20px 10px; color: #1f2b03; border-top: 1px #97a572 solid; font-size: 0.90em; }
#sidebar h3 { font-family: arial,verdana,sans-serif; color: #2d430a; font-size: 1.0em; text-transform: uppercase; margin: 0; padding: 0 0px 0 0; }
#sidebar p { font-size: 0.9em; margin: 2.0em 1.0em 0 0; }
#sidebar a { color: #734c03; }

/* Then the module-specific styles */

#sidebar #sidebarMap {margin:0px;background: #a8b37d; width: 205px; }
#sidebar #sidebarMap h3,
#sidebar #sidebarMap h4,
#sidebar #sidebarMap p { margin: 0; padding: 0; border: none; }
#sidebar #sidebarMap p { font-size: 1.0em; color: #fff; padding-bottom: 10px; margin-left: 2px; }
#sidebar #sidebarMap p img { float: right; }
#sidebar #sidebarMap .eventIcon img {clear:both;}
#sidebar #sidebarMap div { background: #a8b37d url('../images/mappromo-bg.jpg') bottom left no-repeat; border: none; padding-top: 2px; padding-right: 10px;}
#sidebar #sidebarMap a { color: #f2cf65; }
#sidebar #sidebarMap .links a { color: #404b1f; font-weight: bold; }

#sidebar #sidebarSpotlight { background: #868e63 url('../images/bg-sb-granteeSpotlight.jpg') bottom left no-repeat; color: #1f2b03; border-bottom: 1px #d4ddc2 solid; }
#sidebar #sidebarSpotlight h3 { color: #fcfef9; }
#sidebar #sidebarSpotlight p.links a { float: right; width: 75px; background-image: url('../images/bullet-wtArrowSm-BgGrn.gif'); background-position: right; background-repeat: no-repeat; color: #342200; }
#sidebar #sidebarSpotlight p { margin-left: 10px; }

#sidebar #sidebarScholar a { font-size: 1.1em; font-family: arial; font-weight: bold; color: #6d8739; }
#sidebar #sidebarScholar img { background: #fff; padding: 5px; border: 1px #000 solid; }
#sidebar #sidebarScholar h3 { font-weight: bold; color: #6d8739; }
#sidebar #sidebarScholar h4 { font-weight: bold; color: #6d8739; }
#sidebar #sidebarScholar h4 { margin-bottom: 0; font-size: 1.0em; }
#sidebar #sidebarScholar p { margin-top: 10px; }
#sidebar #sidebarScholar p.links {  }

#sidebar #communityCalendar { padding-left: 50px; background: #d4ddc2 url('../images/bg-sb-communityCalendar.jpg') top left no-repeat; color: #1f2b03; border-top: 1px #97a572 solid; }
#sidebar #communityCalendar h3 { color: #2d430a; }
#sidebar #communityCalendar ul { font-size: 0.9em; margin: 2.0em 1.0em 2.0em 0; padding-left:1.0em;}
#sidebar #communityCalendar li { margin-bottom: 0.5em; color:#2a2a2a;}
#sidebar #communityCalendar p.links { margin-left: -30px; padding-right: 5px; background-image: url('../images/bullet-wtArrowSm.gif'); background-position: right; background-repeat: no-repeat; }
#sidebar #communityCalendar .moreCalendarDate { margin-left: -30px; padding-right: 5px; background-image: url('../images/bullet-wtArrowSm.gif'); background-position: right; background-repeat: no-repeat; }

#sidebar #newsletterSubscribe { background: #d4ddc2; }
#sidebar #newsletterSubscribe p { margin: 0.5em 1.0em 0.5em 0; }
#sidebar #newsletterSubscribe input.text { width: 120px; margin-left: 40px; margin-bottom: 0.5em; }
#sidebar #newsletterSubscribe .grey { color:#bbb;}

#sidebar #extranetLink { background: #dee3c8; }
#sidebar #extranetLink p { margin: 0.5em 1.0em 0.5em 0; }
#sidebar #extranetLink input.text { width: 120px; margin-left: 50px; margin-bottom: 0.5em; }


#sidebar #granteeLogin { background: #dee3c8; }
#sidebar #granteeLogin p { margin: 0.5em 1.0em 0.5em 0; }
#sidebar #granteeLogin dt { clear: both; width: 70px; float: left; }
#sidebar #granteeLogin dd { width: 105px; float: left; }
#sidebar #granteeLogin input.text { width: 120px; margin-bottom: 0.5em; }
#sidebar #granteeLogin input.formButton { clear: both; display: block; float: right; }
#sidebar #granteeLogin .forgot-password { position: relative; left: -60px; top: -5px; }
#sidebar form { text-align: right; margin: 1.0em 10px 0 0; padding: 0; }


#sidebar #sm {height: 23px; background-color: #dbe0c9; padding: 3px 0;}
#sidebar #sm a {text-indent: -9999em; display: block;  float: left; height: 20px; }
#sidebar #sm div.follow-us {width: 60px; background: url('../images/sm-follow-us.gif') top left no-repeat; text-indent: -9999em; display: block; float: left; padding: 0; border: 0; height: 20px;}
#sidebar #sm a.facebook {width: 52px; background: url('../images/sm-facebook.gif') top left no-repeat; }
#sidebar #sm a.twitter {width: 52px; background: url('../images/sm-twitter.gif') top left no-repeat; margin-left: 3px; }
#sidebar #sm a.youtube {width: 45px; background: url('../images/sm-youtube.gif') top left no-repeat; margin-left: 3px;}

#subpage #sidebar #sm 
, #landing #sidebar #sm {height: 45px;}
#subpage #sidebar #sm div.follow-us
, #landing #sidebar #sm div.follow-us {float: none;}
#subpage #sidebar #sm a.facebook 
, #landing #sidebar #sm a.facebook { margin-left: 15px;}
#subpage #sidebar #sm a.twitter 
, #landing #sidebar #sm a.twitter { margin-left: 5px;}
#subpage #sidebar #sm a.youtube 
, #landing #sidebar #sm a.youtube {margin-left: 5px;}



#eventsListing {  }
#eventsListing ol,
#eventsListing ul,
#eventsListing li,
#eventsListing dl,
#eventsListing dd,
#eventsListing dt { margin: 0; padding: 0; }
#eventsListing { margin-bottom: 2.0em; position: relative; }
#eventsListing li { list-style-type: none; font-weight: bold; padding: 10px 0; margin-left: 100px; border-bottom: 1px #ddd solid; }
#eventsListing li strong { font-size: 1.2em; }
#eventsListing .eventIcon { position: absolute; left: 0; clear:both; }
#eventsListing .eventIcon img { display: block; clear:both; }
/* #eventsListing li img { position: absolute; left: 0;} */
#eventsListing dl {clear:both;}
#eventsListing dl li { padding: 0; margin: 0; border: none; }
#eventsListing dl dd,
#eventsListing dl dd li { font-weight: normal; }
#eventsListing dt { float: left; }
#eventsListing dt,
#eventsListing dd { padding-top: 10px; float: left; }
#eventsListing dt { clear: left; width: 90px; }
#eventsListing dd { width: 150px;}
/* #eventsListing dd ul { width: 150px; } */
#eventsListing a { display: block; clear: left; padding-top: 10px; font-size: 1.0em; }

#eventDetail .eventIcon {}
#eventDetail dl {display:block;float:right;clear:both;}
#eventDetail dl li { padding: 0; margin: 0; border: none; }
#eventDetail dl dd,
#eventDetail dl dd li { font-weight: normal; }
#eventDetail dt { float: left; font-weight: bold; }
#eventDetail dt,
#eventDetail dd { padding-top: 10px; float: left; }
#eventDetail dt { clear: left; width: 90px; }
#eventDetail dd { width: 150px;}
#eventDetail .eventAbout {clear:both;}
#eventDetail .eventResources {clear:both;}
#eventDetail .eventDescription {clear:both; margin: 45px 5px 5px 5px;}


/* ********/
/* Footer */
/* ****** */
#footer p { text-align: center; font-size: 0.8em; color: #fff; }
#footer p a { color: #fff; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }
#footer p.copyright { font-family: georgia,times,sans-serif; color: #000; }

/* *************** */
/* Utility Styles */
/* ************** */
.clear { margin: 0; padding: 0; clear: both; }
.pageEnd { margin: 0; padding-bottom: 4em; clear: both; }
/* CLEARFIX: Just add a class of .clearfix to any element containing a float needing to be cleared, plus any Guillotine-Bug-fixing block elements within the container. (source: http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* additional clearfix elements are in ie.css */