/*--------------- 	UNIVERSAL HEADER & FOOTER STYLES  ----------------*/
/*--------------- Contents:
** Header
** Quick links
** Main nav top bar no dropdown
** Footer styles
--------------------*/

/* ---- to be used with the universal header, _header_universal.cfm -----*/
	
ul { margin:0; }
ul li { list-style: none; }

fieldset { border:none; }


/* -------------- HEADER --------------*/
#header {
	height: 110px; 
	min-width: 960px; 
	text-align: center; 
	padding: 4px 0 !important;
}

#header a {
	border: none; 
	color: #666; 
	text-decoration: none; 
	outline: none;
}

#logo {
	width: 400px;
	height: 64px; 
	position: absolute; 
	top: 6px; 
	left: 20px;
}

#logo img {
	margin:0 0 10px 10px;
	border: none;
}

#thelogo {
	width: 454px;
	height: 0; 
	background: url(http://www.history.org/images_site2010/logo.gif) no-repeat top left; 
	overflow: hidden;
	padding-top: 70px; /* height of logo for screen */ }

#logo span {
	width: 400px; 
	height: 64px; 
	background: url(/images_global/cw_logo_tag.png) no-repeat; 
	display: block; 
	behavior: url("/cwf_styles/iepngfix.htc");
} 

#logo img {
	display: block;
}

#snowflakes {
	width: 1035px; 
	height: 82px;
	overflow: hidden; 
	position: absolute; 
	top: 0;     
	left: 50%;
    margin-left: -518px;
	background: url(/images_global/snowflakes.png) no-repeat 0 0;
	behavior: url("/cwf_styles/iepngfix.htc"); 
}
	
/* -------------- INFO LINKS - top small link bar --------------*/
#quickLinks{
	height: 58px; 
	padding: 20px 20px 0 0; 
	font-size: 10px; 
	line-height: 1.9em; 
	letter-spacing: .06em; 
	color: #c5beac; 
	list-style: none; 
	text-align: right;
}

#quickLinks a {
	color: #999;
	text-decoration: none;
}

#quickLinks a:hover {
	color: #333;
}

form {
	display: inline;
}

fieldset {
	display: inline;
	position: relative; 
	top: 1px; 
	padding: 0; 
	margin: 0; 
	border: none;
}

#searchbox{
	width: 200px; 
	height: 20px; 
	font-size: 1em; 
	border: 1px solid #bbb; 
	padding: 2px 5px 0; 
	margin: 2px 0 0 0; 
	color: #999;
}

#searchsubmit{
	vertical-align: bottom; 
	margin: 0 0 2px 0; 
	background:#50809A; 
	position:relative; 
	top:1px; 
	behavior: url("/cwf_styles/iepngfix.htc");
}	
	

/* -------------- MAIN NAV --------------*/	
/* wrappers used to create full width color bar and centering, respectively */
/*to use when not auto-centering menu	: #nav { margin-left:38px; position:relative; z-index:3; }*/

#navWrapper {
	width: 100%; 
	height: 30px; 
	position: relative; 
	z-index: 3;
}

#navMainWrapperWrapper {
	background:#F0EEE1;
	text-align: center;
}

#navMainWrapperWrapper #navMainWrapper {
	margin: 0 auto;
}

#navMainWrapper {
	display: table;
	border-collapse: collapse;
}

ul#nav {
	position: relative; 
	display: inline-block;
	display: inline;
	display: table-row;
	z-index: 3;
	border-collapse: collapse;
}

ul#nav li {
	float: left; 
	position: relative;
	display: inline;
}

ul#nav li a {
	/*color: #333; */
	font-family: Arial,Helvetica,sans-serif; 
	font-size: 13px; 
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: .05em;
	text-align: left;
	display: block;
	padding: 10px 10px;
}

ul#nav li a:hover, 
ul#nav li.current a {
	text-decoration: none;
	color: #fff;
	background: #50809A;
}

ul#nav li:hover a {
	color: #746548;
	background: none;
}

ul#nav li:hover ul li a {
	color: #333;
}

ul#nav li:hover ul,
ul#nav li.currnav ul {
	display: block;
	z-index: 4;
}

ul#nav li + li.navvisit a {
	background: none;
}

/* DROPDOWN MENUS */
ul#nav li ul {
	display: none;
	position: absolute;
	left: 0;
	width: 222px;
	top: 30px;  
	border-top: 5px solid #F4F1E9;
	background: #F0EEE1;
	padding: 10px 8px 10px 8px;
	margin: 0;
}

