@charset "utf-8";
/* CSS Document */

body {
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size:12px;
	background:#303d4b;
}
ul {
	list-style-type: none;
	padding:0px;
}
a {
	color:inherit;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img, video, canvas {
    max-width: 100%;
    }
#wrap {
	text-align:center;
}

#bgBox {
	box-shadow: 0px 0px 2px #000;	
	background:#F1F2E1;
}
#title {
	font-size:22px;
	/*font-family:"Trajan Pro", "Times New Roman", serif;*/
	margin:0px;
	line-height:12px;
	height:25px;
	color:#fff;
}
#quote {
	font-style:italic;
	color:#888;
	padding-bottom:5px;
}
.genSpinner {
	position:absolute;
	z-index:70;
	background:none;
	left:45%;
	top:300px;
	}
/*---------BottomNav--------*/
	nav {
		text-decoration:none !important;
	}
	#navigationBar ul {
		list-style-type:none;
		padding-left:0px;
		text-align:center;
		color:white;
		background-color:#700000;
	}
	ul ul {
		padding-left:0px;
		color:white;
		margin-top:5px;
		}
	nav ul ul a:visited {
		text-decoration:none;
	}
	
	nav ul ul {
		display: none;
	}

	nav ul ul ul {
		display: none;
		box-shadow: 0 0 2px #333 inset;
	}
	nav ul ul li {
		background:#800000;
	}
	nav ul li:hover > ul {
		display: block;
	}
	nav ul ul li:hover
	{
		box-shadow: 0 0 2px #333 inset;
	}
	nav ul li {
		color:#fff;
		width:100%;
		min-height:30px;
		padding-top:10px;
		background: #700000; /* Old browsers */
background: -moz-linear-gradient(top, #700000 0%, #470000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#700000), color-stop(100%,#470000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #700000 0%,#470000 100%); /* Chrome10+,Safari5.1+ */
		color:#fff;
		text-transform:uppercase;
		cursor:pointer;
		border-top:solid 1px #370000;
	}
	nav ul ul ul li {
		border-top:solid 1px #370000;
		background:#470000;
	}

	
/*
#masthead-bottom li {
	width:100%;
	height:30px;
	padding-top:10px;
	background: #333333; 
	background: -moz-linear-gradient(top, #333333 0%, #555555 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#555555));  
	background: -webkit-linear-gradient(top, #333333 0%,#555555 100%);
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
}
*/
#masthead-bottom fieldset {
	border: none;
}
#search label {
	color:#fff;
	}
#searchGo {
	background:#000;
	border:none;
	color:#fff;
	text-transform:uppercase;
	box-shadow: 0 0 2px #222;
	cursor:pointer;
	padding:0px;
}
#masthead-bottom {
	background:#333;
}
#topContent {
	margin-bottom:10px;
	text-align:center;
}
#portraits {
	padding:10px 0 10px 0;
	color:#555;
	font-style:italic;
	background-color:#BAB294; 
}
#portraits li {
	/*float:left;*/
	display: inline-block;
}
.hpThumb {
	margin:.5%;
	box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
	height:140px;
}
.hpThumb: hover {
	box-shadow:0 0 2px rgba(0, 0, 0, 0.7);
	}
.clearFix {
	height:4px;
	background:#000;
}
.portraitBar {
	width:100%;
	height:30px;
	background:#000;
	color:#fff;
	margin-top:-10px;
	padding-top:10px;
	text-align:center;
	margin-bottom:30px;
	}
.portraitBarBtm {
	width:100%;
	height:30px;
	background:#000;
	color:#fff;
	padding-top:10px;
	text-align:center;
	margin-bottom:-10px;
	}
/*------Global Navigation Menu (dk: change this freely, Sarah)-----*/
.liSubmenu {
    margin:0;
    width:120px;
    display:block;
    border: 1px solid #000;
    background-color: #220630;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6C1299), to(#220630));
    background-image: -moz-linear-gradient(19% 75% 90deg,#220630, #6C1299)
}

.liSubmenu a {
    color: #000;
}
/*------Object Detail Panel------*/
#objDetailPanel {
	width:96%;
	background:#fff;
	position:absolute;
	top:50px;
	border: solid 4px #000;

	z-index:200;
	left: 2%;
	right:2%;
	}
