body {
  margin: 0;
  font: small Arial, Tahoma, sans-serif;
  background: #E2A55C url(../images/bg_shadow2.jpg) repeat-y 50% 0;
}

html,body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,form,fieldset {
  margin: 0;
  padding: 0;
}

a {
  color: #17A;
}
a:hover, a:hover {
  color: #0099EA;
  color: #077E02;
  text-decoration: underline;
}

h2 {
  color: #C52; 
  margin: 0 0 17px 0;
  font: normal 16px Optima,Georgia,Arial Narrow,Arial,sans-serif;

  line-height: 23px;

}

#header {
  width: 977px;
  height: 127px;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  background: url(../images/header.jpg) no-repeat right;
}

#logo {
  margin: 0 0 0 20px;
  width: 196px;
  height: 116px;
  background: url(../images/oda_logo.gif);
  position: relative;
}

#logo a {
  position: absolute;
  top: 0;
  left: 0;
  width: 194px;
  height: 84px;}


#splash {
  width: 977px;
  height: 192px;
  background: url(../images/blue_bg.jpg);
  margin-left: auto;
  margin-right: auto;
}

#splash_graphic {
  float:left;
  width: 254px;
  height: 192px;
  background: url(../images/tomatorainbow.jpg);
}


#splash_headline {
  margin-left:250px;
  padding:20px;
  position: relative;
  font:normal 2.2em Georgia;
  line-height:150%;
  color:#FFF;
}



#container {
  width: 977px;
  padding: 0;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}


#extra {
  width: 967px;
  padding: 0;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

#content {
  float: left;
  width: 474px;
  margin: 25px 24px 0 24px;
  line-height: 19px;   
  display: inline;
}
#content p {
  margin: 0 0 14px 0;
}

#sidebar {
  float: left;
  width: 200px; 
  margin: 16px 0 0 25px;
  font-size: 80%;
  display: inline;
}

#sidebar p {
  color: #4B798B;
  line-height: 14px;
  margin: 0 0 10px 0;
  padding: 0;
}

#sidebar h2 {
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  margin: 12px 0 8px 0;
  border: none;
}

.story {
  background: url(../images/header_hr.jpg) 0 bottom no-repeat;
  margin: 0 0 5px 0;
  padding: 0 0 16px 0;
  font-size: 20px;
  color: #8FA5AD;
}

.title {
  color: #C56;
  text-decoration: none;
}

#login fieldset {
  border: 1px solid #D4E7ED;
  background: #FBFDFE;
  padding: 10px;
  text-align: right;
}

#login .textbox {
  width: 100px;
}

#login .submit {
  margin-top: 6px;
}

#login label.left {
  float: left;
  text-align: left;
  color: #0F4257;
  font-size: 11px;
  margin: 6px 0 9px 0;
  width: 62px;
}

.row {
  clear: left;
}


#content ul { 
  list-style: disc; 
  margin: 10px;
  padding: 10px;
}

#events li span {
	float: right;
}

#address {
  border: 1px solid #D4E7ED;
  background: #FBFDFE;
  padding: 10px;
}


/* Navigation */

#nav {
  float: left;
  width: 205px;
}


/* Navigation */

#navcontainer { 
	margin: 0;
	padding: 0;
	width: 198px;
}

#navcontainer a:hover
{
	background: url(../images/nav_bg_on_2.jpg); 
	color: #fff;
} 


#navcontainer ul li.nav-bottom { 
	margin-top: 50px;
	width: 198px;
	height: 16px;
	background: #f1f8fe url(../images/nav-bottom.gif) no-repeat;
}

#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	width: 198px; /* Width of Menu Items */
	}
	
#navcontainer ul li {
	position: relative;
	border-bottom: 1px solid #fff;
	text-transform: uppercase;
	font-weight: bold;
	}

#navcontainer ul li ul li {
	border-left: 1px solid #fff;
}
	
#navcontainer li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 205px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
#navcontainer ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 8px 15px 8px 15px;
	width: 175px;
	position: relative;
	background: url(../images/nav_bg_2.jpg); 
	border-bottom: 0;
	}
	
#navcontainer li:hover ul, #navcontainer li.over ul { display: block; }