body { font-family: 'Open Sans', arial; color: #000000;
background-color: #ffffff;}
#page { width: 980px; margin: 2px auto 10px auto;
padding: 20px;
background-color: #ffffff;
box-shadow: 4px 4px 8px 0px #888888;}
#logo {width: 800px; margin: 10px auto 1px 0px;}
#navigation {width: 400px;
padding: 1px;
margin: 0px auto 40px 240px;
text-align: right;}
li.nav { display: inline;
margin: 0px 3px;}
.columncontainer {width: auto;}
.columnstitle {width: auto; margin: 10px; text-align: center; }}
.column1of2 { float: left; min-width: 400px; text-align: left; margin: 10px; padding-right: 10px; border-right: 1px solid #000000}
.column2of2 { float: right; min-width: 400px; text-align: left; margin: 10px; padding-left: 10px;}
.clear {clear: both;}
h1 {font-size: 22px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 14px; font-weight: 400;}
p {font-size: 16px;}
p.indent {text-indent: 3em;}
p.hangingindent {text-indent: -3em; padding-left: 3em;}
.bluebox {background-color: #237c8c; color: #ffffff; padding: 10px 4px 10px 4px; margin-left: 250px; margin-right: 250px;}
.redbox {background-color: #ce171e; color: #ffffff; padding 4px;}
a {color: #2084B2; text-decoration: none;}
a:hover, a.on {color:#000000;}
img.llighten:hover
{
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
#footer {width: 100%;
padding: 15px;
margin: 0px auto 0px auto;
text-align: center;}