/* home.css */
body {font-size: 11px; color: #FFFFFF; background: #000000 url(/images/home_bg.gif) repeat-x;}
p    {margin: 0px;}

div.hr	  {float: left; clear: both; width: 100%; height: 1px; margin: 17px 0px; background: none; border-bottom: 1px dotted #4B4B4B;}
IE7 div.hr {margin: 0px;}
IE6 div.hr {margin: 0px;}

div#layout {width: 746px; height: auto; margin: 0px auto; padding-right: 15px; padding-left: 15px;}
/* div#layout {border-right: 0px} /* To avoid min width problem on IE6 */

div#nav     {position: absolute; top: 50px; left: 47%; width: auto; height: auto; z-index: 1;}
IE6 div#nav {left: 46%; width: 59%;}

div#mainImage {position: relative; left: 50%; margin-left: -383px; width: 764px; height: 257px; border: 1px solid #D2D2D2; z-index: 1;}
IE7 div#mainImage {margin-left: -396px;}
IE6 div#mainImage {margin-left: -396px;}

div#content               {padding-bottom: 18px; color: #999999; background: url(/images/home_bottomshadow.gif) left bottom no-repeat;}
IE6 div#content {float: none;} /*To solve proble with shadows in IE6 */

div#content div#columns   {float: left; clear: both; width: 702px; padding: 25px 22px 5px; background: #000000 url(/images/content_bg.gif) repeat-x;}
div#columns h1            {clear: both; margin: 14px 0px; padding: 0px; color: #F8F8F8; background: none; text-transform: uppercase;}

div#columns div#colLeft   {float: left; clear: left; width: 29.3%; padding: 0%; margin: 0% 2%; background: url(/images/hr_1.gif) left top no-repeat;}
div#columns div#colMiddle {float: left; clear: none; width: 29.3%; padding: 0%; margin: 0% 2%; background: url(/images/hr_1.gif) left top no-repeat;}
div#columns div#colRight  {float: left; clear: right; width: 29.3%; padding: 0%; margin: 0% 2%; background: url(/images/hr_1.gif) left top no-repeat;}

IE6
div#columns div#colLeft {margin: 0% 1%;}
div#columns div#colMiddle {margin: 0% 3%;}
div#columns div#colRight {margin: 0% 1%;}

div#colLeft div#box1 {float: left; clear: both; width: 100%;}
div#box1 dl          {margin: 0px; padding: 0px;}
div#box1 dl dt       {float: left; clear: left; width: 122px; margin: 0px; padding: 0px; font: 11px Arial, Helvetica, sans-serif; color: #CCCCCC; background: none;}
div#box1 dl dd       {float: left; clear: right; width: 40px; margin: -8px 0px 0px; padding: 0px; font: 20px Arial, Helvetica, sans-serif; color: #CCCCCC; background: none; text-align: center;}

div#colLeft div#box2 {float: left; clear: both; width: 100%; margin-top: 17px;}

div#colMiddle dl dt {font: bold 11px Arial, Helvetica, sans-serif; color: #CCCCCC; background: none;}
div#colMiddle dl dd {margin: 0px 0px 20px; padding: 0px;}

div#colRight h2        {margin-bottom: 0px;}
div#colRight div#track {width: 176px; height: 105px; margin: 14px 0px 5px;}
div#colRight p#days    {line-height: 18px;}
p#days span            {font-size: 24px; color: #C8C8C8; background: none;}
p#days img             {vertical-align: bottom;}

div#footer           {width: auto; height: auto; margin: 0px 0px 40px; padding-top: 0px; color: #333333; background: none; text-align: center;}
div#footer ul        {margin: 0px auto; width: 253px; font-size: 10px;}
div#footer p         {margin: 0px;}

div#layout div#leftShadow {position: absolute; top: 0px; left: 50%; width: 20px; height: 776px; margin-left: -393px; background: url(/images/home_leftshadow.gif); z-index: 0;}
div#layout div#rightShadow {position: absolute; top: 0px; left: 50%; width: 20px; height: 776px; margin-left: 373px; background: url(/images/home_rightshadow.gif); z-index: 0;}