@charset "UTF-8";
/* global CSS styles #2 for American Camp Association, New England
Link this stylesheet after global1.css
modified 090809 TKB */

/* this file contains styles for:
	3) other global text styles
	4) link and navigation styles
	5) misc classes
*/

/* other global text styles ______________________________________________________ */
#main_content p {
	margin-top:0.9em;
}
#main_content span.date {
	font-weight:normal;
}
#main_content ul {
	font-size:0.9em;
	list-style:disc outside none;
	padding-left:9px;
}
#main_content ol {
	font-size:0.9em;
	list-style-type:decimal;
	padding-left:9px;
}
#main_content li {
	line-height:1.5em;
	margin:0.5em 0 0 1em;
}
#main_content dt, #main_content dd {
	font-size:0.9em;
	line-height:1.8em;
}
#main_content dt {
	margin-top:0.75em;
	font-weight:bold;
}
#main_content dd {
	margin-top:0;
	padding-left:18px;
}
#footer p {
	clear:both;
	font-size:0.8em;
	padding:0.5em 0 0 176px;
}

.toggle, .toggleshow {
	padding-left:18px;
}

/* adds small an arrow infront of a tagged item */
.frontarrow {
	background:url(../images/arrow2.gif) no-repeat 0 50%;
	padding: .45em 4px .5em 18px;
				
}

/* indents a tagged item the same amount as the front arrow (above) adds to the heading and  following text are aligned (left).  */
.matcharrowindent {
	padding-left: 18px;
			
}

.public { color: #006c56; } /* green text */
.professional { color: #003479; } /* blue text */
.members { color: #8b2346; } /* red text */
.vendors { color: #4f4879; } /* eggplant text */

/* link and navigation styles ________________________________________________________________ */
a, a:link, a:visited, a:hover, a:active, 
#topnav a, #topnav a:link, #topnav a:visited,
#footer a, #footer a:link, #footer a:visited {
	color: #452d27;
	font-weight:inherit;	
	text-decoration:none;
}
#topnav a:hover, #topnav a:active, 
#footer a:hover, #footer a:active  {
	color: #806a40;
}

#main_content a, #main_content a:link, #main_content a:visited {
	border-bottom:1px dotted #806a40;
}
#main_content a:hover, #main_content a:active {
	border-bottom:1px solid #806a40;
}

/* for toggleLink links */
#main_content a.toggleLink, #main_content a.toggleLink:link, #main_content a.toggleLink:visited,
#main_content a.toggleshowLink, #main_content a.toggleshowLink:link, #main_content a.toggleshowLink:visited {
	border-bottom:0;
	color: #999;
	font-size: 0.9em;
	font-weight: bold;
}
#main_content a.toggleLink:hover, #main_content a.toggleLink:active, 
#main_content a.toggleshowLink:hover, #main_content a.toggleshowLink:active {
	color: #bba756;
}
#main_content h2 a, #main_content h2 a:link, #main_content h2 a:visited, 
#main_content h3 a, #main_content h3 a:link, #main_content h3 a:visited, 
#main_content dt a, #main_content dt a:link, #main_content dt a:visited, 
#main_content form a, #main_content form a:link, #main_content form a:visited {
	/* border:none; default is now to show the dotted bottom border on links unless overridden in styles elsewhere */
	color:inherit;
	font-weight: inherit;
	font-size:inherit;
	line-height:inherit;
	margin:inherit;
	text-decoration:none;
}
#main_content form a, #main_content form a:link, #main_content form a:visited {
	font-size:0.9em;
}
#main_content form#find_camp a, #main_content form#find_cam a:link, #main_content form#find_cam a:visited {
	border:none;
	font-weight:bold;
}

#main_content h2 a:hover, #main_content h2 a:active,
#main_content h3 a:hover, #main_content h3 a:active, 
#main_content dt a:hover, #main_content dt a:active, 
#main_content form a:hover, #main_content form a:active, 
#main_content table a:hover, #main_content table a:active {
	color:#bba756;
}

