BODY
{
  margin:0;
  padding:0;
  background-color:#0557A8;
}

BODY, TD
{
  font: normal 12px/1.5 verdana, arial, helvetica, san-serif;
}

A { text-decoration:underline }
A:hover { text-decoration:none; }

a img { border:0; }

UL { padding:0; margin-left:2em }
LI { padding:0; margin:0 }

H1 { font-size:17px; font-weight: 800; color:#F02C27; }
H2 { font-size:14px; font-weight: 700; text-transform: capitalize; }
H3 { font-size:12px; font-weight: 600 }

HR
{
  height:1px;
  color:#333;
  background-color:#333;
  border:0;
  margin:10px 0;
  padding:0;
}

body#home table,
div#content-wrapper
{
  clear:both;
  background-color:#fff;
}

body#home table,
div#header,
div#content,
div#footer
{
 clear:both;
  max-width:1000px;
  min-width:770px;
  width:expression( document.body.clientWidth > 1000 ? "1000px" : "auto" );
  padding:1em;
}

/*
body#home div#container
{
  max-width:770px;
  width:expression( document.body.clientWidth > 770 ? "770px" : "auto" );
}
*/

#header-wrapper
{
  border-bottom:1px solid #0557A8;
background:#eee;
}

div#header
{
  clear:both;
}

body#home div#header
{
  border:0;
}

.sitetitle, .sitetitle A { font-size:13px; font-weight:800; text-decoration: none }
.sitetitle A:hover { text-decoration: underline }

.smalltext { font-size:10px }
.bigtext { font-size:13px;}



ul#menu A:hover{ text-decoration: underline; }


ul#menu {
  display:table;           
  padding:0;
  margin:0 auto;
  white-space:nowrap;
  list-style-type:none;
  }



ul#menu li {
  list-style:none;
  margin:0;
  padding:0 10px;
  height:40px;
  display:table-cell;
  }


/* for some reason this doesn't work in IE6 if it's ul#menu a */
#menu A
{
  font-style:italic;
  text-decoration:none;
  font-weight:bold;

  display:block;
  padding:0.2em 1em; 
  text-decoration:none;
  }

#footer-wrapper
{
  background:url(/images/footerbg.gif) repeat-x;
  border-top:1px solid #0557A8;
}

#footer
{
  font-size: 11px;
  padding:10px;
  text-align:center;
  clear:both;
  min-height:160px;
}

#content:after,
div.row:after
{
  content:".";
  display:block;
  visibility:hidden;
  clear:both;
}

div.row div#left
{
  width:65%;
  padding-right:20px;
  float:left;
  display:inline
}


div.row div#right
{
  float: right;
  display:inline;
  width:30%;
  font-size:11px;
  margin:0 auto;
  padding: 5px;

}

p.caption { margin-top:0; font-size:90%; }

.vcard a.url
{
 display:none;
}

.vcard a.im
{
 display:inline;
}


.vcard div.adr
{
  margin:.5em 0;
}