/* 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;
font-size: 1.0em;
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;
}


#banner {
display:block;
background-image:url('obe.jpg');
background-repeat: no-repeat;
width:900px;
height: 270px;
}

#title-box {
display:block;
padding: 0px;
margin: 0px;
width: 100%;
height:80%
}


#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;
align: center;
width:880px;
height: 40px;
padding-left: 20px;
border: 1px solid;
border-color: #000000;
text-align: center;
}
 

/* Horizontal Navigation */

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

#navigation ul {
list-style: none;
margin: 0px;
padding: 0px;
width:100%;
}

#navigation li {
float: left;
}

#navigation a:link, #navigation a:visited {
display: block;
width: 150px;
margin-left: 5px;
margin-right: 5px;
border-style: dotted;
border-width: 1px;
border-color: #000000;
padding: 5px 5px 5px 5px;
text-align: center;
color: #000000;
text-decoration: none;
font-weight: normal
}

#navigation a:hover {
display: block;
width: 150px;
margin-left: 5px;
margin-right: 5px;
border: solid;
border-width: 1px;
border-color: #c57c7c;
padding: 5px 5px 5px 5px;
background-color: #c57c7c;
text-decoration: none;
font-weight: normal
color: #000000;
}

/* article navigation */
 
.summary {
padding:10px;
background-color: #e6f0ef;
border: 1px dotted #729d87;
margin-bottom: 8px;
}
 
.summary li a {
font-size: 1em;
text-decoration: none;
}
 
.summary li a:active, .summary li a:hover {
font-size: 1em;
text-decoration: underline;
}
 

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