/* @override 
	http://172.28.2.58/cwf_styles/13_publications.css */

/* !---- HISTORY HEADER AND FOOTER ---- */
/* foundation bar color */
#foundationBar {
	background: #D0CBC5;
}
#foundationBar #learntab {
	background: #fff;
}

/* !---- header and footer */
body,
#footer, 
#historyorgnav {
	background-color: #AD946B !important; /* cream */
}
#historyorgnav li a {
	color: white;
}
/* highlight this section on top nav bar */
#historyorgnav li.navpub > h5 > a {
	background-color: #fff;
	color: #203643; /* blue */
}

/* middle background color */
#containerwrapper,
#main {
	background: #333333; /* gray */
}


/* !-------- PAGE NAVIGATION --------*/
#container,
#pageNav,
#navAndPromos > #pageNav {
	background-color: #3b4f5c;
}


/* TITLES */
/* main section title */
#pageNav h3 a {
	color: #fff;
	background-color: #AD946C;
	font-size: 22px;
	font-size: 2.2rem;
}
#pageNav h4.chunktitle {
	color: #fff;
	border-top: 1px solid #54646c;
}
/*section titles */
#pageNav h4 a {
	color: #c6d0e8;
}

/* -------------- CURRENT SECTION --------------*/
/* current section title */
#pageNav h4.current_section a,
#pageNav h4 a:hover {
	color: #fff; 
	background-color: #AD946C;
}
/* 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 --------------*/
#pageNav li.current_page a,
#pageNav li.current_submenu ul li.current_page a, 
#pageNav li.current_submenu ul li.current_page a:hover,
#pageNav h4.current_page a {
	background: #ccc392 !important;
	color: white !important;
}
#pageNav h4.current_page a:hover,
#pageNav li.current_submenu ul li a:hover,
#pageNav ul.current_section li.current_page ul li a:hover {
	color: white !important;
	background-color: #7aa4bb !important;
}

/* pointer arrow */
#pageNav ul > li.current_page > a:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;

	border: 13px solid transparent;
	border-right-color: #fff;
	top: 0;
	right: -1px;
}


/* -------------- 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: #fff !important;
}








/* -------------- SECTION CONTENT --------------*/
#content h1, #content h1 a {
	color: #3B4F5C;	
}
#content a {
	color: #3D669E;
}
#content h2, #content h2 a {
}
#content h3, #content h3 a {
		color:#9C5239;
}


/* -------------- SECTION LANDING --------------*/
/*
#content #landing h2 {
	color: #845E3A;
}
#landing #features li div.media {
	background: #30482C;
}
#landing #features li h3 {
	background: #30482C !important;
	color: #fff;
}
#content #highlights ul li {
	background: #EAE7E2;
}
#content #highlights ul li a {
	color: #333;
}
#content #highlights ul li a h3 {
	color: #30482C;
}
#content #landingsidebar a h3 {
	color: #A78F73;
}
#content #highlights ul li a:hover h3,
#content #landingsidebar a:hover h3 {
	color: #845E3A;
}
#content #landingsidebar {
	width: 180px !important;
}
#content #landingsidebar a p {
	color: #333;
}
#content #info {
	background: #72866D !important;
	width: auto !important;
}
*/



/*other*/
.toc{
	width: 365px !important
}







/* !--------- LANDING PAGE -------- */


/* !---- features */
#features article img {
	border-color: #AD946C; /* red */
}
#features div.text h3,
#features div.text p {
	color: #335c74;
}



/* !---- highlights */
#highlights {
	background-color: #AD946C; /* beige */
}
#highlights aside h3 {
	color: #fff;
	border-bottom-color: #C7BFAF;
}
#highlights aside p {
	color: #fff;
}
#highlights article .extralinks a {
	color: #ca9442;
}

#highlights h4 {
	color: #74635b; /* brown */
}

#highlights hgroup h3, #highlights hgroup h3 a {
	color: #ca9442; /* red */
}


/* !--- section nav */
#sectionnav,
#highlights_wrapper {
	background-color: #3b4f5c;
}
#sectionnav hgroup h3, 
#sectionnav ul {
	border-bottom-color: #54646c;
}
#sectionnav hgroup h3 {
	color: #B8A077; /* orange */
}
#sectionnav h3 {
	color: #9CA9C9; /* blue */
}
#sectionnav a {
	color: #fff; /* white */
}
#sectionnav a:hover {
	background-color: #ad946c;
	color: white;
}

/* !---- popular links */
#popularlinks ul li a {
	color: #fff !important;
}
#popularlinks .poplinkcircle {
	background-color: #AD946C !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 */
}


/* OVERWRITES */
#mainContent .about{
	width: 64% !important;
}
.misc li{
	width: 50%;
	list-style: none;
	float: left;
}
/* LEARN MORE BUTTON */
a.small.button {
	background-color: #c1b49f; /* beige */
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	bottom: 0;
	right: 30px;
	margin-bottom: 30px;
	padding: 6px 8px;
}
a.small.button:hover {
	background-color: #005F9F; /* blue */
}

/* Small Devices ------------ */
@media only screen and (max-width: 767px){
	#content{background-color: white !important;}
	#mainContent .currentissue .about{width:100% !important;}

}