/* 
     Stylesheet for TODAS Home Page
     --------------------------------------------------------
     File Name: todas_homepage.css
     Media: Screen
     Version: 1.1
     Created: 07 February 2004
     Last-Modified: 18 February 2005
     --------------------------------------------------------
*/ 


/* Elements */          
body { margin: 0px 0px 15px 0px; background-color: #CC0000; }
a { color: #003366; }
a:hover { color: #E54C3C; }
img { border: 0px; }

/* Classes */
.clear { clear: both; height: 1px; font-size: 1px; }

/* ID's */
#wrapper { width: 776px; margin: 0px 0px 0px 4px; font-family: Arial, Geneva, sans-serif; background: #B0D7ED url(../user-assets/images/hp/backgrounds/body_top.jpg) no-repeat 0px 150px; }

#utilitynavhp { position: absolute; top: 0px; left: 7px; }
#utilitynavhp a { color: #FFFFFF; }
#utilitynavhp a:hover { color: #EFEFEF; }
#utilitynavhp ul { float: left; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px; }
#utilitynavhp li { display: inline; background: url(../user-assets/images/hp/pipe.gif) no-repeat 4px 3px; font-size: 10px; padding: 0px 0px 0px 10px; color: #FFFFFF; }
#utilitynavhp li.start { background: none; padding: 0px 0px 0px 10px;}

#headerhp {clear:both; font-size: 11px; color: #FFFFFF; height: 151px;  background: #4670BA url(../user-assets/images/hp/backgrounds/header.jpg) no-repeat 0px 0px;  }
#headerhp .logo { margin: 26px 0px 0px 39px;  /*position: relative; bottom: 26px;*/ }
#headerhp .date { margin: 0px 0px 0px 348px; /*position: relative; bottom: 25px;*/ }
#headerhp .photos { margin: 0px 0px 0px -3px; }

     /* Fix for IE. Hide from IE Mac \*/
     * html #headerhp .photos { margin-bottom: -3px;  }
     /* End */
#headerhp a { font-size: 12px; color: #FFFFFF; font-weight: bold; }          
#headerhp a:hover { color: #CC0000; }  

/* jf032307 ;)  */#headertxt { position: absolute; top: 74px ; left : 605px; font: Arial, Helvetica, sans-serif 8px #000000; width:160px; hieght:44px ;}
/* jf032307 ;)  */#headertxt a { font: Arial, Helvetica, sans-serif; color:#000000; font-size:11px;  font-weight:normal; text-decoration:none; width:160px; hieght:44px ; }
.arrowbutton { margin: 0px 0px 0px 5px; padding-top: 3px; }

#bodytophp { clear:both; width: 776px; }
#bodytophp ul { margin: 0px 0px 0px 15px; padding: 10px 0px 10px 0px; }
#bodytophp li { list-style: none url(../user-assets/images/hp/hp_bullet.gif); padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bodytophp p { margin: 0px 0px 10px 0px; font-size: 11px; }
#bodytophp .col1 { float: left; width: 210px; padding: 32px 20px 10px 30px; }
#bodytophp .col2 { float: left; width: 200px; padding: 29px 20px 10px 30px; }
/*#bodytophp .col3 { float: left; width: 226px; padding: 21px 10px 10px 30px; }*/
/* jf032307 ;) */#bodytophp .col3 { float: left; width: 226px; padding: 21px 10px 65px 20px; margin:0 0 9px 0; overflow:hidden;}
 /* jf032307 ;) */#bodytophp ul{margin:0 0 0 0}
#bodytophp .col3Indent { padding: 0px 0px 0px 10px; }




#bodytophp .toplink1 { font-size: 12px; color: #003366; margin-top: 12px; } 
#bodytophp .toplink2 { font-size: 12px; color: #003366; margin-top: 15px; } 
#bodytophp .toplink3 { font-size: 12px; color: #003366; margin-top: 0px; }

#bodybottomheadhp { clear:both; background-color: #80B1DC; font-size: 12px; text-align: right; }
#bodybottomheadhp a { text-decoration: none; }
#bodybottomheadhp a:hover { text-decoration: underline; color: #E54C3C;  }
#bodybottomheadhp .col1 { float: left; width: 472px;  margin: -13px 0px  -4px  0px; padding: 1px 7px 0px 30px;  background: url(../user-assets/images/hp/backgrounds/bottom_head_1.gif) no-repeat top left; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #bodybottomheadhp .col1 { float: left; width: 472px;  margin: -13px 0px  1px  0px; padding: 1px 7px 0px 30px;  background: url(../user-assets/images/hp/backgrounds/bottom_head_1.gif) no-repeat top left; }
     /* End */
#bodybottomheadhp .col2 { float: left; width: 260px; height: 31px;  margin: -13px 0px  -4px  0px; padding: 1px 7px 2px 0px;  background: url(../user-assets/images/hp/backgrounds/bottom_head_2.gif) repeat-x top left; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #bodybottomheadhp .col2 { float: left; width: 260px; height: 31px;  margin: -13px 0px  1px  0px; padding: 1px 7px 2px 0px;  background: url(../user-assets/images/hp/backgrounds/bottom_head_2.gif) repeat-x top left; }
     /* End */
#bodybottomheadhp .header1 { float: left; }
#bodybottomheadhp .header2 { float: left; }

#bodybottomhp { clear:both; margin: -1px 0px 0px 0px; font-size: 11px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #bodybottomhp { clear:both; margin: -8px 0px 0px 0px; font-size: 11px;  background: #80B1DC url(../user-assets/images/hp/backgrounds/bottom_body.gif) repeat-y 508px 0px;  }
     /* End */     
#bodybottomhp .col1 { float: left; width: 520px; height: 105px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #bodybottomhp .col1 { float: left; width: 520px; height: 105px; }
     /* End */
#bodybottomhp .col1 p { margin: 0px; padding: 2px; }
#bodybottomhp .col2 { float: left; width: 240px; }
#bodybottomhp .productimg { position: relative; bottom: 10px; left: 20px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #bodybottomhp .productimg { position: relative; bottom: 9px; left: 20px;}
     /* End */
#bodybottomhp .number { float: right; margin: -65px 15px 0px 0px; }

#activities { width: 255px; height: 105px; margin-left: 0px; background: #81B2DD; }
#activities a { color: #000000; text-decoration: none; }
#activities a:hover { text-decoration: underline; }
.activitiestext { float:left; width: 87px; height: 99px; background: #81B2DD; }
.activitiestext ul { margin-top: 5px; }
.activitiestext li { margin-left: -23px; font-size: 10px; background: none; list-style-image: url(/user-assets/Images/hp/activities/diamondBullett.gif ); padding: 0;}

#sponsorshp { clear:both; height: 60px; font-size: 11px; padding: 0px 0px 0px 0px; margin: -1px 0px 0px 0px;  background: #CC0000 url(../user-assets/images/hp/backgrounds/sponsor_area.gif) no-repeat bottom left; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #sponsorshp { clear:both; font-size: 11px; height: 60px;  padding: 0px 0px 0px 0px; margin: -2px 0px 0px 0px;  background: #FFFFFF url(../user-assets/images/hp/backgrounds/sponsor_area.gif) no-repeat bottom left; }
     /* End */
#sponsorshp ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#sponsorshp li { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#sponsorshp li a { color: #CC0000; }
#sponsorshp li a:hover { color: #000000; }
#sponsorshp p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#sponsorshp .col1 { float: left; width: 234px;  margin-top: 7px; padding: 0px 0px 0px 28px; color: #CC0000; font-size: 9px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #sponsorshp .col1 { float: left; width: 234px;  margin-top: 4px; padding: 0px 0px 0px 28px; color: #CC0000; font-size: 9px; }
     /* End */
#sponsorshp .col1 img { position: relative; bottom: 13px; left: 80px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #sponsorshp .col1 img { }
     /* End */
#sponsorshp .col2 { float: left; width: 238px; margin-top: 7px; padding: 0px 0px 3px 8px; color: #CC0000; background: #81B2DD; font-size: 9px; border-left: 1px solid #CC0000; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #sponsorshp .col2 { float: left; width: 238px; margin-top: 4px; padding: 0px 0px 3px 8px; color: #CC0000; font-size: 9px; border-left: 1px solid #CC0000; }
     /* End */
#sponsorshp .col3 { float: left; width: 70px; margin-top: 7px; padding: 0px 0px 5px 8px; color: #CC0000; font-size: 9px; border-left: 1px solid #CC0000; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #sponsorshp .col3 { float: left; width: 70px; margin-top: 4px; padding: 0px 0px 8px 8px; color: #CC0000; font-size: 9px; border-left: 1px solid #CC0000; }
     /* End */
#sponsorshp .col4 { float: left; width: 180px; padding: 0px 3px 0px 0px; margin-top: 4px; color: #000000; font-size: 11px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #sponsorshp .col4 { float: left; width: 180px; padding: 0px 3px 0px 0px; margin-top: 1px; color: #000000; font-size: 11px; }
     /* End */
#footerhp { clear:both; padding: 5px 10px 0px 0px; margin-top: -8px; text-align: right; font-size: 10px; color: #FFFFFF; background-color: #CC0000; }
#footerhp a { color: #FFFFFF; }
#footerhp a:hover { color: #EFEFEF; }