@charset "UTF-8";
/* CSS Document */

body { background-color:#660000; color:white; font: .9em Verdana, Arial, sans-serif; }

.container {
width: 800px;
margin:0px;
padding:0px;
}

.header { width:800px; }
.header img { float:left; }

a {
color: white;
outline: none;
}

.links {
text-align:center; }
	
.links a {
text-decoration:none;
}
	
.links a:hover { text-decoration:underline; }

#menu {
float:left;
text-align:center;
}

#menu ul {
list-style: none;
margin: 0px;
padding: 0px;
width: 12em;
float: left;
}

/* #menu ul li { display: inline; }
*/

#menu a, #menu h2 {
display: inline;
border-width: 1px;
border-style: solid;
border-color: white;
color: #FFFFFF;
text-decoration:none;
outline: none;
margin: 0px;
padding: 2px 3px;
}

/*
#menu h2 {
color: #fff;
}
*/

#menu a {
color: white;
text-decoration: none;
}

#menu a:hover {
text-decoration:underline;
/*
color: #a00;
background: #fff;
*/
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

.content { width: 740px; margin:50px 30px 0px 30px; }

.content p { text-align:left; }

.content img { margin:20px 20px 20px 20px; border: black solid 1px; }

.content a { text-decoration:underline; outline:none; }

.content .center { text-align:center; }

/*
color:#FFCC66; }
.content a:hover { color:#FFCC66; }
.content a:visited { color:#FFCC66; }
*/

.subl {
float: left;
width: 740px;
margin: 0 0 2em;
}
	
.subr {
	float: right;
	width: 740px;
	margin: 0 0 2em; }

.subl img { float: left; margin: 0px 30px 10px 0px; border:black solid 1px; }
.subl p { margin: 0 0 1em 0px; }

.subr img { float: right; margin: 0px 0px 10px 30px; border:black solid 1px; }
.subr p { margin: 0 0 1em 0px; }

h3 { font-style:italic; }