/* main navigation sidebar __________________________________________________ */
#mainnav {
	margin:0;
	width:156px;
}
#mainnav h4 {
	color:#fff;
	font-weight:bold;
	margin: 0 0 .25em 0;
	padding: 0.5em 4px 0.5em 18px;
	width:134px;
}
#mainnav ul.menu {
	border-top:1px solid #fff;
}
#mainnav ul.menu ul {
	border-top:3px solid #fff;
}
#mainnav ul.menu li, #mainnav ul.menu ul li {
	border-bottom:1px solid #fff;
	width:156px;
}
#mainnav ul.menu a, #mainnav ul.menu a:link, #mainnav ul.menu a:visited, #mainnav ul.menu a.current {
	/*background:#f3eedd;*/
	background:#fff;
	color:#452d27;
	display:block;
	padding:0.35em 8px 0.35em 18px;
	width:130px;
}
#mainnav ul.menu a:hover, #mainnav ul.menu a:active {
	background: #e5dbb8 url(/newenglandtest/images/nav_arrow.gif) no-repeat 0 50%;
}
#mainnav ul.menu a.current, #mainnav ul.menu a.current:link, #mainnav ul.menu a.current:visited {
	background: #bba756 url(/newenglandtest/images/nav_arrow.gif) no-repeat 0 50%;
	color:#fff;
}
#mainnav ul.menu a.current:hover, #mainnav ul.menu a.current:active {
	background: #806a40 url(/newenglandtest/images/nav_arrow.gif) no-repeat 0 50%;
}
#mainnav ul.menu ul a, #mainnav ul.menu ul a:link, #mainnav ul.menu ul a:visited {
	background:#f3eedd;
	margin-left:18px;
	width:112px;
}
#mainnav ul.menu ul a:hover, #mainnav ul.menu ul a:active {
	background:#e5dbb8 url(/newenglandtest/images/nav_arrow.gif) no-repeat 0 50%;
}
/* A different class, such as m1, m2, m3, etc. is added to each <a> in mainnav <li>s that have a nested list within. 
These links do not act as links to a page - their function is to reveal and hide the group of page links under them */
#mainnav ul.menu a.m1, #mainnav ul.menu a.m1:link, #mainnav ul.menu a.m1:visited,
#mainnav ul.menu a.m2, #mainnav ul.menu a.m2:link, #mainnav ul.menu a.m2:visited,
#mainnav ul.menu a.m3, #mainnav ul.menu a.m3:link, #mainnav ul.menu a.m3:visited {
	background:#f3eedd;
}
#mainnav ul.menu a.m1:hover, #mainnav ul.menu a.m1:active, 
#mainnav ul.menu a.m2:hover, #mainnav ul.menu a.m2:active, 
#mainnav ul.menu a.m3:hover, #mainnav ul.menu a.m3:active {
	background-image:none;
}

/* note: styles for members-only navigation div - gray when not logged in, red h4 and regular styling on links when logged in - are defined in professional.css */

/* classes used by expanding menu jQuery script */
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

/* editable sidebar feature box _________________________________________________ */
#sidefeature {
	color: #452d27;
	margin:0;
	width:156px;
}
#sidefeature h4 {
	background:#bba756;
	color:#fff;
	font-weight:bold;
	margin: 1.5em 0 0 0;
	padding: 0.5em 4px 0.5em 15px;
}
#sidefeature h4.cta, #sidefeature h4.cta a {
	background:none;
	color:#006c56;
	font-weight:bold;
	margin-top:0.5em;
}
#sidefeature h4.cta a {	
	background:none;
	padding-left: 0;
}	
#sidefeature h4.cta a:hover {	
	color:#bba756;
}
#sidefeature p {
	padding: 1em 4px 0 15px;
}

/* quicklinks nav at bottom of page _____________________________________________ */
#quicklinks {
	font-size:0.9em;
}
#quicklinks h5 {
	float: left;
	margin-top: .5em;
	width: 156px;
}
#quicklinks ul {
	float: right;
	margin: 0.5em 0 0.75em;
	width: 468px;
}
#quicklinks li {
	width: 156px;
	float: left;
}
#quicklinks a, #quicklinks a:link, #quicklinks a:visited {
	border:0;
	display:block;
	float: left;
	padding:0.35em 0px 0.35em 0px;
	width:156px;
} 
#quicklinks a:hover, #quicklinks a:active {
	border:0;
	color: #806a40;
}

/* misc classes ______________________________________________________ */
p.rule {
	border-top: 1px solid #bba756;
	font-size:0;
	height:1px;
	line-height:1px;
	margin:12px 0;
	padding:0;
}
p.indent1, h1.indent1, h2.indent1, h3.indent1, h4.indent1, h5.indent1, ul.indent1, ol.indent1, dl.indent1 {
	margin-left:18px;
}
.clearboth {
	clear:both;
	font-size:0;
	line-height:1px;
}
table#postpublic .smalltext {
	font-size:0.8em;
}
#main_content a#lowprofile, #main_content a#lowprofile:link, #main_content a#lowprofile:visited, 
#main_content a#lowprofile:hover, #main_content a#lowprofile:active {
	border:inherit;
	color:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
	text-decoration:inherit;
	text-transform:inherit;
}