#objPagePanel {
	background:#fff;
	}
#objPanel {
	width:96%;
	background:#fff;
	position:absolute;
	top:50px;
	box-shadow: 0 0 3px #000;
	z-index:200;
	left: 2%;
	right:2%;
	}	
#objDetailHeading {
	min-height:100px;
	color:#000;
	padding:5px;
	text-align: left !important;
	margin-bottom:5px;
	}
#objDetailClose {
	height:20px;
	width:14px;
	border-radius:20px;
	background-color:#CC0000;
	color:#fff;
	float:right;
	padding-left:6px;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	cursor:pointer;
	}
#objDetailTopInfo {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-left:10px;
	margin-right:50px;
	margin-bottom:20px;	
	}
.objDetailTitle {
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	margin-bottom:10px;
	}
.objDetailDesc {
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:14px;
	}
#objDetailBtm {
	margin-left:45%;
	}
.btnNextPage {
	margin-top:10px;
	margin-left:5px;
	border: solid 1px #fff;
	padding:3px;
	text-transform:uppercase;
	cursor:pointer;
	width:80px;
	text-align:center;
	display:inline-block;
	}
.btnPrevPage {
	display:inline-block;
	margin-left:-75px;
	margin-right:5px;
	margin-top:10px;
	border: solid 1px #fff;
	padding:3px;
	text-transform:uppercase;
	cursor:pointer;
	width:auto;
	text-align:center;
	}
.objPages {
	display:inline-block;
	}
#objDetailActions {
	float:right;
	margin-right:10px
	}
#objDetailActions a {
	cursor:pointer;
	}
#objDetailBody {
	background:#333;
	padding:10px;
	margin-top:10px;
	}
.objDetailObject {
	/*border: solid 3px #000;*/
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
	margin:auto;
	margin-top: 10px;
	height:auto !important;
	max-width:90% !important;
	}
	
#objPagePanel .objDetailObject {
	box-shadow:none;
	}
	
	
.objDetailExh {
	/*border: solid 3px #000;*/
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
	margin:auto;
	margin-top: 10px;
	height:auto !important;
	max-width:90% !important;
	}
	
#objPagePanel .objDetailExh {
	box-shadow:none;
	}	
		
#objDetailFooter {
	text-align:left;
	min-height:100px;
	color:#000;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:12px;	
	padding:10px;
	line-height:24px;
	}
.objDetailFooterData {
	font-weight:bold;
	margin-bottom:10px;
	line-height:20px;
	}
.objDetailData {
	padding-left:10px;
	}

/*------Sticky Button----------*/
.go-top {
	position: fixed;
	top: 2em;
	right: 2em;
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius:5px;
	font-size: 12px;
	padding: 1em;
	display: none;
}

.go-top:hover {
	background-color: rgba(0, 0, 0, 0.6);
}

/*---------BottomContent---------*/
#bottomContent {
	text-align:center;
}
.columns {
	background:#fff;
	margin: auto;
	margin-top:5px;
	margin-bottom:5px;
	width:98%;
	padding-bottom:10px;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2);
}
.columnHeader {
	height:60px;
	background:#710100;
	font-size: 20px;
	font-weight:bolder;
	color:white;
	padding-top:10px;
	text-transform:uppercase;
	margin-bottom:20px;
}
.columns p {
	text-align:left;
	padding-left:15px;
	padding-right:15px;
	margin-top:2px;
}

.columns h1 {
	font-size:18px;
	color:#333;
	font-weight:600;
	text-align:left;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:2px;
}

span.clear {
	clear: left; 
	display: block; 
}

.featuredEx {
	margin-top:1.8%;
	margin-bottom:1.8%;
	margin-left:2%;
	margin-right:2%;
	padding:2%;
	background:#700000;
	box-shadow:0 0 2px #333;
	text-align:left;
	color:#fff;
	font-weight:600;
	height:60px;
}
.featuredEx a img {
	max-height:60px;
	max-width:60px;
	float:left;
	margin-right:3px;
	}
