# The following Museum-specific styles were added by Shah Khatri as per Alan Miner 11/13/07 {}
form {
margin-bottom:              3px;
}
map {
margin-bottom:              0px;
}

.Content{
padding: 0px;
font-family: Arial, Trebuchet MS, Verdana;
font-size: 10pt;
}

.Content a:link {
text-decoration: underline;
color: #003366; 
}

.Content a:visited {
text-decoration: underline;
color: #003366; 
}

.Content a:active {
text-decoration: underline;
color: #003366; 
}

.Content a:hover {
text-decoration: none; 
color: #993300;
}

.searchBar {
font-family: Arial, Trebuchet MS, Verdana;
font-size: 10pt;
background-image: url(/common/images/museum_search_bar.png);
background-repeat: no-repeat;
padding-left: 15px;
padding-right: 15px;
color: #ffffff; 
}

.searchBar a:link {
text-decoration: underline;
font-weight: bold;
}

.searchBar a:visited {
text-decoration: underline;
font-weight: bold;
color: #ffffff;
}

.searchBar a:active {
text-decoration: underline;
font-weight: bold;
}

.searchBar a:hover {
text-decoration: none; 
font-weight: bold;
}

.caption {
font-family: arial, trebuchet ms, verdana;
font-size: 9pt;
}

.formListHeader {
	PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 100%; COLOR: #000033; PADDING-TOP: 4px;
}

.altTableRowOdd {
	FONT-SIZE: 85%; COLOR: #000000; BACKGROUND-COLOR: #ffffff
}

.altTableRowEven {
	FONT-SIZE: 85%; COLOR: #000000; BACKGROUND-COLOR: #efefef
}
H1 {
	MARGIN-TOP: 5px; FONT-SIZE: 130%; FONT-FAMILY: Arial,Trebuchet MS,Verdana,Helvetica,Sans-Serif; padding-left: 10px;
}

P {
	LINE-HEIGHT: 140%; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; padding: 0px 7px 0px 7px; margin-left:7px;
}



.brNone	{
font-family:                arial,trebuchet ms,helvetica,sans-serif;
font-size:                  10pt;
color:                      #000033;
font-variant:               normal;
height:					    25;
text-align:                 left;
vertical-align:				middle;
padding-left:               10px;
}

.FirstLevel	{
font-family:                arial,trebuchet ms,helvetica,sans-serif;
font-size:                  10pt;
color:                      #ffffff;
font-variant:               normal;
height:					    25;
text-align:                 left;
vertical-align:				middle;
padding-left:               10px;
}

.FirstLevel a:link{
text-decoration: none;
color: #ffffff;
}

.FirstLevel a:visited{
text-decoration: none;
color: #ffffff;
}

.FirstLevel a:active{
text-decoration: none;
color: #ffffff;
}

.FirstLevel a:hover{
text-decoration: none;
color: #ffd400;
}

.SecondLevel{
font-family:                arial,trebuchet ms,helvetica,sans-serif;
font-size:                  10pt;
color:                      #ffffff;
font-variant:               normal;
height:					    25;
text-align:                 left;
vertical-align:				middle;
padding-left:               20px;
}

.SecondLevel a:link{
text-decoration: none;
color: #ffffff;
}

.SecondLevel a:active{
text-decoration: none;
color: #ffffff;
}

.SecondLevel a:visited{
text-decoration: none;
color: #ffffff;
}

.SecondLevel a:hover{
text-decoration: none;
color: #ffd400;
}

.ThirdLevel{
font-family:                arial,trebuchet ms,helvetica,sans-serif;
font-size:                  10pt;
color:                      #ffffff;
font-variant:               normal;
height:					    25;
text-align:                 left;
vertical-align:				middle;
padding-left:               30px;
}

.ThirdLevel a:link{
text-decoration: none;
color: #ffffff;
}

.ThirdLevel a:active{
text-decoration: none;
color: #ffffff;
}

.ThirdLevel a:visited{
text-decoration: none;
color: #ffffff;
}

.ThirdLevel a:hover{
text-decoration: none;
color: #ffd400;
}

.brNone1{
background:                 #000033;
}

br.smallBR{
height:					    5;
}

P.smallP{
height:					    5;
}

div.divBg{
height:					    413;
width;					    200;
position:					absolute;
top:						99;
left:						2;
z-index:					0;
}

div.divButtons{
height:					    600;
width;					    200;
position:				    absolute;
top:					    190;
left:					    1;
}

td.hpbody{
vertical-align:				top;
text-align:				    left;
background:			    	#ffffff;
width:					    215;
font-family:				arial,trebuchet ms,verdana,helvetica,sans-serif;
}

td.goldsectionmarker{
font-family:				arial,trebuchet ms,verdana,helvetica,sans-serif;
font-weight:				bold;
font-size: 					7pt;
vertical-align:				middle;
text-align:				    center;
color:                      #993300;
width:					    20px;
}

td.tdLinks{
vertical-align:				top;
text-align:				    left;
background:				    #cccc99;
width:					    250;
font-family:				arial,trebuchet ms,verdana,helvetica,sans-serif;
font-size: 					10pt;
}

ul li{
position: relative;
left: -18px;
}

a.tdlinks:link{
text-decoration: none;
color: #000033;
}

a.tdlinks:active{
text-decoration: none;
color: #000033;
}

a.tdlinks:visited{
text-decoration: none;
color: #000033;
}

a.tdlinks:hover{
text-decoration: none;
color: #993300;
}

td.tdLinks ul li a:link{
text-decoration: none;
color: #000033;
}

td.tdLinks ul li a:active{
text-decoration: none;
color: #000033;
}

td.tdLinks ul li a:visited{
text-decoration: none;
color: #000033;
}

td.tdLinks ul li a:hover{
text-decoration: none;
color: #993300;
}

