body, h1, h2, h3, h4, h5, h6, table, tr, td, img, ul, li, p
{
  margin:0; 
  padding:0;
  border:none;
}

body {
  font-family: arial;
  background: #ffffff url('_images/_bg/blrc-mainbg.jpg') no-repeat 50px 0;
  background-color: #ffffff;
  width: 100%;
}

#locale {
  position:absolute;
  top:0px;
  left:550px;
  color:#F0F4FF;
  padding:0px;
  margin:0px;
  font: bold 100px/100px arial;
  width: 80%; // new
}

/****************************************
  Logo box
****************************************/
div#logobox {
  display: block;
  width: 400px;
  height: 128px;
}


/****************************************
  Vertical Menu Styles
****************************************/
#menu {
  position: absolute;
  left: 50px;
  top: 205px;
  width: 150px;
/*  margin-top: 40px; */
  text-align: right;
  color: white;	
  border-left: 1px solid #000080;
}

#menu ul {
  list-style-type:none; margin-left: 10px;
}

#menu a {
  display:block;
  text-decoration: none;
  color: #fefefe;
  font-family: arial;
  font-size:110%;
  padding-right:10px;
  background: url('_images/_bg/menu_item_top.gif') no-repeat top right;
}

#menu ul li {
  background: #000080 url('_images/_bg/menu_item_btm.gif') no-repeat bottom right;
  padding: 0px 0px 3px 0px;
  margin-bottom: 10px;
}

#menu a span {
  display: none;
  font-size:75%;
}

/* Fix for IE */
#menu a:hover {
  border-right: 1px;
}

#menu a:hover span {
  display:block;
  background-color:#000080;
  color:#ffffff;
  text-align:left;
  position: absolute;
  top: -85px;
  left: 10px;
  width: 95px;
  padding: 0px;
  z-index: 1000
}

/****************************************
  Rightbar Styles
****************************************/
#right {
  position: absolute;
  right:50px; 
  top:0px;
  color:#000080;
  width: 200px;
  padding: 5px;
/*  border-right: 1px solid #000080; */
}

#right ul {
  list-style-type:none;
  background-color: #ffffff;
}

#right li {
  padding-bottom: 5px;
  border-bottom: 1px solid #f1f1f1;
}

#right a {
  color:#000080;
  font-family: arial;
  text-decoration: none;
}

#right a:hover {
  text-decoration: underline;
}

#right .spacer  {
  display:block;
  height: 128px;
}

#right .games {
  background: white url('_images/_bg/blrc-fade.gif') no-repeat center;
  margin-bottom: 15px;
  border-bottom: 3px double #000080;
  text-align: center;
}

#right .games h3 {
  font-weight: normal;
}

#right .games img {
  vertical-align: middle;
}

#right .games span {
  font-size: 75%;
}

/****************************************
  Outside right border fill
****************************************/
#outsideright {
  position: absolute;
  right:0px; 
  top:0px;
  width: 50px;
}

#outsideright .fill  {
  display: block;
  height: 128px;
  background: white;
}


/****************************************
  Bottom and Weather Box Styles
****************************************/
#bottom {
  display:block; 
  clear:both;
  padding-top: 100px;
  height: 50px;
  width: 100%;
}

div#weather {
  position:absolute;
  top: 735px;
  left: 55px;
  z-index:100;
}

/****************************************
  Horizontal Navigation Styles
****************************************/

div#main_nav_spacer{
  display: block;
  margin-right: 280px;
  margin-top: 0px;
  margin-left: 400px;
  padding: 0px;
  background: url('_images/_bg/hnav_slice_top_1x5.jpg') repeat-x;
  height: 5px;
}

div#main_nav{
  display: block;
  margin-right: 280px;
  margin-top: 0px;
  margin-left: 270px;
  padding: 0px;
  background: url('_images/_bg/hnav_slice_bottom_1x50.jpg') repeat-x;
  height: 50px;
}

#main_nav a {
  display:block;
  text-decoration: none;
  color: #000080;
  font-family: impact, arial;
  font-size:125%;
  padding-right:10px;
}

#main_nav a:hover {
  color:#FFFFFF;
}

#main_nav li {
     float: left; /* we want these to display inline, but we want them block level for later so no display: inline; */
     list-style: none; /* remove the bullets */
     width: 24%;
     text-align: center; /* center all text */
}



/****************************************
  Content Styles
****************************************/
div#content {
  display: block;
  padding: 5px;
/*  background: url('_images/_bg/blrc-contentBG.jpg') no-repeat top left; */
  color:#000080;
  margin-right: 270px;
  margin-top: 0px;
  margin-left: 215px;
  min-height: 650px;
  height:auto !important;
  height:650px;
}

div#content p {
  margin: 10px 0px 10px 0px;
}

div#content .blog {
  padding: 5px;
  color: Black;
  font-family: 'trebuchet ms', helvetica, verdana, arial, sans-serif;
  font-size: small;
}

.titlebar {
  margin-top: 12px;
  margin-bottom: 5px;
  border-bottom: 1px solid #000080;
  font-size: 110%;
  color: #000080;
}

.date {
  color: White;
  padding: 5px 0px 5px 12px;
/*  border: 5px ridged #000080; */
  background: url('_images/_bg/blue-date-slice-5x30.png') repeat-x;
/*  background-color: #000080; */
  font-size: 90%;
  font-family: Verdana;
}

.blogbody {
  padding: 8px;
}

.title {
  color: #000080;
  font-size: small;
  /*  text-transform: uppercase; */
  font-weight:bold;
}

.posted {
  font-size: smaller;
  margin-bottom: 10px;
  padding-bottom:3px;
  border-bottom: 3px double #000080;
}

.img-center {
  width: 300px ;
  margin-left: auto ;
  margin-right: auto ;
}

div#subhead {
  font-color: #000080

}

/****************************************
  Contact list styles
  Two columns of data
****************************************/
div#contact ul.vert {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
	}

div#contact ul.vert li {
	padding: 4px 0;
	margin: 0;
	height: 14px; /* space out your rows */
	}

div#contact ul.vert li.odd {
	background-color: #dfdfff;
	}

div#contact ul.horz {
	clear: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

div#contact ul.horz li {
	float: left;
	width: 10em;
	padding: 0 0 0 0;
	margin: 0;
	}

div#contact ul.horz li.role { 
                padding-left: 1em;
	}

div#contact ul.horz li.name { 
	}

div#contact ul.horz li.phone { 
                width: 7em;
	}

div#contact ul.horz li.email {
	float: right;
                width: 3em;
	text-align: right;
	padding-right: 1em;
	}

div#contact ul.horz li.registration { 
                width: 25em;
	padding-left: 1em;
	}

div#contact ul.horz li.cost {
	float: right;
                width: 3em;
	text-align: right;
	padding-right: 1em;
	}

div#contact ul.horz li.reward { 
                width: 20em;
	padding-left: 1em;
	}

div#contact ul.horz li.books {
	float: right;
                width: 8em;
	text-align: right;
	padding-right: 1em;
	}

div#contact ul.horz li. event_date { 
	}

div#contact ul.horz li.event {
	float: right;
        width: 18em;
	text-align: right;
	padding-right: 1em;
	}