.featuredOb {
	margin-top:1.8%;
	margin-bottom:1.8%;
	margin-left:2%;
	margin-right:2%;
	padding:2%;
	background:#700000;
	box-shadow:0 0 2px #333;
	text-align:left;
	color:#fff;
	font-weight:600;
	min-height:60px;
}
.featuredOb p:hover {
	cursor:pointer;
	text-decoration:underline;
	}
.featuredOb img {
	max-height:60px;
	max-width:60px;
	float:left;
	margin-right:5px;
	}
.featuredEdAct {
	background: none repeat scroll 0 0 #700000;
    box-shadow: 0 0 2px #333333;
    color: #FFFFFF;
    font-weight: 600;
    height: 60px !important;
    margin: 1.8% 2%;
    padding: 2%;
    text-align: left;
}	
.featuredEdAct img {
	max-height:60px;
	max-width:60px;
	float:left;
	margin-right:5px;
	}
/*****Featured Object Panel *******/
#featuredObjInfo {
	text-align:center;
	font-size:16px;
	width:100%;
	}
#relatedInfo {	
	font-size:14px;
	font-weight:600;
	}

#footer {
	margin-top:20px;
	color:#fff;
}
#footer  ul li {
	width:auto;
	display:inline-block;
	padding-right:5px;	
	padding-left:5px;
}
.footerLI {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
}
.footerTitle {
	font-weight:bold;
	}
/*---------TimelineContent---------*/

#mainTimeline {
	max-width:990px;
}	

#timelineMenu {
	padding-top:5px;
	height:auto;
	background:#000;
	color:#fff;
	text-align:center;
	width:100%;
}

.timelineBtn {
	background:#000;
	color:#ccc;
	font-size:11px;
	text-transform:uppercase;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	border:none;
	cursor:pointer;
	width:100%;
	padding:5px;
	height:auto;
}
.timelineBtn:hover {
	text-decoration:none !important;
	color:#e1c15e;
}
#primaryTimeline {
	height:260px;
	background:#fff;
}
#compTimelineBar {
	height:26px;
	/*background:#9b9277;*/
	background: #43320E;
	color:#352a23 !important;
	padding-top:5px;
}
#objectBar {
	background:#555;
	padding:3px;
	text-align:center;

}
.compareLabel {
		float:left;
		margin-right:5px;
		text-transform:uppercase;
		font-size:11px;
		line-height:20px;
		margin-left:10px;
		font-weight:bold;
		color:#fff;
	}
.object {
	display:inline-block;
	margin-left:5px;
	margin-bottom:5px;
	min-width:80px;
	}
.objectLabel {
	width:100px;
	background:#fff;
	z-index:50;
	color:white;
	}
.object img {
	width:80px;
	height:80px;
	border: solid 4px #000;
	cursor:pointer;
	z-index:60;
	float:left;
}
.object img:hover {
	box-shadow: 0 0 4px #000 inset;
	}
.presPortrait {
	float:left;
	margin:10px;
	margin-left:30px;
}
#presidentColumn p {
	text-align:left;
	font-size:12px;
	line-height:16px;
	font-weight:600;
	color:#555;
}
.objectContainer {
	position:relative;	
}
.object img {
	z-index:60;
	}
.objectLabel {
	min-width:196px;
	min-height:84px;
	background: rgba(0, 0, 0, 0.9);
	color:white;
	position:absolute;
	padding:2px;
	margin-left:88px;
	text-align:left;
	left:0;
	z-index:50;
	font-size:10px;
	overflow:hidden;
	}
.objectLabelTitle {
	font-weight:bold;
	font-size:11px;
	max-width:30em;
	}
.objectLabelRecordType {
	color:#CCCCCC;
	}
