/* Style sheet  */
 /* to avoid the flickering from page 
  to page when text is not long enough  */
html {
overflow-y: scroll; /* IE */
min-height: 100%; margin-bottom: 1px;  /* FIREFOX */
}
body {
	background-color: #F5F6F8;
	background-image: url(/es/events/decolonization50/images/grad.jpg);
	background-repeat: repeat-x;
}
#main {
	background-color: #fff;
	min-width:780px;
}
/* SKIP TO NAVIGATION AND SKIP TO TEXT*/ 
#skiplink, #skiplink a {
	color:#A8B4C0;
}
/* LANGUAGES */
#languages {
	background-color: #F7EEC7;
	height: 1.7em;
}
#languages ul li#spanish  {
	color: #55400F;
}	
#languages ul li a:link, #languages ul li a:visited, #languages ul li a:hover, #languages ul li a:active {
	color:#0033CC;
	text-decoration:none;
}
#languages ul li a:hover {
	text-decoration: underline;
}	
/* TOP BANNER */
#topbanner {
	height: 125px;
	background-image: url(/es/events/decolonization50/images/banner.jpg);
	background-repeat: no-repeat;
	background-color: #f1e09c;
}
/* Use margin-top:26px for two-line title */
#topbanner h1 {
	margin-left: 165px;
	margin-top: 38px;
	font-size: 1.8em;
	color: #003366;
}
#topbanner .line2 {
	margin-top: -5px;
}
#topbanner    .date  {
	font-size: 81%;
	font-weight: normal;
}
#topbanner #unlogo img {
	margin-left: 25px;
	margin-top: 15px;
}
/* PAGE CONTENT ATTRIBUTES */
#content {
	width: 77%;
	float: left;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0.9em;
}
#content p {
	color: #333333;
	text-align:left;
}	
#content  p.toppara {
	padding-top: 2em;
}
#content ul ul li  {
	background-position: 0px 10px;
	background-image: url(/es/events/decolonization50/images/bullet2.jpg);
	background-repeat: no-repeat;
/*	font-size: 120%; */
}
#content ul ul ul li {
	background-image: url(/es/events/decolonization50/images/bullet3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
#content h2 {
	color: #735715;
	font-size: 140%;
	font-weight: normal;
	font-size: 170%;
	font-weight: bold;
}
#content h3 {
	color: #4B453D;
	font-size: 120%;
	background-color: #F7EEC7;
	font-weight: bold;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: .2em;
}
#content h4 {
	color: #001F3E;
	font-size: 115%;
	font-weight: bold;
}
#content a:link {
	color:#5E3D26;
	text-decoration: underline;
}
#content a:visited {
	color: #5E3D26;
}
#content a:hover {
	color: #003399;
}
#content a:active {
	color:#5E3D26;
}
#content ul {	
	margin-bottom:6px;
	margin-top: 0px;
}
#content ul li {
	color: #333;
	padding: .3em 0 1% 1.4em;
	list-style-type: none;
	background-image: url(/es/events/decolonization50/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 6px 8px;
}
/* QUOTES */
blockquote {
	font-size: 99%;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 0px;
	padding-top: 1em;
	padding-right: 0.7em;
	padding-bottom: 1.5em;
	padding-left: 0.7em;
	padding-bottom: .5em;
	width: 95%;
	background-image: url(/es/events/decolonization50/images/blockquotegrad.jpg);
	background-repeat: repeat-x;
	background-color: #f3f8fc;
	border: 1px solid #DCDFE4;
}
blockquote .credit {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	padding-right: 0.6em;
	float: right;
	color: #333333;
	text-align: right;
}
blockquote     .text  {
	width: 95%;
	padding-right: 2em;
	padding-top: 0.6em;
	padding-bottom: 0em;
	margin: 0px;
	color: #333333;	
}
#imgright {
	font-size: x-small;
	float:right;
	color:#333333;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 2%;
	width: 270px;
}
/* MAIN NAVIGATION */
#mainnav {
	float: left;
	width: 20%;
	font-size: 0.96em;
	background-image: url(/es/events/decolonization50/images/navgrad.jpg);
	background-repeat: repeat-x;
	background-color: #F7EEC7;
	padding-bottom: 1em;
}
#mainnav ul {
	margin: 0px;
}
#mainnav ul li {
	list-style-type: none;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D6C47C;
}
#mainnav ul li a {
	text-decoration: none;
	color: #003366;
	display:block;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.7em;
	padding-right: 0.5em;
}
#mainnav ul li#home {
	display: block;
}
#mainnav ul li#home a {
	padding-left: .7em;
}
#mainnav ul li a:hover  {
	text-decoration: none;
	background-color: #966B2C;
	display: block;
	color: #FFFFFF;
}
#mainnav   a:link, #mainnav   a:active, #mainnav a:visited    {
	color:#333333;
}
/* FOOTER BAR */
#footer {
	background-color: #003366;
	color: #FFFFFF;
}
#footer ul {
	margin-top: 0em;
}
#footer ul li  {
	display: inline;
}
#footer ul li a {
	color: #fff;
	text-decoration: none;
}
#footer ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
	color: #E1D7C1;
}
#wsscredit {
	font-size: 90%;
	color: #000033;
	text-align: center;
}
.sm {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
	padding-left: 0.7em;
}
#content #slideshow {
	margin-bottom: 1.5em;
}
/* SLIDESHOW */
#content #show ul li {
	left: 0px;
	list-style-type: none;	
	background-image: none;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	position: static;
}
/* END OF SLIDESHOW */
.radiolinks a.sm2_link {
 font-weight:bold;
 float:left; 
}
border:1px dotted #999999;
margin-left:0.4em;
margin-right:0.4em;
padding:0.3em;
}
div#facebook_es{
	height: 52px;	
}
div#facebook_es a {
	font-family: Arial, Helvetica, sans-serif;
	padding-left:50px;
	font-size: 1.1em;
	float:left;
	color: #2054AA;
	text-decoration: none;
	font-weight: bold;	
	line-height: 15px;
	padding-top:0.1em;
	padding-bottom:0.2em;
}
div#facebook_es a:visited {color: #2054AA; !important}
div#facebook_es a:hover{color:#535353}