html, body {
	font-family: "Trebuchet MS", sans;
}

html {
	background: url("bg.jpg") 0 0 no-repeat #000;
	background-attachment: fixed;
	background-position: top center; 
}

.main {
	width:50%;
	margin: 5% auto;
	background-color:#fff;
	padding:4em 2em 1em 2em;
	opacity:0.8;
	border-top:8px solid #000;
	border-bottom:8px solid #000;
}

.main p {
	text-align:justify;
}

a:link, a:visited {
    color: #006;
}

a:hover {
    color: #f00;
}

.main hr {
padding: 0; 
border: none; 
color: #333; 
text-align: center;
padding-top:1em;
	}

.main hr:after { 
content: "* * *"; 
display: inline-block; 
position: relative; 
top: -0em; 
font-size: 1.5em; 
padding: 0 0.25em; 
background: white; 
}

#footer {
	background-color:#444;
	opacity: 0.99;
	margin-left:-2em;
	margin-right:-2em;
	margin-bottom:-1em;
	border-top:4px solid #000;
	padding: 0 1em;	
	margin-top:4em;
}

#footer span {
	color:#ccc;
	font-size:75%;
	display:block;
}

#navigation {
   list-style:none;
   padding:0;
	background-color:#eee;
	border-bottom:1px solid #000;
height:1.4em;
}

#navigation li {
   float:left;
   margin:0 0 1em 0;
   padding:0;
}

#navigation li a {
	padding: .2em 1em;
	text-decoration:none;
}

#navigation li.active a {
   border-bottom:none;
   border-left:1px solid #000;
   border-right:1px solid #000;
   border-top:1px solid #000;
   font-weight:bold;
   background-color:#fff;
}

h1 {
   clear:both;
}


.resource {
   margin-bottom:8px;
   white-space: nowrap;
   overflow:hidden;
   padding-left:24px;
   border-left:16px solid #888;
}

.resource h2 {
   white-space: nowrap;
   overflow:hidden;
   font-size:100%;
   margin:0;
}