/*ul#nav li ul#navresearch {
	display: none !important;	
}*/

ul#nav li ul#navkids {
	left: -70px;
}

ul#nav li ul#navabout {
	left: -120px;
}

ul#nav li ul#navdonate {
	left: -144px;
}

ul#nav li ul li { 
	float: none; 
	height: auto; 
	background: none;
}

ul#nav li ul li:hover {
	height: auto;
	background: none;
}

ul#nav li ul li a {
	font-size: 1em;
	line-height: 1.2em;
	font-family: Verdana, Helvetica, Arial, sans; 
	text-transform: none; 
	letter-spacing:.03em; 
	border: none; 
	padding: 5px 10px; 
	margin: 0; 
	color: #746548; 
	background:none;
}

ul#nav li ul li a:hover {
	color: #333;
	background: #ccc7bc;
}

/* --------------  HIST & EDUCATION SUB NAVIGATION BAR --------------*/
/* second bar of colored links */
/* wrappers used to create full width color bar and centering, respectively */
/*to use when not auto-centering menu: #sectionLinks { height:28px; margin-left:230px; position:relative; }*/
/*
#navSubWrapperWrapper {
	background: #50809A;
	text-align: center;
	display:none;
}

#navSubWrapperWrapper #navSubWrapper {
	margin: 0 auto;
}

#navSubWrapper {
	display: table;
}*/

#sectionNav {
	width: 100%; 
	height: 34px; 
	clear: both; 
	position: relative; 
	background: #50809A;
}
ul#sectionLinks {
	height: 28px;
	position: relative;
	display: inline-block;
	display: inline;
	display: table-row;
}

ul#sectionLinks li {
	float: left;
	display: inline;
}

ul#sectionLinks li a {
	color: #fff; 
	display: block; 
	padding: 3px 18px 0; 
	margin-top: 0px;
	font: normal 13px/31px Arial,Helvetica,sans-serif;
	text-transform: uppercase; 
	letter-spacing: .06em;  
}

ul#sectionLinks li a#rsch {
	border-right: none;
}

ul#sectionLinks li a:hover {
	background: #7FACC3;
	opacity: 1;
	text-decoration: none;
}
		
#sectionNav ul#sectionLinks li.current_section {
	border-bottom: none;
	background: #8E7D68;
}

#sectionNav ul#sectionLinks li.current_section a {
	border: none;
	color: #fff;
}	

#sectionNav > ul#sectionLinks li.current_section a {
	color: #8E7D68;
	background: #fff;
} 



/* -------------- EMUSEUM TEMP FIX UNTIL REDESIGN IS UP --------------*/

/*#frm #header {
	text-align:left;
	height:133px;
}
#frm #logo {left:150px !important; }
#frm #infoLinks{ height:95px; padding:4px 20px 0 0; font-size: 12px; line-height:1.9em; letter-spacing:.01em; color: #c5beac; list-style: none; text-align:right;  }
#frm #infoLinks a { color: #999; text-decoration: none; }
#frm #infoLinks a:hover{ color:#333; }
#frm #nav li a:hover, #nav li.current a { background:#38434A; color:#fff; }
#nav li.current li a { background:#F0EEE1; color:#333; }*/


/* -------------- MISC ADDITIONS --------------*/
.cssDisabled {
	display:none !important;
}

.clear {
	clear:both !important;
}
.mobilenag {
	text-align: center; 
	font-size: 13px;
	background: #EAE7E1;
	padding: 2px 2px 4px;
	border-radius: 5px;
	width: 560px;
	margin: 10px auto 0;	
}
.mobilenag a {
	text-decoration: underline;	
	color: #090909 !important;
}
.mobilenag .disablenag { 
	color: #666666 !important;
	font-size: 9px;
	text-decoration: none !important;
	text-transform: uppercase;
	padding: 3px 5px;
	text-align: right;
	display: block;
	float: right;
}
.mobilenag .disablenag:hover {
	color: #FF1919 !important;	
}


/*--------------- 	UNIVERSAL FOOTER STYLES   ----------------*/

/* ---- to be used with the universal footer, _footer_universal.cfm -----*/



/* ---------------------------- FOOTER	 ---------------------------*/
	
#footer {
	color: #333; 
	position: relative;
}

#footerContainer {
	margin: 0 30px;
}

#footer a {
	color: #333; 
	text-decoration: none;
}

