/* COLORS */

body {
margin: 5px 0px 10px 0px;
padding: 0;
text-align: center;
background-color:#000000; 
background-position: 50% 0%;
background-attachment: fixed;
}

.stars{
background-image:url(../images/starwars/stars.jpg);
background-color:#000000; 
background-position: 50% 0%;
background-attachment: fixed;
}

.deathstar {
background-image:url(../images/starwars/deathstar.jpg);
background-color:#000000;
background-repeat:no-repeat;
background-position:left;
}

a:link {
color: #B5121B;
}

a:active {
color: #B5121B;
}

a:visited {
color: #B5121B;
}

a:hover {
color: #5A9A98;
}

#mainContent p {
margin: 0px 0px 0px 0px;
padding-top: 10px!important;
}

#siteBackground { 
width: 962px;
margin-left: auto; 
margin-right: auto;
text-align: left;
}

#wrapper {
background-color:#000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
margin-left:auto;
margin-right:auto;
/* overflow:hidden;  REMOVED FOR NEW NAV */
padding:0;
text-align:left;
width:960px;
}

/* New Header Style */

#headerNew {width: 100%; background-color:#000; float:left;height: 117px;overflow: hidden; color:#fff; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight: bold;text-transform:uppercase;}
#headerNew a {text-decoration:none; color:#FFF;}

.headerNewRight { width:190px; text-align:right; margin-top: 3px;}
.headerNewRight p {margin:0 10px 2px 0; padding:0;}

.musPic {float:left; margin-left: 150px;}

.headerItem{ float:left; width: 50px; padding: 0 0 0 12px; text-align:center;}

.headerItem a {text-decoration:none; font-size:11px; font-weight:bold;}
#headerNew a:hover, .headerItem a:hover {color:#FFCF06;}


/*Old Header */



.padding {
padding: 4px 0px 0px 5px;
}

/********** Navigation **********/


#mainNav { width: 960px; background-color: #4D8986; position: relative; text-align: center; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; padding: 12px 0 12px 0;text-transform:uppercase; }
#mainNav ul {padding:0; margin:0;}
#mainNav li {list-style-type: none; padding: 0 17px 0 17px; display:inline; margin:0;}
#mainNav a {color:#fff; text-decoration:none;}
#mainNav a:hover {color: #FFCF06;}


#navcontainer {
width: 960px;
background-color: #4D8986;
position: relative;
text-align: center;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding-top: 12px;
padding-bottom: 12px;
float: left;
}

#navcontainer span a {
color:#ffffff;
text-decoration:none;
text-transform:uppercase;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
/*padding-right: 23px;
padding-left: 23px; */

padding-right: 17px;
padding-left: 17px; 

}

#navcontainer span a:hover {
color: #FFCF06;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
/*padding-right: 23px;
padding-left: 23px; */
padding-right: 17px;
padding-left: 17px; 
}

#menuExhibits a{
padding-left: 19px!important;
}

#menuExhibits a:hover {
padding-left: 19px!important;
}

/********** END Navigation **********/

#clear {
clear:both;
}

.clear2 {
clear:both;
}

#mainContent {
margin: 0px;
padding: 0px;
text-align: left;
color:#FFFFFF;
line-height: 1em;
width:960px;
overflow:hidden; /* moved from main wrapper to content wrapper */
}

#leftAnim {
float: left;
width: 640px;
height: 322px;
display: block;
background-color: #ffffff;
overflow: hidden;
}

#mainImg {  
margin: 0px;
padding: 0px;
float: left;
width: 320px;
height: 322px;
background-repeat:no-repeat;
color:#000000;
background-color:#ffffff;
font-family:arial;
font-size:12px;
overflow:hidden;
}

#mainImgText {
height: auto;
float: left;
padding: 28px;
}

#mainImg h1 {
margin: 7px 0px 0px 10px;
padding:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color:#000000;
}

#mainImg a {
color: #000000;
}

.mainImgIMG {
margin-top: -59px;
z-index: -1000;
position: relative;
}

#sideBar {
color:#000000;
float:right;
display:none;
}

.graybox {
background-color:#000;
width: 300px;
margin: 0px 0px 4px 0px;
padding: 4px 10px 5px 5px;
border: 1px solid #000;
line-height: 17px;
height: 101px;
}

.graybox img {
padding: 0px 10px 0px 0px;
}

.graybox h2 {
margin: 0px;
padding: 4px 0px 3px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
color:#fff;
}

.graybox p {
margin: 0px;
padding: 0px 0px 3px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
}

.graybox a {
color:#fff;
}

#lowerContent {
width: 960px;
padding: 0px;
background-color: #fff;
}

