/* Abinition CSS Document */


/* TOP NAVIGATION */

#topnav #menu{
  float:left;
  margin:0 0 0 0px;
}


/* CONTENT */

#content {
  clear:both;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  background:transparent url("../images/index_ui/content_div.gif") repeat-y 33%;
}


#content h1 {

  margin: .5em 0em .25em 0em;
}

#content h1.statement
{
  margin: 15px auto 30px auto ; 
}
#content h2,
#content h2,
#content h3,
#content h4 {
  margin-top:.5em;
}

#content #top {
  clear:both;
  width:100%;
  display:table;
  border-bottom: 1px solid #ccc;
  background: transparent url("../images/index_ui/t_bg.gif") repeat bottom;
}

#content #top #graphic {
  float: left;
  margin:5px;
  border:1px solid grey;
  padding:0;
}

#content #top #graphic img {
	margin:0;
	padding:0;
	float:left;
}

#content #top #statement {
  margin-top: 20px;  /* adjust to vertically center the statement */
  margin-left:330px; /* may need adjustment depending on graphic dimensions */
  margin-right:20px; 
  padding: .5em;
  text-align: center;
}

#content #bottom {
  clear:both;
  width:100%;
  display:table;
  background:transparent url("../images/index_ui/content_div.gif") repeat-y 66%;
  border-top:10px solid white;
}

#content #bottom .l, 
#content #bottom .c,
#content #bottom .r {
  width:29%;
  float: left;
  padding-left:2%;
  padding-right:2%;
  margin-bottom:10px;
}

#content ul, #content ol {
  margin:0em;
  padding-left: 1.5em;
}

#content br {
  clear:both;
}

/* FOOTER */

#footer {
  clear: both;
  margin: 0;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
}

#footer #logo {
  background: transparent url("../images/index_ui/footer_A.gif") no-repeat;
  margin-left: 35px;
  width:50px;
  height: 52px;
  float:left;
}

#end .l {
  float:left;
  height: 6px;
  width: 6px;
  background: transparent url("../images/index_ui/end_l.gif") no-repeat;
}