html,
body
{
   overflow: hidden;
}

body
{
   background-color: #ffffff;
   text-align: center;
   height: 100%;
}

span
{
   display: block;   /* needed for borders on logo IMGs since DIVs can't be wrapped in As */
}

#tan-half
{
   background-color: #cc9e31;
   left: 0;
   top: 0;
   width: 50%;
   height: 100%;
}

#left-squares,
#right-squares
{
   background-image: url("../pix/bwsquares.gif");
   top: 22em;
   width: 50%;
   height: 100%;
}

#left-squares
{
   background-position: 100% 0;
   left: 0;
}

#right-squares
{
   right: 0;
}

#left > a
{
   color: #ffffff;
}

#right > a
{
   color: #000000;
}

#left,
#right
{
   font: 1.4em arial, helvetica, sans-serif;
   font-variant: small-caps;
   font-weight: bold;
   width: 50%;
}

#left
{
   color: #ffffff;
   left: 0;
   top: 4em;
}

#right
{
   color: #000000;
   right: 0;
   top: 6.15em;
}

#left a,
#right a
{
   display: block;
   font-size: .8em;
}

#left img
{
   margin-bottom: 1em;
   width: 8em;
   height: auto;
}

#right span
{
   border-top: .25em solid #ff0000;
   border-bottom: .25em solid #ff0000;
   margin-bottom: 3.75em;
}

#right img
{
   padding: .25em 0;
   width: 24em;
   height: auto;
}

#nameWrapper
{
   text-align: center;
   top: 24.65em;
   width: 100%;
}

#nameWrapper img
{
   width: 54em;
   height: auto;
}

#tickerWrapper
{
   background-color: #ff0000;
   margin: 18em auto 0 auto;
   width: 450px;
   height: 35px;
   z-index: 100;
}

#tickerWrapper a
{
   color: #ffffff;
}

#tickerBox
{
   width: 436px;
   height: 25px;
}

#ticker1,
#ticker2
{
   color: #ffffff;
   font-size: 20px;
   font-weight: bold;
}