/* Structure
----------------------------------------------- */

html {
	background-color: #f8f8f8;
}

body {
	margin: 0;
	padding: 0;
}

#ogden, #navigation, #footer {
	width: 750px;
	
}

#ogden {
	margin: 0 auto;
	background-color: #fff;
}

.clear { clear:  both; }

/* navigation 
----------------------------------------------- */

#navigation {
	height: 28px;
	overflow: hidden;
	background-color: #ebebeb;
	position: relative;
	margin-bottom: 25px;
}

#navigation ul {
	position: absolute;
	top: 0px;
	left: 28px;
	margin: 0px;
	padding: 0px;
}

#navigation ul li {
	margin: 0px;
	padding: 0px;
	float: left;
}


#navigation ul li a {
	display: block;
	height: 28px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-indent: -9999px;

}


#navigation ul li.home a {
	width: 54px;
	background: url(../imgs/nav_home.gif) 0 0 no-repeat;
}


#navigation ul li.exhibitions a {
	width: 77px;
	background: url(../imgs/nav_exhibitions.gif) 0 0 no-repeat;

}

#navigation ul li.collections a {
	width: 77px;
	background: url(../imgs/nav_collections.gif) 0 0 no-repeat;
}


#navigation ul li.shop a {
	width: 45px;
	background: url(../imgs/nav_shop.gif) 0 0 no-repeat;
}


#navigation ul li.education a {
	width: 72px;
	background: url(../imgs/nav_education.gif) 0 0 no-repeat;
}

#navigation ul li.membership a {
	width: 87px;
	background: url(../imgs/nav_membership.gif) 0 0 no-repeat;
}

#navigation ul li.current a {
	background-position: 0 -28px;
}

#navigation ul li a:hover {
	background-position: 0 -28px;
}

h1.ologo {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 28px;
	height: 28px;
	background: url(../imgs/o.gif) 0 0 no-repeat;
}

#navigation form {
	position: absolute;
	top: 6px;
	right: 9px;
}

#navigation form p {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	line-height: 11px;
}

#navigation form input {
	width: 90px;
	height: 15px;
	margin-left: 8px;
	background-color: #adadad;
	border: none;
	color: #fff;
	font: normal 11px/12px helvetica, arial, verdana, sans serif;
	padding: 0px 3px;
} 


#navigation form input.search {
	width: 15px;
	height: 15px;
	margin: 0 0 5px 5px;
	border: none;
	color: #fff;
	font: normal 11px/12px helvetica, arial, verdana, sans serif;
	padding: 0px;
}


#navigation a {
	color: #919191;
	font: normal 11px/12px helvetica, arial, verdana, sans serif;
	text-decoration: none;
}

#navigation a:hover {
	color: #971b1e;
}


/* Content
----------------------------------------------- */


.single_col {
	width: 553px;
	margin: 0 10px;
}

.single_col tr td {
	padding: 0 0;
} 

.thumbs {
	margin: 15px 0;
}

.module01 {
	float: left;
	width: 238px;
	height: 178px;
}

.module02 {
	display: inline;
	float: left;
	width: 238px;
	height: 178px;
	margin: 0 18px;
}

.module03 {
	float: left;
	width: 238px;
	height: 178px;
}

.right_module {
	width: 146px;
	float: left;
	margin: 14px 0px 15px 0;
}

.right_module h4 {
	margin: 0 0 5px 0;
	padding: 0px;
}

.right_module p {
	margin: 10px 0 5px 0;
}

.right_module a {
	font-family: helvetica, arial, verdana, sans serif;	
	font-size: 11px; 
	font-weight:bold; 
	color: #971b1e; 
	text-decoration: none
}



/* Footer
----------------------------------------------- */

#footer {
	position: relative;
	height: 64px;
	background-color: #e6e6e6;
	float: left;
	clear: both;
}

#footer p {
	font: normal 9px/12px helvetica, arial, verdana, sans serif;
	color: #919191;
	margin: 11px 0 0 11px;
	padding: 0px;
	width: 600px;
}


#footer a:hover {
	color: #971b1e;
	text-decoration: none;
}

#footer ul {
	margin: 5px 0 0 11px;
}

#footer ul li {
	font: normal 9px/12px helvetica, arial, verdana, sans serif;
	float: left;
	border-right: 1px solid #919191;
	height: 11px;
}

#footer ul li.last {
	border-right: 0px solid #333;
}

#footer ul li.first a {
	margin: 0 5px 0 0;
}


#footer ul li a {
	margin: 0 5px;
		color: #919191;

}


#footer p.footer_right {
	position: absolute;
	top: 11px;
	right: 11px;
	width: 125px;
	float: right;
	text-align: right;
	margin: 0px;
}

a.press {
	display: block;
	float: right;
	margin-top: 5px;
}

/* Text
----------------------------------------------- */

h1 {
	color: #FF00FF;
	font: bold 1.4em/1.8em helvetica, arial, verdana, sans serif;
	margin: 0;
	padding: 0;
}


h2 {
	color: #cc0000;
	font: bold 36px/48px helvetica, arial, verdana, sans serif;
	padding: 0;
	line-height: 1em;
	margin: 10px 0 22px 178px;
}



h3 {
	font: bold 20px/25px helvetica, arial, verdana, sans serif;
	color: #979797;
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #d5d5d5;
}


h3.pageTitle3 {
	font: bold 16px/18px helvetica, arial, verdana, sans serif;
	margin: 40px 0 0px 0;
	color: #333;
	border-bottom: 0px solid #fff;
}

h4 {
	font: bold 15px/18px helvetica, arial, verdana, sans serif;
	color: #979797;
	margin: 25px 0 10px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #d5d5d5;
}

