/* So the HTML5 structural tags work in older browsers */
article, aside, figure, footer, header, nav, section {
    display: block;
}

/* the styles for the elements */
*{
	magin:0px;
	padding:0px;
}

html{
	background-color:#ffffff;
}

body {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 87.5%;
	width:800px;
  	margin:auto;
  	border: solid 3px #931420;
	background-color: #fffded;
}

a:hover {
	font-style: italic;
}

/* the styles for the header */
header{
	border-bottom: solid 3px #931420;
	padding: 1.5em 0em 4.5em;
	background-image:linear-gradient(30deg,#F6bb73 0%, #F6bb73 30%, white 40%, #F6bb73 80%, #F6bb73 100%);
	background-image:-moz-linear-gradient(30deg,#F6bb73 0%, #F6bb73 30%, white 40%, #F6bb73 80%, #F6bb73 100%);
	background-image:-webkit-linear-gradient(30deg,#F6bb73 0%, #F6bb73 30%, white 40%, #F6bb73 80%, #F6bb73 100%);
}

header img {
	float: left;
	padding:0px 30px;
}

header h1 {
	color: #800000;
	padding: 0.3em 0em;
}
header h2 {
	font-size: 170%;
	color: #800000;
	margin:0px;
}
header h1{ 
	color: #800000;
	padding: 0.5em 0em 0.25em;
}

header h3 {
	font-size: 130%;
	font-style:italic;
	padding-bottom:.25em;
	margin: 0px;
}
/* the styles for the nav menu */
#nav_menu ul{
list-style:none;	
margin:0;
padding:0;
position:relative;
}

#nav_menu ul li{
	float:left;
}

#nav_menu ul li a{
	display:block;
	width:160px;
	text-align:center;
	padding: 1em 0em;
	text-decoration:none;
	background:#800000;
	color:white;
	font-weight:bold;
}

#nav_menu a.current{
	color:yellow;
}
	
#nav_menu ul ul{
	display:none;
	position: absolute;
	top:100%;
}

#nav_menu ul ul li{
	float:none;
}
#nav_menu ul li:hover > ul {
display:block;	
}
#nav_menu > ul::after{
content:"";
clear:both;
display:block;	
	
}
/* the styles for the main */
/*main{
	padding: 0px 30px;
}*/
/* the styles for the section */

section {
	width:525px;
	clear: left;
	float:right;
	padding:0px 20px 20px 20px;
}
section h1 {
	font-size: 150%;
	padding-top:.3em;
	padding-bottom:.5em;
	margin:0px
	/*border-bottom: solid 3px #931420;
	border-top: solid 3px #931420;*/
}

section h2 {
	font-size: 130%;
	color: #800000;
}

section h3, aside h3 {
	font-size: 105%;
	margin: 0px;
}
section ul{
	padding-bottom:.25em;
	padding-left:1.25em;
	list-style-type:circle;

}
section ul li{
	padding-bottom:.35em;
	list-style-type:circle;
}
section blockquote{
	margin:0em;
	padding: 0em 2em;
	font-style:italic;
}
section p{
	padding-bottom:.5em;	
	margin:0px;
}
/* the styles for the article */
article{
	padding:.5em 0;
	border-bottom:2px solid #800000;
	border-top:2px solid #800000;
}
article img{
	float:right;
	margin: 0 1em 1em 1em;
	border:2px solid black;
}
article h2{
	padding-top:0px;
}
article h3{
	font-size:105%;
	padding: 0 0 .25em 0;
}

/* the styles for the aside */
aside{
	width:215px;
	float:right;
	padding: 0px 0px 20px 20px;
}
aside h2 {
	font-size: 130%;
	color: #800000;
	padding: .5em 0em .24em 0em;
}
aside h3{
	font-size:103%;
	padding-bottom:.25em;
}
#speakers {
	margin:0px;
	/*font-size: 175%;
	border:5px double #931420;
	border-radius:10px;
	box-shadow:3px 3px 4px 4px #000000;
	margin-bottom:20px;
	padding-left:2em;*/
}
aside img{
	padding-bottom:1em;
}
.shadow {
	text-shadow: 2px 2px 2px #800000;
}

/* the styles for the footer */
footer{
	background-color:#931420;
	color:#ffffff;
	clear:both;
}
footer p {
	text-align: center;
	padding: 1em 0em;
	margin-bottom:0em;
}