.galleryLabel {
	min-width:210px;
	min-height:96px !important;
	background: rgba(0, 0, 0, 0.9);
	color:white;
	position:absolute;
	padding:5px;
	margin-left:106px;
	text-align:left;
	left:0;
	z-index:50;
	font-size:10px;
	overflow:hidden;
	}

/*-----------GalleryContent---------*/
#galleryTitle {
	padding-top:10px;
	height:26px;
	background:#000;
	color:white;
	text-transform:uppercase;
	font-size:11px;
	text-align:left;
	padding-left:20px;
}
#gallery {
	height:380px;
	background:#777;
}
#gallerySearch {
	margin:0px;
	padding-top:4px;
	border:none;
}
#galleryScroll {
	padding-top:3px;
	height:37px;
	background:#000;
	text-align:center;
	color:white;
}
#filter {
	text-align:left;
	width:auto;
	padding-bottom:10px;
	padding-left:5%;
	padding-right:5%;
	color:#000;
	font-size:14px;
	line-height:24px;
}
#filterTitle {
	width:100%;
	margin-bottom:10px;
	font-size:23px;
	font-weight:bold;
}
#filterSources {
	width: 90%;
	margin:auto;
	margin-bottom:10px;
	padding:2%;
}
#filterYears {
	width: 90%;
	margin:auto;
	background:#ccc;
	margin-bottom:10px;
	padding:2%;
}
#filterFormat {
	width: 90%;
	margin:auto;
	background:#ccc;
	margin-bottom:10px;
	padding:2%;
}
.filterMain {
	font-size:18px;
	font-weight:bold;
	color:#474747;
	text-transform:uppercase;
}
#slider {
	height:50px;
	margin:auto;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	width:90%;
}
/*********Search***********/
.searchBarLabel {
	color:#fff;
	background: #700000; /* Old browsers */
	}
#searchPageKeyword {
	margin-top:15px;
	margin-bottom:10px;
	}
.searchResultsBox {
	width:90%;
	margin:5px;
	padding:5px;
	display:inline-block;
	}
.advancedSearch {
	background:#000;
	color:#fff;
	padding:3px;
	cursor:pointer;
	}
.searchResultLi {
	margin-bottom:20px;
	padding:10px !important;
	min-height:68px;
	}
#searchMain {
	max-width:990px;
	}
#searchMain img {	
	border: 3px solid #333333;
	float:left;
	margin-right:10px;
	max-height:66px;
	}
#searchFilter {
	width:30%;
	height:auto;
	background:white;
	margin:5px;
	margin-top:15px;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	padding:10px;
	height:100%;
	}
#searchFilter .h2 {
	font-size:18px;
	text-transform:uppercase;
	text-align:left;
	margin:5px;
	margin-top:0px;
	font-weight:bold;
	}
#searchResults {
	width:60%;
	display:inline-block;
	}
.resultsTitle {
	text-transform:uppercase;
	text-align:left;
	font-size:12px;
	margin:5px;
	font-weight:bold;
}
.searchFilterMain {
	font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
	color:#000;
	margin-bottom:10px;
}
#noResults {
	width:80%;
	text-align:left;
	margin:auto;
	margin-top:20px;
	padding-bottom:15px;
	font-size:14px;
}
#noResults ul {
	list-style:circle;
	font-size:12px;
	line-height:20px;
	}
#noResults a{
	color:#003366;
	}
/*********Exhibit Landing Page *************/
#browseAllContent {
	height:750px;
	cursor:pointer;
}

#browseAllContent img {
	max-width:30px;
	max-height:30px;
	vertical-align:top;
	float:left;
	margin:2px;
	margin-right:3px;
}
/*#browseAllContent li span {
	display:inline-block;
}*/