h4.first {
	margin-top: 8px;
}

.right_module h4 {
	font: bold 13px/16px helvetica, arial, verdana, sans serif;
}


h5 {
	font: bold 12px/14px helvetica, arial, verdana, sans serif;
	color: #666;
	margin: 25px 0 10px 0;
	padding: 0 0 2px 0;
	border-bottom: 0px solid #fff;
}



p {
	margin: 0 0 10px 0;
	font: normal 11px/16px helvetica, arial, verdana, sans serif;
	color: #666;
}


ul, dl {
	margin: 0;
	padding: 0;
	list-style: none;
}


li, dt, dd {
	font: normal 1em/1.2em helvetica, arial, verdana, sans serif;
	margin: 0 0 4px 0;
	padding: 0;
}


.content ul {
	list-style-image: url(../imgs/bullett_d32e34.gif);
	margin: 20px 5px;
	padding: 0 0 0 10px;
}

.content li {
	font: normal .75em/1.4em helvetica, arial, verdana, sans serif;
	margin: 0 0 10px 0;
}

a {
	text-decoration: none;
	color: #971b1e;
}

a:hover {
	text-decoration: underline;
	color: #971b1e;
}

.replace {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}


img {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}


/* Page Specific
----------------------------------------------- */

#discovery-space-header {
		display: block;
		display: inline; /*ie6 .. */
		float: left;
}

#discovery-space-header img {
	float: left;
}

.event-feed {
	margin: 30px 20px 20px 0;
	width: 180px;
	float: right;
}

.event-feed p {
	text-align: right;
	font: normal 17px/22px helvetica, arial, verdana, sans serif;
	/*
	color: #b2b2b2;
	*/
	color: #971b1e;
}

.event-feed a{
	/*color: #b2b2b2;*/
	color: #971b1e;
}
.event-feed a:hover{
	text-decoration: none;
	color: #606060;
}


#feature_modules {
	width: 750px;
	position: relative;
	margin: 23px 0;
	float: left;
	overflow: hidden;
}

#feature_modules h3 {
	display: block;
	height: 23px;
	width: 238px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-indent: -9999px;
	border: none;
}

#feature_modules a {
	display: block;
	width: 238px;
	height: 155px;
	font: normal 12px/16px helvetica, arial, verdana, sans serif;
	color: #fff;
}

#feature_modules .toggle {
}

#feature_modules .toggle a  {
	display: block;
	float: right;
	width: 22px;
	height: 16px;
	margin:0 2px;
}

#feature_modules .toggle a.a_1_on {
	background: url(../imgs/toggle_2_on.gif) 0 0 no-repeat;
}

#feature_modules .toggle a.a_2_on {
	background: url(../imgs/toggle_1_on.gif) 0 0 no-repeat;
}

#feature_modules .toggle a.a_1_off {
	background: url(../imgs/toggle_2_off.gif) 0 0 no-repeat;
}

#feature_modules .toggle a.a_1_off:hover {
	background: url(../imgs/toggle_2_on.gif) 0 0 no-repeat;
}

#feature_modules .toggle a.a_2_off {
	background: url(../imgs/toggle_1_off.gif) 0 0 no-repeat;
}

#feature_modules .toggle a.a_2_off:hover {
	background: url(../imgs/toggle_1_on.gif) 0 0 no-repeat;
}

#toggle_contain #toggle_links{
	position: absolute;
	top: 7px;
	right: 5px;
}

#toggle_contain .toggling a {
	position: absolute;
	top: 23px;
	left: -2px;
	display: block;
	width: 238px;
	height: 155px;
}


#toggle_contain .facebook a {
	background: url(../imgs/module_community.jpg) 0 0 no-repeat;
}

.facebook {
display: none;
}

.facebook {

}

#toggle_contain .flickr a {
	color: #363636;
	background: url(../imgs/module_community_2.jpg) 0 0 no-repeat;
}


#feature_modules a:hover {
	text-decoration: none;
}

#feature_modules a span {
	display: block;
	float: right;
	width: 90px;
	margin: 34px 10px 0 0;
}

#feature_modules a span img {
	margin: 0 0 -1px 0;
}

#exhibitions h3 {
	background: url(../imgs/hdr_exhibitions.gif) 0 0 no-repeat;
}

#exhibitions a {
	background: url(../imgs/module_exhbtns.jpg) 0 0 no-repeat;
}

#community {
	position: relative;
}

#community h3 {
	background: url(../imgs/hdr_community.gif) 0 0 no-repeat;
}

#shop h3 {
	background: url(../imgs/hdr_shop.gif) 0 0 no-repeat;
}

#shop a {
	background: url(../imgs/module_shop.jpg) 0 0 no-repeat;
}

#community a {
}

#community a span {
}

table.body {
	margin: 0 20px 0 20px;
}

table.myogden {
	margin: 0 20px 0 20px;
}

table.collections {
	margin: 0 0 20px 20px;
}

.collections tr td a {
	display: block;
	float: left;
	clear: both;
	margin: 10px 0 0 0;
}

.body img {
	 float: left;
	 margin: 0 10px 5px 0;
}
.collections br {
	clear: both;
}

.body li {
	line-height: 18px;
}

table.form {
	margin-top: 25px;
}

.form td {
	padding: 3px 0;
}


.introducing {
	height: 22px;
	clear: both;
	margin-bottom: 1px;
}

.introducing p {
	margin: 0;
	padding: 0;
}


/* Temp fix for float wrapper
-----------------------------------------------  */

#homepage {
	width: 750px; 
	overflow: hidden; 
	margin: 0 auto;
}



/* These are standard sIFR styles
-----------------------------------------------  */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 40px;
}