* { padding: 0; margin: 0; }
div.clearer { clear: both; border: 1px solid white; }
div.spacer { height: 20px; border: 1px solid white; }

img.floatleft { float: left; margin: 10px 40px 10px 0; }
img.floatright { float: right; margin: 10px 0 10px 40px; }

div#flashheader.active { margin-bottom: 10px; }

div#homeimg a img { border: 0; margin-bottom: 10px; }

div#content ol.contents, div#content ul.contents
{
   list-style: none;
   margin-left: 0;
}
div#content ol.contents ol
{
   list-style: decimal;
}
div#content ol.contents { margin: 20px 0; }
div#content ol.contents li, div#content ul.contents li
{ margin: 4px 0; font-weight: bold; }
div#content ol.contents ol { margin-left: 2em; }
div#content ol.contents li ol li { font-weight: normal; }

/* Form */
form
{
   text-align: right;
   margin-bottom: 8px;
}
form div input, form div textarea
{
   border: 1px solid grey;
   font-family: arial, helvetica, sans-serif; font-weight: bold;
   cursor: pointer; width: 200px; padding: 3px;
}

/* Table */
table
{
   width: 100%; margin-bottom: 20px;
   border: 1px solid #999999; border-collapse: collapse;
}
table tr th { background-color: #eeeeee; }
table tr th, table tr td { border: 1px solid #999999; padding: 3px 6px; }

/* Index news */
div#content div#reportnews
{
   background-image: url('images/report-news.gif'); background-position: bottom;
   background-repeat: no-repeat;
   margin-bottom: 20px; padding-bottom: 10px;
   font-size: 120%;
}
div#content div#reportnews h2
{
   background-image: url('images/report-news-top.gif'); background-position: top;
   background-repeat: no-repeat;
   border: 0; margin: 0; padding: 15px 20px 0 20px;
   color: #333333; text-transform: none;
}
div#content div#reportnews p
{
   margin: 0; padding: 6px 20px;
}

/* Order button */
div#content p.orderbutton
{
   display: block; float: right; height: 31px;
   margin: 6px 0 6px 6px; padding: 0;
   background-image: url('images/order.gif'); background-position: left;
   background-repeat: no-repeat;
}
div#content p.orderbutton a
{
   display: block; float: left; height: 31px; margin: 0; padding: 0 10px;
   font-weight: bold; color: #333333; line-height: 31px;
   background-image: url('images/order-right.gif'); background-position: right;
   background-repeat: no-repeat;
}
div#content p.orderbutton a:hover { text-decoration: none; }
div#content p.notfloated { float: left; margin: 0; }

/* Breakout box */
div#content div.breakout
{
   border: 1px solid white; margin: 20px 0;
   background-color: #E5E5E5; background-image: url('images/breakout-bottom.gif');
   background-repeat: no-repeat; background-position: bottom left;
}
div#content div.breakout div.corner
{
   float: left; width: 25px; height: 12px; margin: 0; padding: 0;
   background-image: url('images/breakout-top.gif');
   background-repeat: no-repeat; background-position: top left;
}
div#content div.breakout p { margin: 10px 10px 10px 30px; }
div#content div.breakout p em { font-weight: bold; }

div#content div.bbcnews { padding: 2px 10px; }
div#content div.stripe { background-color: #E5E3E4; }
div#content div.bbcnews h3 { font-size: 100%; padding-top: 6px; }
div#content div.bbcnews h4 { font-size: 90%; padding-top: 6px; }
div#content div.bbcnews p { margin: 6px 0; }

div#content div.tradeassociation { padding: 2px 10px; }
div#content div.tradeassociation a img { border: 0; }
div#content div.tradeassociation h3 { font-size: 95%; padding-top: 6px; }
div#content div.tradeassociation p { margin: 6px 0; }

div#content p.error { margin: 2px 0; font-size: 80%; color: red; font-style: italic; 
}
/* Contact box */
div#content div.contact
{
   border: 1px solid white; margin: 20px 0;
   background-color: #E5E5E5; background-image: url('images/contact-bottom.gif');
   background-repeat: no-repeat; background-position: bottom left;
}
div#content div.contact div.corner
{
   float: left; width: 25px; height: 12px; margin: 0; padding: 0;
   background-image: url('images/contact-top.gif');
   background-repeat: no-repeat; background-position: top left;
}
div#content div.contact p
{
   margin: 10px 10px 10px 40px; line-height: 1.5em;
}
div#content div.contact p.right
{
   
   display: block; float: right;
   margin: 2em 20px; padding: 1em 3em;
   border-left: 2px solid #8B0F07;
}

/* Links */

div#content ul.links { margin-left: 0; }
div#content ul.links li { list-style: none; margin: 0; padding: 3px 4px; }
div#content ul.links li.stripe { background-color: #E5E3E4; }

/**** Template *****/

body
{
   font-family: arial, helvetica, sans-serif; font-size: 90%;
   color: black; background-color: white;
}
div#header
{
   position: relative; left: 20px;
   width: 720px; height: 106px; margin-top: 10px;
   background-image: url('images/top-curve.gif');
   background-position: 20px center; background-repeat: no-repeat;
   border-left: 6px solid #941107;
}
div#header h1
{
   float: left; width: 138px; height: 72px; margin: 18px 0 0 36px;
}
div#header h1 a
{
   display: block; width: 138px; height: 72px;
   background-image: url('images/header.gif'); background-repeat: no-repeat;
}
div#header h1 a span { display: none; }
div#header div.whoarewe
{
   float: right; height: 90px; width: 510px;
   background-image: url('images/who-are-we.jpg');
   background-repeat: no-repeat; background-position: bottom right;
}

div#body
{
   position: relative; left: 20px;
   width: 720px; padding-top: 20px; text-align: left;
   border-left: 6px solid #941107;
}
div#navigation
{
   float: left; width: 170px; margin: 0 0 30px 20px; padding-bottom: 180px;
   font-weight: bold; text-transform: lowercase;
   background-image: url('images/navigation-footer.gif');
   background-position: bottom left; background-repeat: no-repeat;
}
div#navigation ul { margin: 0 0 20px 18px; font-size: 95%; }
div#navigation ul li { list-style: none; border: 1px solid white; }
div#navigation ul li a
{
   display: block; padding: 0 8px; color: #999999; text-decoration: none;
   border-width: 0 1px; border-style: solid; border-color: white;
}
div#navigation ul li.selected a { color: #990000; border-color: #999999; }
div#navigation ul li a:hover { color: #990000; }

div#content { margin-left: 230px; }
div#content h1
{
   color: white; background-color: #728E8F;
   background-image: url('images/content-header.gif');
   background-repeat: no-repeat; background-position: left;
   height: 33px; line-height: 34px; font-size: 100%; text-transform: lowercase;
   margin-bottom: 20px; padding-left: 18px;
}
div#content h1 span
{
   padding: 0 20px;
   border-width: 0 1px; border-style: solid; border-color: white;
}
div#content h2
{
   font-size: 90%; text-transform: lowercase; height: 23px;
   color: white; line-height: 20px; padding-left: 10px; margin: 0 0 15px 0;
   border-top: 2px solid #961206;
   background-image: url('images/header2.gif'); background-repeat: no-repeat;
}
div#content h2.wide
{
   font-size: 90%; font-weight: bold; margin: 0 0 10px 0; padding: 0;
   color: #961206; background: none; border: 0; text-transform: none;
}
div#content ul, div#content p { margin: 20px 0; }
div#content ul { margin-left: 2em; }
div#content ul li { margin: 2px 0 0 0; }
div#content ul.spaced li { margin: 10px 0 0 0; }
div#content p, div#content li, div#content q, div#content td, div#content th { font-size: 90%; }
div#content a { text-decoration: none; color: #961206; }
div#content a:hover { text-decoration: underline; }
div#content q
{
   display: block;
   margin-bottom: 4px;
}
div#content cite
{
   display: block;
   text-align: right;
   margin: 2px 20px 20px 0;
   font-size: 85%;
}

div#footer
{
   position: relative; left: 20px;
   clear: both; width: 720px;
   background-image: url('images/footer.gif'); background-repeat: no-repeat;
   background-position: 10px center;
   color: #999999; text-align: right;
   border-left: 6px solid #941107;
}
div#footer p
{
   display: block; font-weight: bold; font-size: 85%;
   padding: 20px 0; margin: 0 550px 0 30px;
}
div#footer p a { color: #961206; text-decoration: none; }
div#footer p a:hover { text-decoration: underline; }