#lowerContent h3 {
margin: 0px;
padding:0 0 18px 0;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#b5121b;
}

#lowerContent p {
margin: 0px;
padding:0 0 0px 0;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 17px;
color:#000000;
}

.brownTitle {
color:#402E00;
font-family:Arial,Helvetica,sans-serif;
font-size:2em;
font-weight:bold;
line-height:1.2em;
}

.white {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#fff;
}


.gold {
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
color: #e5b000;
font-weight: bold;
padding-bottom: 4px;
line-height: 1.2em;
}


.gold2 {
font-size: 17px;
font-family: Arial, Helvetica, sans-serif;
color: #e5b000;
font-weight: bold;
padding-bottom: 4px;
line-height: 1.2em;
}

.orange {
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
color: #ea7f1e!important;
font-weight: bold;
padding-bottom: 4px;
line-height: 1.2em;
}

.orange a {
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
color: #ea7f1e!important;
font-weight: bold;
padding-bottom: 4px;
line-height: 1.2em;
}

.orange a:hover {
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
color: #ea7f1e!important;
font-weight: bold;
padding-bottom: 4px;
line-height: 1.2em;
}


.grey {
color: #455560;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}

.brown {
color: #402e00;
font-weight: bold;
}

.middleTitle {
color:#fff;
font-size: 24px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 1.2em;
}

.artTitle {
color:#f2c3a6;
font-size: 24px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 1.2em;
}

.historyTitle {
color:#ada89b;
font-size: 24px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 1.2em;
}

.scienceTitle {
color:#afb4b8;
font-size: 24px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 1.2em;
}

#artMain {
height: 114px;
width: 320px;
display: block;
float: left;
background-color: #ea7e1f;
overflow: hidden;
}

#artMain a {
display: block;
height: 114px;
width: 320px;
text-decoration: none;
cursor: pointer;
}

#artMain img {
float:left;
}

#artText {
width: 168px;
height: auto;
float: left;
padding: 10px 14px 10px 14px;
}

#historyMain img {
float:left;
}

#historyText {
width: 168px;
height: auto;
float: left;
padding: 10px 14px 10px 14px;
}


#historyMain {
height: 114px;
width: 320px;
display: block;
float: left;
background-color: #402e00;
overflow: hidden;
}

#historyMain a {
display: block;
height: 114px;
width: 320px;
text-decoration: none;
cursor: pointer;
}

#scienceMain {
height: 114px;
width: 320px;
display: block;
float: left;
background-color: #455560;
overflow: hidden;
}

#scienceMain a {
display: block;
height: 114px;
width: 320px;
text-decoration: none;
cursor: pointer;
}

#scienceMain img {
float:left;
}

#scienceText {
width: 168px;
height: auto;
float: left;
padding: 10px 14px 10px 14px;
}

.currentNews {
float:left;
margin: 0px;
width: 320px;
height: 330px;
background-color: #ffffff;
}

#currentNewsText {
height: auto;
float: left;
padding: 28px;
}


.currentNews {
color:#b5121b;
text-decoration: none;
overflow:hidden;
}

.currentNews a{
text-decoration: none;
color:#b5121b;
}

.currentNews a:hover {
text-decoration: underline;
color:#b5121b;
}

.upcomingExhibits {
float:left;
margin: 0px;
width: 320px;
height: 330px;
background-color: #eeeeee;
overflow:hidden;
}

#upcomingExhibitsText {
height: auto;
float: left;
padding: 28px;
}

#upcomingExhibits img {
padding: 10px 10px 3px 0px;
}

.upcomingExhibits a {
color:#b5121b;
text-decoration: none;
}

.upcomingEvents {
float:left;
margin: 0px;
width: 320px;
height: 330px;
background-color: #ffcf06;
overflow:hidden;
}

#upcomingEventsText {
height: auto;
float: left;
padding: 28px;
color: #402E00;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
}

.upcomingEvents a {
color:#b5121b;
text-decoration: none;
}

#more {
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
color:#b5121b;
}

#more a {
color:#b5121b;
text-decoration: none;
}

#more a:hover {
color:#b5121b;
text-decoration: underline;
}


#bigDiv {
background-color:#FFFFFF;
width:800px;
margin: 0px;
padding: 15px;
}

.color2 {
background-color:#000000;
color:#FFCF06;
display:block;
margin-left:-27px;
padding-top:6px;
padding-bottom: 2px;
width:239px;
}

.color3 {
background-color:#b5121b;
display:block;
margin-left:-27px;
width:240px;
padding-top: 6px;
padding-bottom: 2px;
}

