body                                {color: white; margin: 0; font: 8pt tahoma, arial, sans-serif; background-color: #cccccc;}
a                                   {color: #ce1f25;}
a:visited                           {color: #550000;}
ul                                  {margin-top: 0;}

/* Link button */
a.button                            {display: block; width: 148px; height: 20px; background-image: url("/images/button-bg.png"); color: white; text-decoration: none; font: 8pt tahoma, sans-serif; font-weight: bold; padding: 6px 20px 0 30px;}
a.button:hover                      {background-image: url("/images/button-bg-over.png"); color: black;}

/* Outer page-content div */
#page                               {background-color: white; color: black; border: 4px #ce1f25 solid; border-bottom: none; width: 792px;}

#page-top                           {background: url("/images/page-top-bg.png"); height: 57px; margin-bottom: 0;}
#page-top img                       {float: left; border: none; width: 324px; height: 57px;}
#page-top div                       {float: right; text-align: right; font-weight: bold; margin-right: 4px; line-height: 28px; color: white;}
#page-top a                         {color: white; text-decoration: none;}
#page-top a:hover                   {text-decoration: underline;}
#page-top div strong                {color: #ce1f25; font: 11pt arial, sans-serif; font-weight: bold;}

#page-top-links                     {background-color: #ce1f25; background-image: url("/images/nav-bg.png"); margin: 0 4px 0 4px; padding: 0; height: 25px; font: 9pt tahoma}
#page-top-links a:hover             {text-decoration: underline;}

#page-top-links span                {display: block; float: left; background-color: #cccccc; background-image: url("/images/header-tab.png"); background-repeat: no-repeat; background-position: right; margin: 3px 0 0 3px; height: 18px; padding: 4px 7px 0 5px; font-size: 8pt;}
#page-top-links span a              {color: black; text-decoration: none;}
#page-top-links span.selected       {background-color: white; background-image: url("/images/header-tab-sel.png");}

#column-top                         {clear: both;}

/* Make left and right columns equal in height */
#left-content, #right-content       {height: 740px;}

/* Left content-bar with thick border */
#left-content                       {width: 145px; padding: 3px; border-right: 2px #ce1f25 solid; margin: 4px 6px 0 0; padding: 7px; float: left;}
#left-content h1                    {font: 10pt tahoma, sans-serif; color: #ce1f25; font-weight: bold; margin: 0 0 4px 0;}
#left-content hr                    {background-color: #ce1f25; color: #ce1f25; height: 1px; margin: 6px 0 6px 0; border: none;}
#left-content p.newsitem strong     {display: block;}
#left-content p.who                 {margin: 3px 0 5px 0; font-weight: bold; text-align: right;}

#left-content ol                    {color: #ce1f25; margin-left: 0;}
#left-content li                    {margin-left: -15px; font-weight: bold;}
#left-content li a                  {font-weight: normal;}

/* Right content-bar for homepage */
#right-content                      {width: 190px; float: right; margin: 6px 3px 3px 3px; padding: 3px 3px 3px 6px; border-left: 2px #ce1f25 solid;}
#right-content hr                   {background-color: #ce1f25; color: #ce1f25; height: 1px; border: none; overflow: hidden;}
#right-content h1                   {font: 10pt tahoma, sans-serif; color: #ce1f25; font-weight: bold; margin: 0 0 4px 0;}
#right-content h2                   {font: 10pt tahoma, sans-serif; color: #666666; font-weight: bold; margin: 0;}
#right-content h2 img               {margin-right: 6px; float: left; margin-top: 3px; vertical-align: text-top;}
#right-content h2 span              {display: block; padding-top: 8px;}

#right-content p                    {padding: 8px 0 0 0; margin: 0; clear: both;}
#right-content p.link               {text-align: right; display: block; margin-top: 3px; margin-bottom: 7px; font-weight: bold; color: #ce1f25;}

#right-content-logo                 {text-align: center; margin-top: 10px;}

/* Main page content */
#main-content                       {margin: 5px; float: left; font: 9pt verdana, sans-serif; line-height: 1.4; width: 612px;}
#main-content.narrow                {width: 412px; margin-left: 0;}

#main-content hr                    {background-color: #ce1f25; color: #ce1f25; height: 1px; margin: 6px 0 6px 0; border: none;}

#main-content table                 {font-size: 1em;}
#main-content table td              {color: black; font-size: 1em;}

#main-content img.left              {float: left; margin-right: 5px;}

#main-content p                     {margin: 6px 0 0 0;}
#main-content p.factors             {font-weight: bold; color: #666666; text-align: right; margin: 6px 0 6px 0;}
#main-content p.link                {font-weight: bold; color: #ce1f25; text-align: right; margin: 5px 0 8px 0;}

#main-content h1                    {margin: 4px 0 4px 0; color: #666666; font: 12pt verdana, sans-serif; font-weight: bold;}
#main-content h2                    {margin: 8px 0 5px 0; color: #ce1f25; font: 10pt verdana, sans-serif; font-weight: bold;}
#main-content h3                    {margin: 4px 0 4px 0; font: 9pt verdana, sans-serif; font-weight: bold;}

#main-content table.job             {width: 500px;}
#main-content table.job td.label    {color: #ce1f25;}

#main-content div.job               {border: 2px  #ce1f25 solid; padding: 10px; margin: 10px 0 10px 0; width: 515px;}
#main-content div.job p.link        {margin-top: 15px;}
#main-content div.job h2            {border-bottom: 1px #ce1f25 solid; padding-bottom: 6px; margin-top: 4px;}

#main-content td.label              {font-size: 1em; width: 20%; margin-right: 5px;}
#main-content td.value              {font-size: 1em; width: 30%;}

#main-content table.form td input   {font: 9pt verdana, sans-serif;}
#main-content table.form            {margin: 15px 0 15px 0;}
#main-content table.form td.label   {margin-right: 10px;}
#main-content table.form td.value   {padding-right: 15px;}

#main-content p.form-buttons        {text-align: center; margin: 15px 0 5px 0;}
#main-content p.form-buttons input  {margin: 0 10px 0 10px; padding: 5px; font: 9pt verdana, sans-serif}

#main-content p.error               {border: 1px #ce1f25 solid; padding: 4px; background-color: #ffcccc}

#main-content #contact-info         {float: left;}
#main-content #contact-image        {float: left; padding-left: 100px;}

/* Recent jobs mini box on homepage */

#recentjobs-topper                  {font: 9pt tahoma, sans-serif; font-weight: bold; color: white; background-color: #ce1f25; background-image: url("/images/recentjobs-topper.png"); height: 17px; width: 200px; padding: 2px 0 0 5px; overflow: hide;}

#recentjobs-box                     {border: 2px #aaabae solid; font: 8pt tahoma, sans-serif;}
#recentjobs-footer                  {background-color: #ce1f25; color: white; padding: 4px; text-align: right;}
#recentjobs-footer a                {color: white;}

#recentjobs                         {width: 100%;}
#recentjobs td                      {padding: 4px;}
#recentjobs #header td              {background-color: #ce1f25; color: white;}
#recentjobs tr.grey td              {background-color: #cccccc;}
#recentjobs td.nowrap               {white-space: nowrap;}

/* Contact form in client centre */
#contact-table                      {width: 300px;}
#contact-table td                   {padding: 3px;}
#contact-table #buttons             {text-align: center;}
#contact-table #buttons input       {font: 9pt tahoma; padding: 4px;}

/* Opt out/in box */
#optbox                             {border: 2px #ce1f25 solid; padding: 10px; margin: 10px;}
#optbox hr                          {background-color: #ce1f25; color: #ce1f25; height: 1px; border: none;}

/* Subsection navigation bar */
#fake-sub-nav                       {display: none;}

#sub-nav                            {overflow: hidden; width: 614px; height: 24px; padding: 0; background-color: white; border-bottom: 3px #cccccc solid; font-size: 8pt}
#sub-nav span                       {display: block; float: left; background-color: #ce1f25; background-image: url("/images/subnav-tab.png"); background-repeat: no-repeat; background-position: right; margin: 3px 0 0 3px; height: 18px; padding: 3px 7px 0 5px; font: 8pt tahoma;}
#sub-nav span a                     {color: white; text-decoration: none;}
#sub-nav span a:hover               {text-decoration: underline;}
#sub-nav span.selected              {background-color: #cccccc; background-image: url("/images/subnav-tab-sel.png");}
#sub-nav span.selected a            {color: black;}

/* Column footer */
#clear                              {clear: both;}

/* Footer links */
#footer-links                       {padding: 3px; text-align: center; font-size: 9pt; margin: 4px 0 0px 0; padding: 0 0 4px 0;}
#footer-links a                     {text-decoration: none;}
#footer-links a:hover               {text-decoration: underline;}

/* Footer logo */
#footer-logo                        {text-align: center;}

/* Legal info area */
#legal                              {width: 800px; padding: 5px 0 5px 0; text-align: center; background-color: #ce1f25;}