body {
background-color: #efefef;
color: black;
font-family: verdana;
}

p {
margin-top: 1em;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
padding: 0px;
}

li {
margin-bottom: 4px;
}

.page {
width: 800px;
background-color: white;
margin-left: auto;
margin-right: auto;
border: 2px solid #666666;
}

.header{
position: relative;
width: 100%;
}

.nav {
color: black;
font-size: 9pt;
font-stretch: narrower;
font-family: Arial;
float: left;
}

.nav a {
color: black;
text-decoration: none;
}

.nav a:hover {
color: #DB564F;

}

.logo {
float: left;
}

.navbar {
position: relative;
text-align: center;
margin-left: 15px;
width: 672px;
margin-top: 5px;
float: left;

}

.navitem{
float: left;
position: relative;
margin-left: 7px;
height: 40px;
line-height: 20px;
white-space: nowrap;
}

.navplus{
float: left;
font-size: 20px;
color: #DB564F;
width:25px;
text-align: center;
background-color: white;
}

.navlink{
position: relative;
float: left;
clear: left;
padding-right: 7px;
}

.content {
margin-top: 4px;
float: left;
}

.headlinebox {
background-color: black;
height: 30px;
width: 100%;
color: white;
padding-top: 10px;
margin-top: 0px;
}

.leftcolumn {
float: left;
padding-right: 5px;
padding-bottom: 5px;
width: 426px;
height: 100%;
border-right: 1px solid gray;
display: inline;
background-color: white;
}

.headlineleft {
margin-left: 5px;
border-right: solid 1px white;
display: inline;
font-size: 9pt;
padding-right: 3px;
}

.headlineright{
display: inline;
font-size: 8pt;
margin-left: 3px;
}

.bluestory{
background-color: #76A9D3;
color: black;
font-size: 9pt;
margin-top: 5px;
overflow: auto;
padding: 10px;
}

.whitestory{
background-color: white;
color: black;
font-size: 9pt;
margin-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 10px;
}

.storycolumnleft {
width: 48%;
float: left;
display: inline;
margin-left: 5px;
}

.storycolumnright {
width: 48%;
float: left;
display: inline;
margin-left: 5px;
margin-right: 5px;
}

.picturebox {
margin-top: 5px;
width: 350px;
margin-left: auto;
margin-right: auto;
}

.footer {
background-color: black;
height: 60px;
font-size: 9pt;
color: white;
vertical-align: bottom;
width: 100%;
clear: both;
overflow: auto;
}

.subnav {
width: 70%;
margin-top: 20px;
position: relative;
margin-left: auto;
margin-right: auto;
text-align: center;
position: relative;
}

.subnav a {
color: white;
text-decoration: none;
}

.subnavitem1 {
display: inline;
padding-right: 10px;
border-right: 1px solid white;
}

.subnavitem {
display: inline;
padding-right: 10px;
margin-left: 10px;
border-right: 1px solid white;
}

.subnavitemlast {
display: inline;
padding-right: 10px;
margin-left: 10px;
}

.bigplus {
font-size: 20px;
}

.yellowbox {
font-size: 9px;
width: 201px;
background-color: #F7E082;
color: black;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
float: left;
}

.bluebox {
background-color: #76A9D3;
font-size: 9px;
width: 201px;
color: black;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
float: left;
}

.orangebox {
background-color: #F9B449;
width: 201px;
color: black;
margin-top: 5px;
font-size: 9px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
float: left;
}

.redbox {
background-color: #DB564F;
width: 201px;
color: black;
margin-top: 0px;
font-size: 9px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
float: left;
}

.greenbox {
background-color: #33A02C;
width: 201px;
color: black;
margin-top: 0px;
font-size: 9px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
float: left;
}

.middlecolumn {
width: 211px;
float: left;
padding-bottom: 5px;
font-size: 9pt;
background-color: #dfdfdf;
height: 100%;
border-bottom: 1px solid gray;
border-right: 1px solid gray;
}

.thermo {
float: right;
padding-right: 5px;
width: 145px;
padding-left: 5px;
}

.thermo2 {
float: right;
padding-right: 0px;
width: 100px;
padding-left: 5px;
}