.selectedLink {
margin-left: 27px;
padding: 0px;
}

#navlist .selectedLink a {
margin-left: 27px;
background-color:#000000;
padding: 0px;
}

#navlist .selectedLink a:link { 
color:#FFCF06;
text-decoration:none;
background-color:#000000;
padding: 0px;
}

#navlist .selectedLink a:active { 
color:#FFCF06;
text-decoration:none; 
background-color:#000000;
padding: 0px;
} 

#navlist .selectedLink a:visited { 
color:#FFCF06;
text-decoration:none;
background-color:#000000;
padding: 0px;
}

#navlist .selectedLink a:hover { 
color:#FFCF06;
text-decoration:none;
background-color:#000000;
padding: 0px;
}


.selectedLink2 {
margin-left: 54px;
padding: 0px;
}

#navlist .selectedLink2 a {
margin-left: 27px;
background-color:#B5121B;
padding: 0px;
}

#navlist .selectedLink2 a:link { 
color:#FFCF06;
text-decoration:none;
background-color:#B5121B;
padding: 0px;
}

#navlist .selectedLink2 a:active { 
color:#FFCF06;
text-decoration:none; 
background-color:#B5121B;
padding: 0px;
} 

#navlist .selectedLink2 a:visited { 
color:#FFCF06;
text-decoration:none;
background-color:#B5121B;
padding: 0px;
}

#navlist .selectedLink2 a:hover { 
color:#FFCF06;
text-decoration:none;
background-color:#B5121B;
padding: 0px;
}



#sub li a
{
background-color:#000000;
border:0 none;
margin-left:27px;
padding:0 0 0 0;
width: 165px;

}

#sub li a:link { 
color:#A19589;
padding-bottom:5px;
padding-left:0px;
padding-top:5px;
text-decoration:none;
}
#sub li a:active { 
color:#A19589;
padding-bottom:5px;
padding-left:0px;
padding-top:5px;
text-decoration:none; 
} 
#sub li a:visited { 
color:#A19589;
padding-bottom:5px;
padding-left:0px;
padding-top:5px;
text-decoration:none;
}

#sub li a:hover { 
color:#ffffff;
padding-bottom:5px;
padding-left:0px;
padding-top:5px;
text-decoration:none;
background-color:#000000;
}


#sub2 {
width: 120px;
}

#sub2 li a
{
border: 0;
margin-left: 50px;
background-color: transparent;
}

#sub2 li a:hover
{
background-color: transparent;
}

#center p {
margin: 0px 0px 0px 0px;
padding-top: 10px;
}

#center h1 {
color:#5A9A98;
font-family:arial;
font-size:21px;
margin:0;
padding:5px 0 5px 0px;
text-transform:uppercase;
line-height:1em;
}

#left2CLText {
padding: 20px 20px 0;
}

#left2CLText h1 {
color:#5A9A98;
font-family:arial;
font-size:21px;
margin:0;
padding:5px 0 5px 0px;
text-transform:uppercase;
line-height:1em;
}

#left2CMText {
padding: 20px;
}

#left2CMText h1 {
color:#5A9A98;
font-family:arial;
font-size:21px;
margin:0;
padding:5px 0 5px 0px;
text-transform:uppercase;
line-height:1em;
}

#center h2 {
color:#ea7e1c;
font-size:15px;
padding: 0px;
margin: 0px;
font-family:arial;
text-transform:uppercase;

}

#centerBottom {
width: 680px; 
color: #000000; 
clear:both;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 30px;
}

.paddingLeft {
}

.floatRight {
position:relative;
float: right;
font-size:10px;
padding: 0px 0px 0px 10px;
text-align:center;
color:#b5121b;
}


.floatRight img {
padding: 0px!important;
border: solid 1px #000000;
}

/********** Following are used in main_exhibit.aspx **********/

.floatLeft {
position:relative;
float: left;
width: 185px;
font-size:10px;
padding: 10px 0px 0px 0px;
text-align:center;
color:#b5121b;
line-height: 15px;
margin-right: 10px;
}
 
.marginLeft {
float: left;
padding: 10px 0px 0px 15px;
width: 400px;
}

.line {
border-bottom: 2px #999 solid;
width: 620px;
clear:both;
margin: 0px;
padding: 0px;
}

/********** END main_exhibit.aspx **********/

.caption {
color:#b5121b;
font-size:11px;
margin: 0px;
padding: 0px;
}

/********** Gallery number navigation **********/
.pagerStyle {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#b5121b;
font-size: 13px;
}

.pagerStyle a {
text-decoration: underline;
color:#000000;
}

.pagerStyle a:hover {
text-decoration: underline;
color:#b5121b;
}

