/* GENERIC STYLES */

body {
   margin: 0px;
   font-family: Verdana, Geneva, Arial, Sans-Serif; font-size: 10px;
   background-color: #FFFFFF;
}

h1,h2,h3,h4 {
   font-weight: bold;
   margin: 0px; padding: 3px 0px 3px 0px;
}

h1 {
   font-size: 14px;
}

h2 {
   font-size: 12px;
}

a {
   text-decoration: none;
   color: #333333;
}

a:hover {
   text-decoration: underline;
   color: #9E1616;
}

.input {
   border: 1px solid #000000;
   background-color: #FFFFFF;
   font-family: Arial,Verdana,Sans-serif; font-size: 10px; color: #666666;
}

.button {
   border: 1px solid #000000;
   background-color: #2b2f8f;
   font-family: Arial,Verdana,Sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold;
}


/* BUILD STYLES */


#header #row1 {
   margin: 0px; padding: 0px;
   width: 774px; height: 60px;
   background: url(http://formula-1.updatesport.com/gfx/bg-hdr.gif) no-repeat;
}

#header #row1 #column1 {
   float: left;
   margin: 0px; padding: 0px;
   overflow: hidden;
}

#header #row1 #column2 {
   float: right;
   margin: 30px 0px 0px 0px;
   padding: 6px 0px 1px 0px;
}

#header #row2 {
   width: 774px; height: 91px;
   background: #EEEEEE url(http://formula-1.updatesport.com/gfx/hdrAdBg.gif);
   padding-top: 2px;
}

#header #row3 {
   width: 774px; height: 30px;
   background: #4258A3 url(http://formula-1.updatesport.com/gfx/hdrBottomNavBg.gif);
}


#header #row4 {
   width: 774px; height: 7px;
   background: #FFFFFF url(http://formula-1.updatesport.com/gfx/hdrShadow.gif);
}

#content {
   width: 764px;
   padding-left: 9px;
   background-color: #FFFFFF;
}

#content #column1 {
  width: 505px;
  background-color: #FFFFFF;
}

#content #column2 {
  float: right;
  width: 257px;
  background-color: #FFFFFF;
}

#footer {
   width: 505px;
   text-align: center;
   padding: 10px 0px 10px 0px;
}


/* CONTENT STYLES: Third level header and navigation bar */

#header #row3 .searchBox {
   float: right;
   width: auto;
   padding-top: 5px; padding-right: 10px
}

#header #row3 .input { 
  background-color: #EEEEEE; 
  border: #000000 1px solid;
  color: #000000; 
  font-family: Verdana, Geneva, Arial; 
  font-size: 10px;
} 

#header #row3 .button { 
  background-color: #4258A3; 
  border: #000000 1px solid; 
  color: #FFFFFF; 
  font-family: Verdana, Geneva, Arial; 
  font-size: 10px; 
  font-weight: bold;
}

#header #row3 .nav {
  display: block;
  float: left;
  border-right: 1px solid #222D4E;
}

#header #row3 a.btn {
  display: block;
  width: 70px; height: 20px;
  font-weight: bold; color: #FFFFFF; 
  padding-top: 10px;
  text-align: center; text-decoration: none;
  background: url(http://formula-1.updatesport.com/gfx/hdrBtnBg.gif);
}

#header #row3 a.btn:hover {
  background-position: 0px -30px;
}


/* CONTENT STYLES: Main body sub styles */

#content #breadCrumb {
   width: 500px;
   padding-bottom: 5px;
   border-bottom: 1px solid #999999;
}


#content #column1 ul.headlines {
  list-style: none;
  width: 500px; margin: 0px; padding: 0px;
  border: 1px solid #6c81ae;
  font-size: 11px; font-family: Arial,Verdana,Geneva,Sans-Serif; color: #666666;
}

#content #column1 ul.headlines li {
  padding: 2px 5px 2px 5px;
}

#content #column1 ul.headlines li.head {
  padding: 0px !important;
  font-weight: bold; color: #FFFFFF;
  background: #6c81ae;
}

