* { padding: 0; margin: 0;  }

.clear {
	clear:both;
}

body {
 background-image:url('../images/ssr_bg_repeat.jpg');
 background-repeat:repeat;
 font-family: arial, sans-serif;
 font-size: 10pt;
 color:#505050; 
 line-height:150%;
}

table.unraveltable 
{
margin:10px;padding:5px;
float:none;
width:630px;
height:120px; background-image:url(../images/unravel_bg.jpg)  ; background-repeat:no-repeat;

}

table.challenge 
{
margin:10px;padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px;
float:none;
width:630px;
height:216px; background-image:url(../images/challenge_bg.png)  ; background-repeat:no-repeat;

}

a:link {
 color:#e4be42; text-decoration:none;
}

a:visited {
 color:#e4be42; text-decoration:none;
}

a:active {
 color:#e4be42; text-decoration:none;
}


a:hover {
 text-decoration:underline;
 }

div.unravel {
 color:#000000; 
 font-size:14px;
 margin:10pt;
 padding:10pt;
}
div.challenge {
 color:#000000; 
 font-size:14px;
 margin:10pt;
 padding:10pt;
 line-height:1.3;
}
 
div.dcpara:first-letter
{
 float: left;
 font-family: Old English, Georgia,serif;
 font-size: 300%;
 line-height: 0.85em;
 margin-right: 0.03em;
 margin-bottom:-0.25em;
}


h3{
 font-family: helvetica, verdana, arial, sans-serif; 
 font-weight: bold;
 font-size: 14pt;
 color:#e4be42;
 margin: 1em 0px;
}

h4{
 font-family: helvetica, verdana, arial, sans-serif;  
 font-weight: bold;
 font-size: 12pt;
 color:#505050;
 margin: 1em 0px;
}

hr {
 color: #fff; background-color: #fff; border: 1px dotted #cccccc; border-style: none none dotted; margin:10px; }

img.leftborder {
 margin: 0px 10px 15px 0px; float:left; border:1px; border-color:#666666;  }
 
img.leftnoborder {
 margin: 0px 10px 15px 0px; float:left; }
 

div.caption250 {
  float: left;
  width: 250px;
  margin: 0.5em;
  padding: 0.5em;
}
div.caption250 p {
  text-align: left;
  margin-right:8px;
  font-size: 9pt;
  font-style:italic;
 line-height: 1.1 em; 
}


div.caption200 {
  float: left;
  width: 200px;
  margin: 0.5em;
  padding: 0.5em;
}
div.caption200 p {
  text-align: left;
  margin-right:8px;
  font-size: 9pt;
  font-style:italic;
 line-height: 1.1 em; 
}


div.captionhorizontal {
  float: left;
  width: 620px;
  margin: 15pt;
  padding: 0.5em;
  border:#CCCCCC; border-style:dotted; border:thin;
}
div.captionhorizontal p {
  text-align: left;
  margin-right:15px;
  font-size: 9pt;
  font-style:italic;
 line-height: 1.1 em; 
}


h3{
 font-family: helvetica, verdana, arial, sans-serif; 
 font-weight: bold;
 font-size: 14pt;
 color:#e4be42;
 margin: 1em 0px;
}

h4{
 font-family: helvetica, verdana, arial, sans-serif;  
 font-weight: bold; font-size: 12pt;
 color:#505050;
 margin: 1em 0px;
}

hr {
 color: #fff; background-color: #fff; border: 1px dotted #cccccc; border-style: none none dotted; margin:10px; }

img.leftborder {
 margin: 0px 10px 15px 0px; float:left; border:1px; border-color:#666666; }
 
img.leftnoborder {
 margin: 0px 10px 15px 0px; float:left; }
 

div.caption250 {
  float: left;
  width: 250px;
  margin: 0.5em;
  padding: 0.5em;
}
div.caption250 p {
  text-align: left;
  margin-right:8px;
  font-size: 9pt;
  font-style:italic;
 line-height: 1.1 em; 
}


#wrapper { 
 margin: 0 auto;
 width: 1035px;
 background-image:url('../images/ssr_bg_gradient.png');
 background-repeat:repeat;
 min-height: 687px; 
}

#header {
 width: 930px;
 margin-left: auto;
 margin-right: auto;
 height: 212px;
 background: #000000;
}

#header img{
 border: 0px;	
}

#logo{

}