#footer a:hover {
	color: #000;
}
#footer img {
	margin:0 5px 0 0;
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	opacity:.9;
}
#footer ul {
	margin:0;
	padding:0;
}

#footerLists {
	margin-left: -10px;
}

#footerLists li {
	float: left; 
	margin: 0 15px 0 0;
}

#footerLists li a {
	font: bold 13px/1.1em Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: none;
	color: #666; 
}
#footerLists li li {
	margin: 2px 0; 
	float: none; 
}

#footerLists li li a {
	font: normal 11px/1em Verdana, Arial, Helvetica, sans-serif;
	font-style: normal; 
	text-transform: none; 
	color: #666;
}

#footerLists li#footerVisit {
	width: 70px;
}
#footerLists li#footerHist {
	width: 90px;
}
#footerLists li#footerTeach {
	width: 120px;
}
#footerLists li#footerPubs {
	width: 105px;
}
#footerLists li#footerResearch {
	width:85px;
}
#footerLists li#footerMuseum {
	width: 115px;
}
#footerLists li#footerMedia {
	width:85px;
}

#footerCallouts { 
	text-align: right; 
	font-size: 11px; 
	line-height: 1.8em; 
}

#footerCallouts a {
	color: #666; 
	font: normal 11px/1em Verdana, Arial, Helvetica, sans-serif;
}

#footerCallouts img {
	margin-right: 5px; 
	border: none; 
}

#footerIcons { 
	clear:both;
	float:right;
	text-align:right;
}

#footerIcons img {
	border: none;
	margin-top: 5px;
}

#footerIcons li {
	float: left;
	margin: 0 0 0 2px;
}

#footerIcons .languages li, #footerIcons .social a {
	filter:alpha(opacity=60); 
	-moz-opacity:.6;
	opacity:.6; 
}

#footerIcons .languages li:hover, #footerIcons .social a:hover {
	filter:alpha(opacity=100); 
	-moz-opacity:1;
	opacity:1; 
}

#footerIcons .social {
	height:16px;
	float:right;
}

#footerIcons .social a{
	width: 16px;
	height: 16px;
	color: #235573;
	display: block;
	float: left;
	font-size: 1px;
	margin: 0 2px;
}

#footerIcons .social a.facebook {
	background: url(http://www.history.org/images_global/social/sprite_social.png) no-repeat left 0px;
}

#footerIcons .social a.rssicon {
	background: url(http://www.history.org/images_global/social/sprite_social.png) no-repeat left -18px;
}

#footerIcons .social a.youtube {
	background: url(http://www.history.org/images_global/social/sprite_social.png) no-repeat left -36px;
}

#footerIcons .social a.twitter {
	background: url(http://www.history.org/images_global/social/sprite_social.png) no-repeat left -54px;
}

#footerIcons .social a.flickr {
	background: url(http://www.history.org/images_global/social/sprite_social.png) no-repeat left -72px;
}

#footerInfo {
	clear: left;
	color: #666;
	font: normal 11px/1em Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 25px;
}

#footerInfo a {
	color: #666;
	font: normal 11px/1em Verdana, Arial, Helvetica, sans-serif;
}

#footerInfo img {
	border: none;
}

#footer .languages {
	clear: right;
	float: right;
	height: 13px;
	margin-top: 5px;
}

#footer .languages a {
	color: #235573;
	display: block;
	font-size: 1px;
	height: 13px;
	margin: 6px 2px;
	width: 18px;
}

#footer .languages a.american_flag {
	background: url(http://www.history.org/index_images10/sprite_flags.png) no-repeat left -42px;
}

#footer .languages a.german_flag {
	background: url(http://www.history.org/index_images10/sprite_flags.png) no-repeat left -0px;
}

#footer .languages a.spanish_flag {
	background: url(http://www.history.org/index_images10/sprite_flags.png) no-repeat left -112px;
}

#footer .languages a.french_flag {
	background: url(http://www.history.org/index_images10/sprite_flags.png) no-repeat left -98px;
}

#footer .languages a.italian_flag {
	background: url(http://www.history.org/index_images10/sprite_flags.png) no-repeat left -70px;
}

#footer .languages a.russian_flag {
	background: url(http://www.history.org/index_images10/sprite_flags.png) no-repeat left -28px;
}

#footer .languages a.chinese_flag {
	background: url(http://www.history.org/index_images10/sprite_flags.png) no-repeat left -14px;
}

#footer .languages a.japanese_flag {
	background: url(http://www.history.org/index_images10/sprite_flags.png) no-repeat left -56px;
}