/* @override 
	http://172.28.2.58/cwf_styles/13_history.css */

/* !---- HISTORY HEADER AND FOOTER ---- */
/* foundation bar color */
#foundationBar {
	background: #D0CBC5;
}
#foundationBar #learntab {
	background: #fff;
}




/* !---- header and footer */
body,
#footer, 
#historyorgnav {
	background-color: #C1AD7A !important; /* cream */
}
#historyorgnav li a,
#footer a,
#footer,
ul#footerLists li a,
#footerCallouts h6 {
	color: black !important;
}
/* highlight this section on top nav bar */
#historyorgnav li.navhistory > h5 > a {
	background-color: #fff;
	color: #9C5139; /* red */
}

/* middle background color */
#containerwrapper,
#main {
	background: #657652; /* green */
	width: 100% !important;
}

#footerCallouts a.jlogo {
	background-image: url(/images_global/jamestownlogo_dark.gif) !important;
}


 
/* !-------- PAGE NAVIGATION --------*/


#container,
#pageNav,
#navAndPromos > #pageNav  {
	background-color: #d2c49c;
	}


/* TITLES */
/* main section title */
#pageNav h3 a {
	color: #fff;
	background-color: #7e3a14;
}
#pageNav h4.chunktitle {
	color: #7e3a14;
	border-top: 1px solid #b8ad8f;
}
/*section titles */
#pageNav h4 a {
	color: #443d30;
}

/* -------------- CURRENT SECTION --------------*/
/* current section title */
#pageNav h4.current_section a,
#pageNav h4 a:hover {
	color: #fff; 
	background-color: #703926;
}
/* current section link list */
#pageNav ul.current_section {
	background-color: #ece5d3;
}
/* current section link list text  */
#pageNav ul.current_section a {
	color: #58574d;
}


/* -------------- CURRENT SUBSECTION --------------*/
/* current subsection background */
#pageNav li.current_submenu {
	background: #f3f2ed;
}
/* current subsection title */
#pageNav li.current_submenu a {
	background-color: #4d6f87;
	color: #fff;
}
/* current subsection nested ul background */
#pageNav li.current_submenu ul {
	background-color: #f9f8f7;
}
/* current subsection nested ul a */
#pageNav li.current_submenu ul li a {
	background-color: #F2F1ED;
	color: #6a605a;
}


/* -------------- CURRENT SUBSUBSECTION --------------
#pageNav ul li.current_submenu ul li.current_submenu {
	background: #DFDDD5;
	background: #e3e1d8;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	font-weight: bold;
	margin: 3px 0;
	padding-top: 5px;
}
#pageNav ul li.current_submenu ul li.current_submenu ul {
	background: #CFCDC6;
	background: #DFDDD5;
	background: #e3e1d8;
	display: block;
	margin: 0;
}
#pageNav li.current_submenu ul li.current_submenu ul li {
	font-weight: normal;
}*/


/* -------------- CURRENT PAGE --------------*/
body #pageNav li.current_page a, 
body #pageNav li.current_submenu ul li.current_page a, 
body #pageNav li.current_submenu ul li.current_page a:hover,
body #pageNav h4.current_page a {
	background: #4B7E9B !important;
	color: white !important;
}
body #pageNav h4.current_page a:hover,
body #pageNav li.current_submenu ul li a:hover,
body #pageNav ul.current_section li.current_page ul li a:hover {
	color: white !important;
	background-color: #7aa4bb !important;
}


/* -------------- SUBSECTION AROUND CURRENT PAGE --------------*/

#pageNav ul.current_section li.current_page ul li a,
#pageNav ul.current_section li.current_page ul  {
	color: black !important;
	background-color: #F3F1EA !important;
}







/* -------------- SECTION CONTENT --------------*/
#content h1, #content h1 a {
	color: #703926;	
}
#content a {
	color: #3D669E;
}
#content h2, #content h2 a {
color: #C1AD7A;
color: #486C83;
}
#content h3, #content h3 a {
		color: #486C83;
}




/* -------------- PEOPLE LIST--------------*/
#landingbox #list ul li a{
	font-size: 13px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
#landingbox #list h3{
	font-size: 20px !important;
}
#landingbox ul.imagelist h4{
	font-size: 16px !important;
}
#landingbox #list{
	width: 22% !important;
}
#landingbox #listcontent h4{
	background-color: #8f7b2b !important;
}
#landingbox #listcontent{
	border-bottom:	5px solid #8f7b2b !important;
}

/* -------------- PLACES LIST--------------*/
#content #listcontent table h3{width:50% !important;}



/* !--------- LANDING PAGE -------- */


/* !---- features */
#features article img {
	border-color: #C1AD7A; /* cream */
}


/* !---- highlights */
#highlights {
	background-color: #EEE6D6; /* beige */
}
aside h3 {
	border-bottom-color: #C7BFAF;
}
#highlights h4 {
	color: #64686B; /* red */
}
#highlights hgroup h3, 
#highlights hgroup h3 a,
#highlights article .extralinks a {
	color: #9C5139; /* red */
}
#highlights article#dailyfact hgroup h3 {
	margin-top: 10px;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-size: 1.5rem;
}
#highlights article#dailyfact p {
	display: block;
}
#highlights article#dailyfact p strong {
	font-weight: normal;
	color: #9C5139;
}
#highlights article#dailyfact:hover .highlightinfo {
	width: 40%;
}
#highlights article#dailyfact:hover img {
	
	display: block;
}

/* !--- section nav */
#sectionnav hgroup h3, 
#sectionnav ul {
	border-bottom-color: #D4CCC2;
}
#sectionnav hgroup h3 {
	color: #9C5139; /* red */
}
#sectionnav h3 {
	color: #B6A46D; /* cream */
}
#sectionnav a {
	color: #7B8890; /* cloud blue */
}

/* !---- popular links */
#popularlinks ul li a {
	color: #fff !important;
}
#popularlinks .poplinkcircle {
	background-color: #AD9F88 !important; /* tan */
}
#popularlinks .poplinkcircle:hover{
	background-color: #781918 !important; /* red */
}



/* LEARN MORE BUTTON */
a.small.button {
	background-color: #c1b49f; /* beige */
	color: white;
}
a.small.button:hover {
	background-color: #005F9F; /* blue */
}
@media only screen and (max-width: 855px){
	body{
		width: 100% !important;
	}
	section#main{
		width:100% !important%
	}
	
	#highlights article#dailyfact:hover .highlightinfo {
	width: 50%;
	}
	#highlights article#dailyfact:hover img {
		display: block;
	}
}
	
@media only screen and (max-width: 400px){

	#highlights article#dailyfact:hover .highlightinfo {
	width: 100%;
	}
}
	
	
	
	
	