div#menu {
float:left;
width: 100%;
padding-top:10px;
background: #0F0099;
}

ul#nav,ul#nav li{
list-style-type:none;
margin:0;
padding:0;
}

ul#nav li {
float:left;
margin-right: 3px;
text-align: center;
}

ul#nav a{
float:left;
padding: 5px;
background:#B3E6DB;
text-decoration:none;
font-family: Arial, sans-serif;
font-size:90%;
color: #2626D9;
}

ul#nav li.activelink a {
background: #2626D9;
color: #2626D9;
}

body {
		margin: auto;
		padding: 36px;
		background: #0F0099; 
		color: #FFFFFF;
		width: 920px;
		}

	
	#content {
		background: #2626D9;
		padding: 25px;
		border: 0px;
		border-top: 0px;
		z-index: 2;	}

	#content a:link {
		color: #0F0099; }

	#content a:visited { 
	color: #0F0099; }

p.center {
text-align: center;
}

p.left {
text-align: left;
}

p.right {
text-align: right;
}

div.hr {
clear:both;
margin-top:30px;
margin-bottom:30px;
}

div.hr hr {
color:#0F0099;
background-color:#0F0099;
height:2px;
width:100px;
border:none;
}

.story {
font-size:100%;
font-family:Arial, Helvetica, sans-serif;
}

.story-title {
font-size:130%;
font-family:Times, serif;
}
.story-publisher {
font-family:Times, serif;
}
.story-odd-image {
width:100px;
float:right;
padding-left:10px;
}

.story-even-image {
width:100px;
float:left;
padding-right:10px;
}

.navbar {
text-align:center;
font-family:Arial,sans-serif;
color:gray;
font-weight:bold;
font-size: 100%;
}
.navbar a:link {
font-family:Arial,sans-serif;
font-weight:bold;
text-decoration:none;
}

.navbar a:hover {
font-family:Arial,sans-serif;
font-weight:bold;
text-decoration:underline;
}

.app-left {
width: 400px;
padding: 10px;
border-style: solid;
border-width: 4px; 
float: left;
}

.app-right {
width: 400px;
padding: 10px;
border-style: solid;
border-width: 4px;
float: right;
}

a.white:link {
color: #ffffff !important;
} 
a.white:visited {
color: #ffffff !important;
}
a.white:hover {
color: #ffffff !important;
text-decoration: none;
}
a.white:active {
color: #ffffff !important;
}