/*--------------- 	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:165px; min-width:960px; text-align:center; }

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

#logo { height:70px; width:454px; position:absolute; top:14px;  left:20px;  }
#logo img { margin:0 0 10px 10px; border:none; }

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

#logo span {background: url(http://www.history.org/images_site2010/logo.gif) no-repeat; width: 454px; height: 70px; display: block; } 
#logo img {display: block; }
	
/* -------------- INFO LINKS - top small link bar --------------*/
#quickLinks{ height:95px; padding:4px 20px 0 0; font-size: 11px; line-height:1.9em; letter-spacing:.01em; 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{ height:20px; width:200px; 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; }	
	
	
/* -------------- MAIN NAV --------------*/	
#navWrapper {height:35px; width:100%; position:relative; z-index:3; }

/*to use when not auto-centering menu	: #nav { margin-left:38px; position:relative; z-index:3; }*/
/* wrappers used to create full width color bar and centering, respectively */
#navMainWrapperWrapper { background:#F0EEE1; }
#nav { position:relative; z-index:3;  }
#nav li { float:left; position:relative;  }
#nav li a { color:#333; font:normal 14px/1em Palatino, Georgia, "Times New Roman", Times, serif; text-transform:uppercase; letter-spacing:.03em; text-align:left; display:block; padding: 10px 18px; }

#nav li+li a { }
#nav li a:hover, #nav li.current a { text-decoration:none; color:#fff; background:#50809A; }
#nav li:hover a { color:#746548; background:none; }
#nav li:hover ul li a { color:#333; }
#nav li:hover ul, #nav li.currnav ul { display:block; z-index:4; }

#nav li ul { display:none; position:absolute; left:0; top:30px; border-top:5px solid #f4f1e9; background:#F0EEE1; width:222px; padding:10px 8px 10px 8px; margin:0; }
#nav li ul#navkids {left:-70px; }
#nav li ul#navabout {left:-120px; }
#nav li ul li { float:none; height:auto; background:none; }
#nav li ul li:hover { height:auto; background:none; }
#nav li ul li a { font: .8em/1.2em Verdana, Helvetica, Arial, sans; text-transform:none; letter-spacing:.03em; border:none; padding:5px 10px; margin:0; color:#746548; background:none; }
#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 */
#navSubWrapperWrapper { background:#50809A; }
#sectionNav { width:100%; height:34px; clear:both; position:relative; background:#50809A; }
	
/*to use when not auto-centering menu: #sectionLinks { height:28px; margin-left:230px; position:relative; }*/

#sectionLinks { height:28px; position:relative; }
#sectionLinks li {  float:left; }
#sectionLinks li a { color:#fff; display:block; padding:3px 18px 0; margin-top:0px;  font-family: Palatino, Georgia, "Times New Roman", Times, serif; font-size:14px; text-transform:uppercase; letter-spacing:.06em;  line-height:31px;}
#sectionLinks li a#rsch { border-right:none; }

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


/*------- STYLES TO CENTER FLOATING HORIZONTAL MENUS -------*/
/* first two lines are for IE6 */
#nav {display:inline-block;}
#nav {display:inline;}
#navMainWrapper {display:table;}

#nav { display:table-row; }
#nav li {display:inline;}

#navMainWrapperWrapper {text-align:center;}
#navMainWrapperWrapper #navMainWrapper {margin:0 auto;}

/* first two lines are for IE6 */
#sectionLinks {display:inline-block;}
#sectionLinks {display:inline;}
#navSubWrapper {display:table;}

#sectionLinks { display:table-row;   }
#sectionLinks li {display:inline;}

#navSubWrapperWrapper {text-align:center;}
#navSubWrapperWrapper #navSubWrapper {margin:0 auto;}


/* -------------- 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;  }






/*--------------- 	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; opacity:.9; filter:alpha(opacity=90); -moz-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:94px; }
#footerLists li#footerTeach { width:116px; }
#footerLists li#footerPubs { width:105px; }
#footerLists li#footerResearch { width:105px; }
#footerLists li#footerMedia { width:100px; }

#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 {opacity:.6; filter:alpha(opacity=60); -moz-opacity:.6; }
#footerIcons .languages li:hover, #footerIcons .social a:hover {opacity:1; filter:alpha(opacity=100); -moz-opacity:1; }
#footerIcons .social { height:16px; float:right; }
#footerIcons .social a { display:block; width:16px; height:16px; float:left; margin:0 2px; font-size:1px; color:#235573; }
#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; padding-top:25px; font-size:11px; font:normal 11px/1em Verdana, Arial, Helvetica, sans-serif; color: #666 }
#footerInfo a { color: #666;font:normal 11px/1em Verdana, Arial, Helvetica, sans-serif; }
#footerInfo img { border:none; }

#footer .languages { height:13px; margin-top:5px; clear:right; float:right; }
#footer .languages a { display:block; width:18px; height:13px; margin:6px 2px; font-size:1px; color:#235573; }
#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; }