html, body 		{ margin: 0; padding: 0; }
body 	        { width: 100%; background-color: #bd7c43; color:black;}

/*font: 12px Helvetica, Arial, sans-serif;*/

#container {width:820px; padding:1px 0px 0px 0; margin: 0 auto; background-color: #f4dbbb;}
h1 {font-size:14pt; font-family:Palatino, Times, "Times New Roman", serif; color:#702500;font-weight:bolder;letter-spacing:2px;}
h2 {font-size:10pt; font-family:Century Gothic, sans-serif; color:#702500;letter-spacing:2px;}
.authors {color:#702500;font-weight:bold;}
.timeline1 {color:#702500;font-weight:bold;font-size:medium; }
.timeline2 {color:#702500;font-weight:bold;font-size:small; }
#main {}
#wrapper { }


#content {float:left; width:760px; clear: left; margin-bottom:20px;  margin-top:40px; line-height: 18px;background:url(../images/hero_bg1.jpg) 10% bottom no-repeat; }
#threecols {margin-left: 45px; }
.threecols {float:left; display:inline; width:218px; margin: 0 20px 0 0;font-size:12px;font-family:Helvetica, Arial, Verdana, sans-serif; color:black;}
#content .threecolsem {float:left; display:inline; width:222px; margin: 0 15px 0 0;font-size:12px;font-family:Helvetica, Arial, Verdana, sans-serif; color:black;}
#content .threecolsem img {float:left; margin:15px 0px 20px 25px;border:none;}
#content .twocols {float:left; display:inline; text-align: center; width:275px; margin: 0 20px 0 0;font-size:12px;font-family:Helvetica, Arial, Verdana, sans-serif; color:black;}
#content .twocols img {float:left; margin:15px 0px 20px 25px;border:none;}
#content .twocolsfr {float:left; display:inline; text-align:left; width:325px; margin: 0 20px 0 0;font-size:12px;font-family:Helvetica, Arial, Verdana, sans-serif; color:black;}
#content .twocolsfr img {float:left; margin:15px 0px 20px 25px;border:none;}
#content .intro {font-size:1.4em; font-family:Palatino, Times, "Times New Roman", serif;  font-style:italic; font-weight:bold; color:#702500;letter-spacing:2px;line-height:24px;}
#content .intro1 {font-size:24pt; font-family:Palatino, Times, "Times New Roman", serif;  font-style:italic; font-weight:bolder; color:#702500;line-height:27px;}
#content .intro2 {font-size:1.5em; font-family:Palatino, Times, "Times New Roman", serif;  font-style:italic; font-weight:bolder; color:#702500;line-height:22px;}
#content ul {list-style-type:none; }
#content p {font-size:12.5px; font-family:Helvetica, Arial, Verdana, sans-serif; color:black;}
#content a {color:#333333;}
#content img {float:right; margin:15px 0px 20px 25px;} 

#text {float:left; clear:both;margin-right:5px; margin-left:25px; background:url(../images/hero_bg1.jpg) 10% bottom no-repeat;}
#text .credits {font-size:10px;font-style:italic;}

#footer {clear:both; padding:20px 0 20px; 0px; margin: 0 40px 20px 40px; font-size:.7em; font-family:Helvetica, Arial, Verdana, sans-serif; color:black; }
#footer a {color:black;}

.imgrightinst {
float: right;
margin: 5px 20px 10px 10px;
mmargin-bottom:80px;

}

.credit {
text-align: left;
font-size:12.5px; 
font-family:Helvetica, Arial, Verdana, sans-serif; 
color:black;

 }
 
#controls {
	text-align: center;
}
#pager a, #main .control  {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: #533B49;
	padding: 2px 5px;
	text-decoration: none;
	margin-left: 5px;
	cursor: pointer;
}
#pager a.activeSlide {
	background-color: #E6E2AF;
	color: #000;
}
#pager a:hover, #playControl:hover {
	background: #900;
}

#contentinst{float:right;width:425px; font-size:13px;padding:6px;margin-bottom:60px;}