/* CSS Document

background-color:#a hex value - is the background colour of an element
#fff is white, #000 is black, #f00 is red
color:#a hex value - is the foreground colour this is the colour of the text
*/
    
  body { background-color:#000000; font-family:Arial, Helvetica, sans-serif; color:#FFF; }
  
  h1,h2,h3,h4,h5,h6,ul,li,img,hr,p { padding:0; margin:0; border:none; list-style:none;}
  
  a { text-decoration:none; }
  
  p,h1,h2 { font-size:75%; padding-top:7px; }

  /* h1 is heading one, the main heading on each page */
  h1 { font-size:125%; color:#f00; }
  h2 { font-size:93.75%; padding:8px 0; }
    
  .main { width:850px; border:#FF0000 solid thin; padding:2px; margin:5px auto; }
    
  .header { background:url(images/f1finance.gif) no-repeat left top; text-align:right; font-size:125%; font-weight:bold; }
  .header img { margin-left:37px; }
   
   /* Aero Buttons*/
   <style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #000000; /*menu strip background*/
border: 1px solid gray;
padding: 4px 0;
border-width: 1px 0;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('media/aeroleft.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('media/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: red;
}

.black a.aero{
background-image: url('media/aeroleftblack.gif');
}

.black a.aero span{
background-image: url('media/aerorightblack.gif');
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}

</style>

   /*End Aero Buttons*/ 
  ul.mainNav { margin:5px 0 5px 60px; float:left; }
  ul.mainNav li { float:left; margin-right:20px;}
  ul.mainNav li img { vertical-align:middle; padding:1px; background-color:#E9E9E9; margin-right:5px; }
  ul.mainNav a { float:left; color:#FFF; border:#999 thin solid; padding:2px; }
  ul.mainNav a:hover { background-color:#F00; color:#000; border:#FFF thin solid; }
   
  ul.button { font-size:75%; margin-right:2px; border-bottom:#f00 1px solid; }
  ul.button li a {display: block; color:#fff; margin:2px; padding:5px; background-color:#999; border:#FFF solid 1px; }
  ul.button li a:hover { background-color:#666; color:#000; text-decoration:underline; }
  
  .content { clear:both; border-top:#f00 solid 1px; }
  .left { width:170px; border-right:#F00 thin solid; float:left; }
  .right { margin: 0 10px 0 180px; }
  
  .right a:link, .right a:visited { font-weight:normal; color:#F00; text-decoration:underline; }
  .right a:hover, .right a:active { font-weight:normal; color:#FFF; }
  p.small { font-size:56.25%; }
  
  /* try adding this to .row { border-top:1px dashed #ffffff; margin-top:20px; paddign-bottom:30px; */
  /* try adding this to .row { border-top:1px solid #f00; margin-top:20px; paddign-bottom:30px; */
  .row { padding-bottom:30px; }
  
  .callToAction { background:url(images/callToActionLeft.gif) no-repeat top left; margin:5px 10px; float:right; }
  .callToAction a { background:url(images/callToActionRight.gif) no-repeat right top; color:#FFF; padding:4px 30px 3px 10px; line-height:26px; text-decoration:none; }
  
	.box { width:300px; border:thin solid #FF0000; text-align:center; float:right; padding:5px; margin:5px; font-size:75%; background-color:#222; }
	ul.tick { padding-top:10px; } 
	ul.tick li { list-style-image:url(images/tick.gif); text-align:left; margin-left:20px; }
	
	#rss { padding-top:10px; }
  ul.rss_items { list-style:none; margin:0px; text-indent:0px; text-align:left; padding:2px; }
  /* set no circle to appear, have no margin or indent, align on the left side and have a padding around all 4 edges top bottom left and right */
  
  li.rss_item, a.rss_item { padding-bottom:10px; }
  /* a padding of 10px between each bullet point (each list element) */