#content #column1 ul.headlines li.preview {
  padding-top: 3px;
}

#content #column1 ul.headlines li.title {
  padding-top: 5px;

}

#content #column1 ul.headlines li.headlines {
  padding-top: 3px;
}

span.date {
   float: right;
   color: #999999;
}

a.headline {
   text-decoration: none;
   color: #333333;
}

a.headline:hover {
   text-decoration: underline;
   color: #9E1616;
}

#content #column1 div.toolBox {
   width: 492px;
   padding: 5px; margin-bottom: 10px;
   text-align: center;
   background-color: #6c81ae;
   color: #FFFFFF;
}

a.toolBox {
   text-decoration: none; color: #FFFFFF;
}

a.toolBox:hover {
   text-decoration: underline; color: #9E1616;
}

.toolBoxInput {
   border: 1px solid #FFFFFF;
   background-color: #6c81ae;
   font-family: Arial,Verdana,Sans-serif; font-size: 10px; color: #FFFFFF;
}

.toolBoxButton {
   border: 1px solid #FFFFFF;
   background-color: #2b2f8f;
   font-family: Arial,Verdana,Sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold;
}

#content #column1 div.boxBorderTop {
   width: 500px;
   padding-top: 5px;
   border-top: 1px solid #999999;
}


/* CONTENT STYLES: Generic list stlyes */

ul.contentList {
   list-style: none;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 100%;
}

ul.contentList li.titleImage {
   display: block;
   height: 11px; overflow: hidden;
   background-color: #6C81AE;
   padding: 0px !important;
}

ul.contentList li.underlined {
   padding-top: 2px;
   border-bottom: 1px solid #CCCCCC;
}  

ul.contentList li.dashed {

   padding-top: 2px;
   border-bottom: 1px dashed #CCCCCC;
}

ul.contentList li {
   padding-left: 5px;
}

.dataColumn1 {
   float: right;
}

/* CONTENT STLYES & BUILD: Additional features */

#content #column2 #categoriesBox {
   width: 240px;
   padding: 5px;
   background: #e3b000;
   margin-bottom: 10px;
}

#content #column2 #categoriesBox a {
   text-decoration: none; color: #2b2f8f;
}

#content #column2 #categoriesBox a:hover {
   text-decoration: underline;
}

#content #column2 #categoriesBox div.head {
   width: 230px;
   padding: 3px 0px 3px 5px;
   border-bottom: 1px solid #c09605;
   color: #2b2f8f
}

#content #column2 #categoriesBox div.catColumn1 {
   width: 110px; float: left;
   line-height: 16px;
}

#content #column2 #categoriesBox div.catColumn2 {
   width: 110px; float: right;
   line-height: 16px;
}

#content #column2 #popularBox {
   width: 250px;
   background-color: #6c81ae;
   margin-bottom: 10px;
   padding-bottom: 3px;
}

#content #column2 #popularBox ul {
  list-style: none;  width: 240px; margin: 0px; padding: 0px;
  border: 1px solid #6c81ae; font-size: 11px; color: #FFFFFF;
}

#content #column2 #popularBox ul li { width: 235px; padding: 2px 0px 0px 5px; }
#content #column2 #popularBox a {  color: #FFFFFF; text-decoration: none; }
#content #column2 #popularBox a:hover { text-decoration: underline;  color: #9E1616; }
#content #column2 #popularBox ul li.head {  padding: 0px !important; }

#content #column2 #forumBox {
   width: 250px;
   background-color: #999999;
   margin-bottom: 10px;
   padding-bottom: 3px;
}

#content #column2 #forumBox ul {
  list-style: none; width: 240px; margin: 0px; padding: 0px;
  border: 1px solid #999999; font-size: 11px; color: #FFFFFF;
}

#content #column2 #forumBox ul li { width: 235px;  padding: 2px 0px 0px 5px; }
#content #column2 #forumBox a { color: #FFFFFF; text-decoration: none; }
#content #column2 #forumBox a:hover { text-decoration: underline;  color: #9E1616; }
#content #column2 #forumBox ul li.head {  padding: 0px !important; }