#top_menu{
 margin-left: 100px;
 display: inline;
 float: right;
}

#content{
 width: 930px;
 margin-left: auto;
 margin-right: auto;
}

/* MENU CSS */

#menu{
 margin-left: 1px;
 list-style-type:none;
 list-style:none;
 white-space:nowrap;
}

#menu a {
	display: block;
	/* width: 10em; */
}

#menu li {
	float: left;
	/* width: 10em; */
	  display: inline;
    
    position: relative;
}

#menu ul {
 position:absolute; 
 background: #000000;
 margin:0 -4px 0 -1px; 
 margin-top: -5px;
 z-index: 500;
 list-style:none;
 /*
 left:0; 
  
 margin:0 -3px 0 -1px; 
 padding:0; 
 list-style:none;
display:none;
 z-index: 500;
 margin-top: -4px; */
}


#menu li ul {
	position: absolute;
	width:116px;  
	left: -999em;
	display:none;
}

#menu li:hover ul {
	left: auto;
}

#menu ul a:hover {
 text-decoration:none;	
 background: #efda83;
 color: #000000;
} 

#menu ul li {
 width:116px; 
 float:left; 
 border-top:1px dotted #666666;
 display: list-item;
}

#menu ul a {
 text-decoration:none;	
 display:block;  
 height:15px;
 padding: 8px 5px; 
 color:#efda83;
 font-size: 12px;
}

/* END MENU CSS */

#content img{
 border: 0px;
}
#right-side{
 width: 205px;
 float: right;
 margin-top:10px;
}
#left-side{
 padding: 0px 20px 10px 45px;
 width: 660px;
 float: left;
}

#footer{
 clear: both;
}

#foot{
 margin: 0 auto;
 width: 1035px;
 height: 198px;
 background-image:url("../images/footer_small.png"); 
 background-repeat:no-repeat;
 text-align: center;
 vertical-align: middle;
}

#social-media{
 width: 130px;
 margin-left: auto;
 margin-right: auto;
}



/* jQuery UI stuff */


		#gallery { float: left; width: 65%; min-height: 12em; } * html #gallery { height: 12em; } /* IE6 */
		.gallery.custom-state-active { background: #eee; }
		.gallery li { float: left; width: 96px; padding: 0.4em; margin: 0 0.4em 0.4em 0; text-align: center; }
		.gallery li h5 { margin: 0 0 0.4em; cursor: move; }
		.gallery li a { float: right; }
		.gallery li a.ui-icon-zoomin { float: left; }
		.gallery li img { width: 100%; cursor: move; }

		#saved_images { float: right; width: 200px; min-height: 18em; padding: 1%;} * html #trash { height: 18em; } /* IE6 */
		#saved_images h4 { line-height: 16px; margin: 0 0 0.4em; }
		#saved_images h4 .ui-icon { float: left; }
		#saved_images .gallery h5 { display: none; }
		#favorites { list-style-type:none; }

/*  Gallery Crap */

#large_image_display{
 width: auto;
 min-height: 200px;
 width: 100%;
 text-align: center;

}

#large_image{
 width: auto;
 margin-left: auto;
 margin-right: auto;
 
}

#image-caption{
 width: 511px;
 margin-left: auto;
 margin-right: auto;
}

.img_click{
 cursor: pointer;
}

#center {text-align:center;
}

.recipe ul li{
 margin-left: 25px;
}

.recipe p{
 margin-top: 10px;
}


.roundcont {
	width: 100%;
	background-color: #edecec;
	
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(http://www.penn.museum/silkroad/images/round_topright.png) no-repeat top right;
}

.roundbottom {
	background: url(http://www.penn.museum/silkroad//images/round_bottomright.png) no-repeat top right; 
}

img.corner {
   border: none;
   display: block !important;
}

#left-side li {margin-left:20px;}