body {
			  text-align: center;
			  margin: 0px 0px 0px 4px;
			  border: 0px;
			  padding: 0px;
			}

			#wholepage {
			  position: relative;
			  font-size: 10px;
			  background-color: #dddddd;
			  width: 870px;
			  margin: 0px;
			  border: 0px;
			  padding: 0px;
			}

			#logobox {
			  position: relative;
			  width: 870px;
			  background-color: #dddddd;
			  margin-bottom: 12px;
			  border: 1px solid #999999;
			  padding: 0px;
			}

			#localnav {
			  position: relative;
			  width: 870px;
			  height: 20px;
			  color: ffffff;
			  text-align: center;
			  font-family: Arial;
			  font-size: 12px;
			  font-weight: bold;
			  background-color: #0000cc;
			  margin-bottom: 12px;
  			  border-bottom: solid 1px #3333ff;
 			  border-top: solid 1px #3333ff;
			  padding: 0px;
			}

			ul {
			  margin-top: 8px;
			  margin-bottom: 8px;
			}

			ul#navigation {
			  width: 100%;
			  background-color: #0000cc;
			  margin: 0px;
  			  border-bottom: solid 2px #000099;
 			  border-top: solid 2px #000099;
			  padding: 0px;
			}

			ul#navigation li {
			  display: inline;
			  margin: -2px;
			}

			ul#navigation li a {
  			  text-decoration: none;
			  border-left: solid 1px #bbbbbb;
			  padding-left: 12px;
			  padding-right: 12px;
			}

			ul#navigation li a:link {
			  background-color: #0000cc;
			  border-left: solid 1px #bbbbbb;
			}

			ul#navigation li a:visited {
			  background-color: #0000cc;
			  border-left: solid 1px #bbbbbb;
			}

			ul#navigation li a:hover {
			  background-color: #3333ff;
			  border-left: solid 1px #bbbbbb;
			}

			ul#navigation li a:active {
			  background-color: #3333ff;
			  border-left: solid 1px #bbbbbb;
			}

			ul#navigation li#last a {
			  border-left: solid 1px #bbbbbb;
			  border-right: solid 1px #bbbbbb;
			  padding-left: 12px;
			  padding-right: 12px;
			}

			li {
			  margin-top: 2px;
			  margin-bottom: 2px;
			}

			#tickerbar {
			  position: relative;
			  color: ffffff;
			  text-align: left;
			  font-family: Arial;
			  font-size: 12px;
			  font-weight: bold;
			  background-image: url('http://www.historicclassical.org/images/gray_grad_bg.gif');
			  border: 0px;
			  margin-bottom: 15px;
			  padding-top: 2px;
			  padding-bottom: 2px;
			  padding-left: 15px;
			}

			#largemain {
			  position: relative;
			  width: 870px;
			  text-align: left;
			  border: 1px solid #999999;
			  padding: 0px;
			  padding-bottom: 12px;
			}

			#medmain {
			  position: relative;
			  width: 670px;
			  float: right;
			  margin-left: 0px;
			  margin-right: 0px;
			  border: 0px;
			  padding: 0px;
			}

			#smallmain {
			  position: relative;
			  width: 470px;
			  float: left;
			  border: 0px;
			  padding: 0px;
			}

			.header-text-box {
			  position: relative;
			  background-color: #dddddd;
			  color: #666666;
			  text-align: left;
			  font-family: Tahoma;
			  font-size: 18px;
			  border: 0px;
			  padding-top: 6px;
			  padding-bottom: 8px;
			  padding-left: 0px;
			}

			.footer-text-box {
			  position: relative;
			  color: #ffffff;
			  text-align: center;
			  font-family: Tahoma;
			  font-size: 10px;
			  background-image: url('http://www.historicclassical.org/images/classical_grad_bg.gif');
			  background-repeat: repeat-x;
			  padding: 2px;
			}

			.full-width {
			  position: relative;
			  font-family: Arial;
			  font-size: 13px;
			  border: 0px;
			  padding: 0px;
			}

			.small-left {
			  position: relative;
			  width: 360px;
			  float: left;	
			  font-family: Arial;
			  font-size: 13px;
			  border: 0px;
			  padding: 0px;
			}

			.small-right {
			  position: relative;
			  width: 100px;
			  float: right;
			  font-family: Arial;
			  font-size: 13px;
			  border: 0px;
			  padding: 0px;
			}

			.med-right {
			  position: relative;
			  width: 160px;
			  float: right;
			  border: 0px;
			  padding-top: 0px;
			  padding-bottom: 0px;
			  padding-left: 5px;
			  padding-right: 15px;
			}

			.large-left {
			  position: relative;
			  width: 160px;
			  float: left;	
			  border: 0px;
			  padding-top: 0px;
			  padding-bottom: 5px;
			  padding-left: 15px;
			  padding-right: 5px;
			}

			.infobox {
			  position: relative;
			  width: 150px;
			  margin-bottom: 12px;
			  border: 1px solid #666666;
			  padding: 0px;
			}

			.infobox-header {
			  text-align: left;
			  color: #ffffff;
			  font-family: Arial;
			  font-size: 12px;
			  font-weight: bold;
			  background-image: url('http://www.historicclassical.org/images/gray_grad_bg.gif');
			  background-repeat: repeat-x;
			  background-color: #ffffff;
			  border: 0px;
			  padding-top: 2px;
			  padding-bottom: 2px;
			  padding-left: 5px;
			}

			.infobox-body {
			  text-align: left;
			  color: #000000;
			  font-family: Arial;
			  font-size: 13px;
			  background-color: #ffffff;
			  border: 0px;
			  padding-top: 8px;
			  padding-bottom: 12px;
			  padding-left: 4px;
			}

			.infobox-body li {
			  list-style-type: none;
			  margin-left: -40px;
			}

			.float-left {
			  float: left;	
			}

			.float-right {
			  float: right;	
			  padding-bottom: 12px;
			  padding-left: 24px;
			}

			.center {
			  text-align: center;
			}

			.left {
			  text-align: left;
			}

			.right {
			  text-align: right;
			}

			.bold {
			  font-weight: bold;
			}

			.italic {
			  font-style: italic;
			}

			.caption {
			  background-color: #336666;
			  padding-top: 2px;
			  padding-bottom: 4px;
			  padding-left: 4px;
			  padding-right: 4px;
			}

			.invisible {
			  display: none;
			}

/* ==== Floating images ==== */

.imgfloatright
{
  float: right;
  padding: 0 0 5px 10px;
  background-color: white;
}

.imgfloatleft
{
  float: left;
  padding: 0 10px 5px 0;
  background-color: white;
}


#bu-main.two-cols #bu-content img.topright
{
  /*margin: -10px 0 5px 10px;*/
  position: absolute;
  right: 0;
  top: 0px;
}


/* hide headline text */
#bu-top h1 { display: none; }