.calendarAlign table {
float: left;
}



#navi {
width: 960px;
background-color: #4D8986;
}


#dropMenu {
margin:0 0 0 18px; 
padding:0; 
list-style:none; 
height:40px; 
position:relative; 
z-index:600; 
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}

#dropMenu li {
float:left; 
}

#dropMenu li a {
display:block; 
float:left; 
height:40px;
line-height:40px;
color:#fff; 
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
padding:0 27px 0 27px;
}

#dropMenu table {
border-collapse:collapse;
position:absolute; 
width:0; 
height:0; 
top:0; 
left:0;
}

#dropMenu li a:hover {
z-index:200;
position:relative;
color:color: #FFCF06;
}

#dropMenu li:hover {
position:relative;
z-index:200;
}

/* Top level hover */
#dropMenu li:hover > a {
color: #FFCF06;
}

#dropMenu li:hover > a.subLevel {
color: #FFCF06;
}


/* Top level selected */
#dropMenu li.current a {
background-color:#333;
color:#fff;
}

#dropMenu :hover ul {
left:-18px;
top:40px;
width:120px;
background:#444;
}

#dropMenu :hover ul.left {left:-47px;}


#dropMenu ul, 
#dropMenu :hover ul ul {
position:absolute; 
left:-9000px; 
top:-9000px; 
margin:0; 
padding:0; 
width:0; 
height:0; 
list-style:none;
}

#dropMenu :hover ul :hover ul {
left:190px;
top:-1px; 
background:#222; 
white-space:nowrap; 
width:160px; 
z-index:200; 
height:auto;
}

#dropMenu :hover ul li {
margin:0;
border-bottom:1px solid #ccc; 
}

#dropMenu :hover ul li a {
width:160px; 
padding:0; 
text-indent:5px; 
background-color: #477c79;
color: #fff;
height:28px; 
line-height:28px; 
font-size:11px;
text-transform:uppercase;
}

#dropMenu :hover ul li a.fly {
background:#333 url(right-arrow.gif) no-repeat right center;
}

/* drop-down hover */
#dropMenu :hover ul :hover {
color: #FFCF06;
}

/* flyout hover */
#dropMenu :hover ul :hover a.fly {
background-color:#000;
color:#fff;
}

#dropMenu :hover ul li.currentsubLevel a {
background:#840; 
color:#fff;
}

/* selected subLevel */
#dropMenu :hover ul li.currentsubLevel a.fly {
background:#840 url(right-arrow.gif) no-repeat right center; 
color:#fff;
}

#dropMenu :hover ul :hover ul li a {
width:160px;
padding:0; 
text-indent:10px;
background:#3e3e3e;
color:#ccc;
}

#dropMenu :hover ul :hover ul :hover {
background-color:#363436;
color:#fff;
}

#dropMenu :hover ul :hover ul li.currentfly a,
#dropMenu :hover ul :hover ul li.currentfly a:hover {
background:#840; color:#fff;
}

#itunes{
	margin-left: 22px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 14px;
	}
	
#itunes a:link { 
color: #A19589;
text-decoration: none;
}
#itunes a:active { 
color: #ffffff;
text-decoration: none;
}
#itunes a:visited { 
color: #A19589;
text-decoration: none;
}
#itunes a:hover { 
color: #ffffff;
text-decoration: none;
}


/* ~~~~~ FOOTER - simplifed 4/5/11 ~~~~~ */


#footer { background-color:#36434D; border:1px solid #484A4C; border-top: 0px; color:#8d909c; font-family:Arial; font-size:10px; padding:8px; overflow:hidden; display:block; height: 24px;}
#footer a { color:#fff; text-decoration: none;font-weight: bold; text-transform:uppercase;}
#footer a:hover { text-decoration: none; color: #FFCF06;}

#copyright{float:left;padding:0 20px 0 4px;margin-top: -1px; line-height:normal; text-transform:uppercase;}

#footerLinks{float:left;margin-left:80px;padding-top:7px;}
#footerLinks li, #footerLinksHome li {display:inline; padding: 0 0 0 5px; list-style-type:none;} 
#footerLinks ul, #footerLinksHome ul {margin:0; padding:0;}

#footerLinksHome{float:left;margin-left:30px;padding-top:6px;}

#SocialIcons{float:right; padding: 2px 0 0 10px;width: 60px;}

#search{float: right; width:185px; }


/* misc */

.floatLeftNoPad {float:left;}
.floatRightNoPad {float:Right;}
.galCaption {color:#666; width: 157px; padding: 3px 0 0 22px; text-align:left; line-height:13px;}