/* mimic ugly old style */

body {background-color: #7A9335; color: black; margin: 25px 35px 17px 35px;}

a, a:link, a:visited {color: #424C1D;}
a:hover, a:active {color: #270606;}

#header {margin-top: 7px; padding-bottom: 16px; margin-left: 3px; border-bottom: 3px solid #6E8530;}

#header h1, #header h2 {font-size: 24px; display: inline; font-weight: 400; height: 1%;}

#header h1 {padding-right: .8em; margin-right: .8em; border-right: 2px solid black;}

#menu {width: 940px; margin-left: auto; margin-right: auto; font-family: helvetica,arial,sans-serif; font-size: 18px; padding: 2px; margin-top: 1px;}

#menu a {text-decoration: none;}

#breadcrumbs {color: black; clear: both; background-color: #6E8530; font-size: .9em;  float: right; margin-top: 10px; margin-bottom: 7px; padding: 6px;}

#breadcrumbs a {color: #630E0F;}
#breadcrumbs a:hover, #breadcrumbs a:active {color: white;}


#content {clear: left; margin: 0px; padding: 11px 11px/*9%*/ 5px 14px; border-top: 3px #6E8530 solid;}

#footer {clear: both; border-top: 3px solid #6E8530; border-bottom: 3px solid #6E8530; font-family: helvetica,arial,sans-serif; margin-top: 3px; margin-botton: 3px; padding: 3px; text-align: center;}



/* styling */

img {border: none;}


dl dt {font-weight: bolder;}

div.dates {width: 550px;}

div.dates p,
div.dates ul,
div.dates h3,
div.dates h4 {
	margin-top: 2px; padding-top: 4px; padding-left: 30px; margin-left: 125px;
}

.indented-text { padding-left: 55px; }
div#content .border-above { border-top: 2px dotted #6E8530; padding-top: 20px; margin-top: 13px;}

div#content .threedotborder-above { background: url(/images/threedotborder.gif) top center no-repeat; padding-top: 20px; margin-top: 13px;}

div#content ul li {padding-bottom: 7px; list-style-type: square; font-size: .95em;}

ul.table-of-contents li {margin-bottom: 7px;}

ul.table-of-contents {margin-bottom: 20px; padding-left: 14px;}

.press-section ul.table-of-contents li {clear: right;}

div#content p {font-size:1em; line-height:1.25em; padding-bottom:4px;}

div.newsitem {clear: both; margin-top:40px; padding-top: 10px; border-top: 2px solid #6E8530; margin-bottom:40px; padding-bottom: 10px; border-bottom: 2px solid #6E8530;}

.returntotop-link {font-style: italic; clear: both;}

/*images captions and layout*/
.intext {padding: 5px; margin: 35px 35px 29px 35px; /*border: 2px solid #748C32;*/}
.floatleft {float: left; margin-left: 0px;}
.floatright {float: right; margin-right: 0px;}
.caption {font-size: .85em; margin: 1px 11px 1px 11px; line-height: 1.1em;}

img.media-logo {float: right; margin-right: 10px; margin-left: 3px;}


/* basic styling for dropdown menus */

#navmenu {font-size: .95em;}

#navmenu, #navmenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}


#navmenu a {
	display: block;
/*	width: 10em; */
}

#navmenu li {
	float: left;
/*	width: 10em; */
padding: 9px 11px 9px 11px;
margin-bottom: 1px;
}


#navmenu ul.navsubmenu li{
	float: none;
	padding: 3px 4px 3px 4px;
/*	width: 10em; */
	background-color: #7A9335/*#F7FFD9*/;
}


#navmenu li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}


#navmenu li:hover ul, #navmenu li.sfhover ul {
	left: auto;
	width: auto;
	background-color: #7A9335;
	border: solid #424C1D;
	border-width: 1px 4px 4px 1px;
	z-index: 200;
}



#navmenu li:hover a, #navmenu li.sfhover a {
	color: #630E0F/*#270606*/;
}

#navmenu li:hover ul li a, #navmenu li.sfhover ul li a {
	color: #424C1D;
}

#navmenu li:hover ul li a:hover, #navmenu li:hover ul li a:active, #navmenu li.sfhover ul li a:hover, #navmenu li.sfhover ul li a:active {
	color: #630E0F;
}


/*#navmenu ul li ul li:hover, #navmenu ul li ul li.sfhover {
	color: pink;
}*/




/* highlight active main menu item */
body.home-section li#home-menuitem a,
body.unplugged-section li#unplugged-menuitem a,
body.replugged-section li#replugged-menuitem a,
body.mission-section li#mission-menuitem a,
body.staff-section li#staff-menuitem a,
body.press-section li#press-menuitem a,
body.resources-section li#resources-menuitem a,
body.donate-section li#donate-menuitem a
{color: #630E0F;}



/*custom styling for smooth gallery slideshow */



.jdGallery a.left, .jdGallery a.right
{	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


* html .jdGallery a.right, * html .jdGallery a.left /*for IE, apparently */
{
	filter:alpha(opacity=90);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}


.jdGallery a.left
{
	left: 10px;
	top: -300px;
	background: url('/media/images/smoothgallery_custom_interface/left_arrow.gif') no-repeat center left;
}

* html .jdGallery a.left { background: url('/media/images/smoothgallery_custom_interface/left_arrow.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 10px;
	top: -300px;
	background: url('/media/images/smoothgallery_custom_interface/right_arrow.gif') no-repeat center right;
}

* html .jdGallery a.right { background: url('/media/images/smoothgallery_custom_interface/right_arrow.gif') no-repeat center right; }