.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body {
margin: 0;
padding: 10px 0;
text-align: center;
background: url(images/binbg.png) repeat;
font: normal normal normal 100% sans-serif;
}

#wrap {
margin: 0 auto;
text-align: left; /* to undo the center from the body */
width: 955px;
}

.top {
height: 25px;
background: url(images/top.gif) top center no-repeat;
}

.vertfill {
height: 100%;
background: url(images/bgfiller.gif) center center repeat-y;
}

.bottom {
height: 25px;
background: url(images/bottom.gif) bottom center no-repeat;
}

.clear {
font-size: 1px;
height: 1px
}

#logo {
width: 915px;
height: 180px;
margin: 0 auto;
background: url(images/headerlogo_915x180px.jpg) center center no-repeat;
}

#menu {
width: 200px;
float: right;
font-size: 24px;
padding: 0px;
margin: -60px 30px 60px 60px;
border-left: 1px dotted #0057A4;
border-bottom: 1px dotted #0057A4;
}

#current a {
color: #0057A4;
text-decoration: none;
border-bottom: 1px dotted;
}

#content {
font: normal normal normal 100% sans-serif;
margin: 50px;
}

#image { text-align: center; }

a, img { border: none; }

a:link, a:visited {
color: #000000;
text-decoration: none;
}

a:hover, a:active {
color: #0057A4;
text-decoration: none;
border-bottom: 1px dotted;
}

a.blue {
color: #0057A4;
}

h1 {
font-family: sans-serif;
font-size: 28px;
}
  
h1.purple { color: #800080; }
h1.orange { color: #FFA500; }
h1.teal { color: #008080; }
h1.indigo { color: #4B0082; }
h1.limegreen { color: #32CD32; }
h1.navy { color: #000080; }

ul.nobullet { list-style-type: none }

p.caption { font-style: italic; }