#browseAllContent table {
	width:90%;
	margin:auto;
}
#browseAllContent th {
	background: #700000;
	width:25%;
	height:30px;
	color:#fff;
	text-transform:capitalize;
}
#browseAllContent td {
	width:25%;
	text-align:left;
	vertical-align:top;
}
#browseAllContent ul {
	/*position:absolute;
	top:200px;*/
	text-align:left;
	margin:0px;
	list-style-position: inside;
	width:auto;
	font-size:14px;
}
#browseAllContent .ulHolder {
	top:200px;
	width:100%;	
}
#browseAllContent li {
	display:block;
	background: #D7D0AF;
	color:#24476B;
	min-height:40px !important;
	width:100%;
	/*width:inherit;*/
	margin-bottom:2px;
	padding-top:3px;
	padding-bottom:3px;
}
#browseAllContent #topics, #presidents {
	text-align:center;
	margin-top:-4px;
}
#browseAllContent #presidents {
	margin-top:-4px;
	text-align:center;
}
/*#browseAllContent #brPresList {
	width:inherit;
	max-width:275px;
}

#browseAllContent #brTopicList {
	width:inherit;
	max-width:255px;
}
 */
#browseAllContent li:hover {
	background:#24476B;
	color:#ffffff;
}
#presidents {
	magrin:50px 20px 0px 50px;
}

#topics {
	magrin:50px 20px 0px 350px;
}	
@media screen and (min-width: 600px) {

#portraits {
	background-image: url(../images/sealBG.gif);
	background-repeat: no-repeat;
	background-position: center;
	}
#title {
	color:#000;
	background:#F1F2E1;
	width:300px;
	margin:auto;
	}
#masthead-top {
	background-image: url(../images/masthead.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size:100% 100%;
}
.menuThumb {
	width:50px;
	height:50px;
	background:#000;
	border: solid 2px #333;
	float:left;
	margin-right:2px;
	}	
/*---------LowerMasthead---------*/
	#masthead-bottom ul {
		margin:0px;
	}
	#masthead-bottom {
		height:40px;
		background: #700000; /* Old browsers */
background: -moz-linear-gradient(top, #700000 0%, #470000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#700000), color-stop(100%,#470000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #700000 0%,#470000 100%); /* Chrome10+,Safari5.1+ */
	}
	#masthead-bottom li {
		width:9%;
		float:left;
		font-size:14px;
		background: none;
		}
	#masthead-bottom li:hover {
		background: #930000; /* Old browsers */
background: -moz-linear-gradient(top, #930000 0%, #660000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#930000), color-stop(100%,#660000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #930000 0%,#660000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #930000 0%,#660000 100%); /* Opera 11.10+ */
	border-left:solid 1px #930000;
	border-right:solid 1px #930000;
	}
	
	/****BottomNAv****/
	ul ul {
		margin-top:0px;
		}
	nav ul li {
		float:left;
		padding:10px;
		padding-bottom:0px;
		margin-top:0px;
		position:relative;
		color: #FFFFFF;
    	cursor: pointer;
    	height: 30px;
    	text-transform: uppercase;
		height:auto;
		border:none;
		}
	nav ul ul {
		position:absolute;
		margin-top:10px !important;
		z-index:500;
	}
	nav ul ul ul {

		/*position: absolute; 
		left: 100%; top:0;*/
	}
	nav ul ul li {
		float:none;
		margin: 0px;
		list-style: none;
		background: #fff !important;
		color:#24476B !important;
		background: none repeat scroll 0 0 #710100;
    	border: 1px solid #24476B !important;
		border-bottom:none !important;
    	min-height: 20px !important;
    	padding: 5px !important;
    	width: 180px !important;
		box-shadow:0px;	
		text-transform:none !important;
		}
	nav ul ul ul li {
		background:#24476B!important;
		color:#fff;
		width:200px !important;
		color:#fff !important;
		margin-left:0px;
		border:none;
		border-top: 1px solid #600100;
		padding: 5px !important;
		min-height: 20px !important;
	}
	
	nav ul ul li:hover {
		background:#24476B !important;
		color:#fff !important;
		box-shadow:none;
		}
		
	nav ul ul li a:hover {
		text-decoration:none;
		}
	nav ul ul ul li:hover {
		background:#35618f !important;
		}
	nav ul li:hover > ul {
		display: block;
		margin-left:30px;
	}
	nav ul ul ul {
		margin-top:0px !important;
		position: absolute; 
		left: 100%; 
		top:0;
		z-index:500;
	}
	
	/*---------------*/
	
	
	#searchBar {
		width:40%;
		margin-left:5px;
	}
	#navigationBar {
		width:100%;
	}
	#navigationBar nav {
		height:40px;
	}
	#masthead-bottom fieldset {
		max-width:300px;
		min-width:20%;
		padding: 8px 0px 5px 0px;
	}
	#masthead-bottom fieldset input {
		padding:2px;
	}
	#ulSubMenu {
		width:200px;
		position:absolute;
		z-index:500;
	}
	#ulSubMenu li {
		width:180px !important;
		background:#710100;
		border: solid 1px #600100;
		margin:0px !important;
		padding: 5px!important;
		height:auto !important;
	}
	#ulSubMenu li:hover {
		background:#a10100 !important;
	}
	#ulSubMenu li a{
		font-size:12px;
		color:#fff;
	}
		