.homeinfo{
vertical-align:	top;
text-align: left;
background: #cccc99;
width: 250;
font-family: arial,trebuchet ms,verdana,helvetica,sans-serif;
font-size: 10pt;
border-left: 1px solid #000033;
border-right: 1px solid #000033;
}

.homeinfo a:link{
text-decoration: none;
color: #000033;
}

.homeinfo a:active{
text-decoration: none;
color: #000033;
}

.homeinfo a:visited{
text-decoration: none;
color: #000033;
}

.homeinfo a:hover{
text-decoration: underline;
color: #993300;
}

a.Right_Nav_Link:link{
text-decoration: none;
font-size: 9pt;
color: #000033;
}

a.Right_Nav_Link:active{
text-decoration: none;
font-size: 9pt;
color: #000033;
}

a.Right_Nav_Link:visited{
text-decoration: none;
font-size: 9pt;
color: #000033;
}

a.Right_Nav_Link:hover{
text-decoration: none;
font-size: 9pt;
color: #993300;
}

td.hpbody1{
vertical-align:				top;
text-align:				    left;
background:				    #ffffff;
width:					    215;
font-family:				arial,trebuchet ms,verdana,helvetica,sans-serif;
font-size:					10pt;
}

.hpbody2{
vertical-align:				top;
text-align:				    center;
background:				    #ffffff;
color:                      #000033;
width:					    730;
font-family:				arial,trebuchet ms,verdana,helvetica,sans-serif;
font-size:					8pt;
}

.hpbody2 a:link,a:active,a:visited{
text-decoration:underline;
color: #000033;
}

.hpbody2 a:hover{
text-decoration: none;
color: #993300;
}

td.tdSpacer{
vertical-align:				top;
text-align:				    left;
background:				    #ffffff;
width:					    25;
font-family:				arial,trebuchet ms,verdana,helvetica,sans-serif;
}

textarea.areaQuestion{
vertical-align:				top;
text-align:				    left;
background:				    #EEEEBB;
font-family:				arial,trebuchet ms,verdana,helvetica,sans-serif;
font-size:					10pt;
}

.outBorder{
background-image: url(/en/images/tour/gallerybg.jpg);
background-repeat: repeat-x;
}

.innerBorder{
border: 1px solid #003366;
background-color:#ffffff;
}

.brNone a:link {
text-decoration: none;
color: #FFFFFF;
}

.brNone a:visited {
text-decoration: none;
color: #FFFFFF;
}

.brNone a:active {
text-decoration: none;
color: #FFFFFF;
}

.brNone a:hover {
text-decoration: none;
color: #ffd700;
}

.imgButton a:link img{
border: 1px solid #003366;
/*For Mozilla*/
-moz-opacity:0.5;
/*For IE*/
filter: Alpha(Opacity=50);
}

.imgButton a:visited img{
border: 1px solid #003366;
/*For Mozilla*/
-moz-opacity:0.5;
/*For IE*/
filter: Alpha(Opacity=50);
}

.imgButton a:active img{
border: 1px solid #003366;
/*For Mozilla*/
-moz-opacity:0.5;
/*For IE*/
filter: Alpha(Opacity=50);
}

.imgButton a:hover img{
border: 2px solid #993300;
/*For Mozilla*/
-moz-opacity:1.0;
/*For IE*/
filter: Alpha(Opacity=100);
}

# The above Museum-specific styles were added by Shah Khatri as per Alan Miner 11/13/07 {}

.title{
background: #afc1d7;
color:#000032;
padding: 5, 0, 5, 5px;
text-align: left;
font-family: Arial, Trebuchet MS, Verdana;
font-size: 12pt;
text-decoration: none;
font-weight: bold;
} 

.info {
background: #afc1d7;
text-align: left;
color:#4c82d2;
padding: 6, 0, 5, 5px;
font-family: Arial, Trebuchet MS, Verdana;
font-size: 10pt;
font-weight: none;
text-decoration: none;
} 

.a.infoLink:link, a.infoLink:visited{
text-decoration: none;
color: #4c82d2;
}

.featuredImage{
border: thin solid #6b8eb6;
}

.featuredBackGround{
background: edf6ff;
text-align: left;
color:#4c82d2;
padding: 5, 0, 5, 5px;
font-family: Arial, Trebuchet MS, Verdana;
font-size: 10pt;
font-weight: none;
text-decoration: none;
}

/***** Following added by Andy Wong 2/19 for the menu ********/

.menuBottom
{
height: 515px;
background-image: url(/common/images/leftside_museum.jpg);
background-repeat: no-repeat;
}

#museumHours
{
background-image: url(/common/images/hours_bg.png);
background-repeat: no-repeat;
position: relative;
top: 290px;
left: 10px;
height: 205px;
width: 175px;
font-family: Arial;
color: #ffffff;
text-align: left;
padding: 5px 0px 0px 0px;
}

#museumHours h4
{
position: relative;
top: 2px;
left: 10px;
font-size: 90%;
}

#museumHours h4 a:link, a:visited, a:active, a:hover
{
text-decoration: none;
color: #fff;
}

#museumHours ul
{
position: relative;
top: -10px;
}

#museumHours ul li
{
font-size: 75%;
}

#museumHours ul li a:link, a:visited, a:active, a:hover
{
text-decoration: none;
color: #fff;
}

#museumHours p
{
position: relative;
top: -10px;
font-size: 80%;
}

#museumHours p a:link
{
text-decoration: underline;
color: #bed1e8;
}

#museumHours p a:visited
{
text-decoration: underline;
color: #bed1e8;
}

#museumHours p a:active
{
text-decoration: underline;
color: #bed1e8;
}

#museumHours p a:hover
{
text-decoration: underline;
color: #bed1e8;
}