* {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }

body, html {background:url(/images/topbar.gif) top left repeat-x #bfbdbd; height:100%; min-height:420px;}

.contentbody {background:#bfbdbd;}



#wrapper {position: relative; min-height: 100%;}

* html #wrapper {height:100%;}



#distance {width:1px; height:50%; margin-bottom:-162px; /* half of container's height (324) */ float:left;}

#container {background:url(/images/midbar.gif); margin:0 auto; position:relative;  /* puts container in front of distance */text-align:left; height:324px; width:100%; min-width:1300px; clear:left;}



#bottombar, #bbcontent {background:url(/images/bottombar.gif) bottom repeat-x; font-size:12px; position:absolute; bottom:0; left:0; width:100% !important; min-width:1300px; height:41px; z-index:999; text-align:right;} 

#bb_iefix {background:url(/images/bottombar.gif) bottom repeat-x; font-size:12px; position:absolute; bottom:0; left:0; width:1300px; height:41px; z-index:998; text-align:right;} 



#bbcontent {background:url(/images/bottombar.gif) bottom repeat-x; font-size:12px; position: relative; margin-top: -41px; width:100%; min-width:1300px; height:41px; z-index:999; text-align:right;}

 

#bbcontent {position:relative;}

#clinks { position:absolute; left:10px; bottom:3px; height:20px; }

#credit {position:absolute; right:10px; bottom:3px; height:20px;}

#credit a, #clinks a {color:#9d9d9d; text-decoration:none;}

#credit a:hover, #clinks a:hover {color:#fff; text-decoration:none;}



#flasharrow {position:absolute; left:0; top:0; width:436px; height:324px; background:url(/images/flash-preload-bg.jpg);}

#flasharrowpreload {position:absolute; width:1px; height:1px;}

#menu {background:url(/images/menu.gif) right no-repeat; text-align:center; position:relative; height:324px; width:1300px; float:right;}

#menu a {color:#fff; text-decoration:none;}

#menu a:hover {color:#000;}

#slogan {font-size:16px; width:550px; position:absolute; top:15px; right:0px; float:right; line-height:16px; letter-spacing:2px;}



#links { position:absolute; top:112px; right:0px; font-size:12px; color:#fff; z-index:9; }

#links li { display:block; float:left; background:#676767; }

#links li a { display:block; padding:8px;background:#676767; }



#links2 {position:absolute; top:112px; right:0px; font-size:12px; color:#fff; z-index:9; }

#links2 li {display:block; float:left; background:#676767;}

#links2 li a {display:block; padding:8px;background:#676767;}



#dd {font-size:12px; color:#fff; height:20px; position:absolute; top:112px; right:633px; width:130px; height:20px; overflow:hidden; list-style-type:none; text-align:left; z-index:8;}

#dd li { padding:8px; background:#676767;}

#dd li a {color:#ccc; }

#dd li a.title {color:#fff;}

#dd:hover {overflow:visible; width:130px;}



#dd2 {font-size:12px; color:#fff; height:20px; position:absolute; z-index:99999; top:112px; right:310px; width:130px; height:20px; overflow:hidden; list-style-type:none; text-align:left; z-index:8;}

#dd2 li { padding:8px; background:#676767;}

#dd2 li a {color:#ccc; }

#dd2 li a.title {color:#fff;}

#dd2:hover {overflow:visible; width:130px;}



#runnerlogin {position:absolute; top:222px; right:182px; width:215px; height:29px;}

#runnerlogin a {display:block; width:100%; height:100%; background:url(/images/runner-login.gif); text-indent:-4000px;}

#runnerlogin a:hover {background:url(/images/runner-login-ro.gif);}



#coachlogin {position:absolute; top:222px; right:0px; width:182px; height:29px;}

#coachlogin a {display:block; width:100%; height:100%; background:url(/images/coach-login.gif); text-indent:-4000px;}

#coachlogin a:hover {background:url(/images/coach-login-ro.gif);}



.preload {visibility:hidden;}



#content {margin:0 auto; width:800px; position:relative; margin-bottom:30px; }

#content p {margin:15px 0; text-align:justify; }



#report_problem { margin:0 20px; cursor:pointer; color:#9D9D9D; text-decoration:none; }

#report_problem:hover { color:#ffffff; }



ul {margin-left:30px;}