/*---------BottomContent---------*/
	.columns {
		width:47%;
		float:left;
		margin: 1.5%;
		/*max-height:420px;
		overflow-y:auto;*/
	}
	
/*------Object Detail Panel------*/
#objDetailPanel {
	width:80%;
	left: 10%;
	right:10%;
	}
#objPanel {
	width:80%;
	left: 10%;
	right:10%;
	}	
/*---------timelineContent---------*/
	#timelineMenu {
		height:30px;
		padding-top:10px;
		
	}
	.timelineBtn {
		width:auto;
		float:right;
		margin-right:20px;
		padding:0px;
		height:auto;
	}
	
	#presidentSelect {
		float:left;
		margin-left:20px;
	}
	#objectBar {
		height:auto;
	}
	#compTimelineBar {
		padding-left:20px;
	}
	#compSelect{
		float:left;
	}
/*------------GalleryContent-------*/
	#filterSources {
		width: 45%;
		float:left;
		margin-bottom:10px;
		padding:2%;
	}
	#filterYears {
		width: 45%;
		float:right;
		background:#ccc;
		margin-bottom:10px;
		padding:2%;
	}
	#filterFormat {
		width: 45%;
		float:right;
		background:#ccc;
		margin-bottom:10px;
		padding:2%;
	}
}
@media screen and (min-width: 600px) and (max-width: 800px) {
	#rightColumn {
		width:97%;
	}
	#presidentColumn {
		width:97%;
}
}
@media screen and (min-width: 800px) {
	
/*---------BottomContent---------*/
	.columns {
		width:31.1%;
		float:left;
		margin: 1.1%;
		/*min-height:520px;*/
	}	
	.columnHeader {
		font-size: 20px;
		color:white;
		padding-top:5px;
		margin-bottom:20px;
		height:60px;
	}
	#objDetailPanel {
		max-width:800px;
		margin:auto;
		box-shadow: 0 0 20px rgba(0 0 0 0.8);
	}
	#objPanel {
		max-width:800px;
		margin:auto;
	}	
}
@media screen and (min-width: 990px) {
	#wrap{
		width: 990px;
		display:block;
		margin:auto;
	}
	#masthead-bottom #ulMainMenu li {
		width:12.5%;
		float:left;
	}
	#searchBar {
		width:30%;
	}
}
@media screen and (min-width: 1400px) {...}

/*----------- PRINT ---------------*/

@media print {
       body div, body table {display: none;}
        body div#objImage4Print, body div#objImage4Print table {display: block;}	
}

@media print1
{
    body * { 
        visibility: hidden; 
    }
    
    .o2Print { 
        visibility: visible;
        width: 600px;
        color:#000;
    }
    
    .o2Print { 
        position: absolute; 
        top: 40px; 
        left: 30px;
        font: 20px "Helvetica Neue", Helvetica, Sans-Serief;
    }
    
    .o2Print * { 
        visibility: visible;        
    }

    .o2Print * { 
        position: absolute; 
        /*top: 40px; 
        left: 30px;*/
        font: 20px "Helvetica Neue", Helvetica, Sans-Serief;
        color:#000;
    } 
    .o2Print img {
        width: 600px;
    }
 
}