/* fonts and links in text */

body {
margin:0px;
padding:0px;
margin:0px;
padding:0px;
background-color: #ffffff;
font-family: verdana;
font-style: normal;
text-align: center; /* to center wrapper for IE */
}

h1 {
font-family: Verdana;
font-style: normal;
font-size: 1.8em;
color: #000000;
font-weight: normal;
text-align: center;
text-decoration: none;
}

h2 {
font-family: Verdana;
font-style: italic;
font-size: 1.5em;
color: #000000;
font-weight: normal;
text-align: center;
text-decoration: none;
}

h3 {
font-family: Verdana;
font-style: normal;
font-size: 1.0em;
color: #000000;
font-weight: bold;
text-align: left;
text-decoration: none;
margin-top: 25px;
margin-bottom: 0px;
}

h4 {
font-family: Verdana;
font-style: normal;
font-size: 0.9em;
color: #000000;
font-weight: bold;
text-align: left;
text-decoration: none;
margin-top: 5px;
margin-bottom: 0px;
}

h5 {
font-family: Verdana;
font-style: italic;
font-weight: normal;
font-size: 0.9em;
color: #000000;
text-align: left;
text-decoration: underline;
margin-top: 5px;
margin-bottom: -5px;
}

p {
font-family: Verdana;
font-style: normal;
font-size: 0.8em;
color: #000000;
font-weight: normal;
text-align: left;
text-decoration: none;
}

ul {
font-family: Verdana;
font-style: normal;
font-size: 0.8em;
font-weight: normal;
text-decoration: none;
text-align: left;
color: #000000;
}

ol {
font-family: Verdana;
font-style: normal;
font-size: 0.8em;
font-weight: normal;
text-decoration: none;
text-align: left;
color: #000000;
}

li {
text-align: left;
}

a:link {
font-family: Verdana;
color: #000080;
text-decoration: underline;
font-weight: normal;
}

a:active {
font-family: Verdana;
color: #000080;
text-decoration: none;
}

a:hover {
font-family: Verdana;
color: #ff0000;
text-decoration: underline;
}


 /* wrapper code */


#wrapper {
width: 900px;
margin: 0 auto;
border: 0px;
text-align: left; /* counter center wrapper for IE in #body */
padding: 0px;
margin-top: 20px;
margin-bottom:20px;
}

#navbox {
display:block;
width: 100%;
height:25px;
margin-top:0px;
border:0px;
padding:0px;
}

#banner {
clear:both;
display:block;
width:100%;
height: 270px;
background-image:url('obe.jpg');
background-repeat: no-repeat;
border:0px;
margin:0px;
padding:0px;
}

#left-column {
float: left;
margin:0px;
padding-top: 20px;
padding-left: 0px;
padding-right: 20px;
padding-bottom: 10px;
width: 650px;
border: 0px;
}

#right-column {
float: right;
margin:0px;
padding-top: 20px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
width: 230px;
}

#footer { /* to cancel float command */
clear: both;
background-color: #ffffff;
width:100%;
height: 25px;
padding: 5px;
border: 1px solid;
border-color: #000000;
margin-bottom:20px;
}


/* Horizontal Navigation */

#navigation {
font-family: Verdana, sans-serif;
font-size: 1.1em;
}

#navigation ul {
list-style: none;
padding:0;
margin:0;
}

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

#navigation a:link, #navigation a:visited {
display: block;
border:0px;
padding:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:5px;
margin-right: 20px;
color: #000000;
font-weight: bold;
text-decoration: none;
}

#navigation a:hover{
display: block;
border:0px;
padding:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:5px;
margin-right: 20px;
color: #000000;
font-weight: bold;
text-decoration: underline;
}


/* article navigation */

.summary {
padding:10px;
background-color: #e6f0ef;
border: 1px dotted #729d87;
margin-top: 8px;
}

.summary li a {
font-size: 1em;
text-decoration: none;
}

.summary li a:active, .summary li a:hover {
font-size: 1em;
text-decoration: underline;
}