@charset "UTF-8";
/* CSS Document */

	
body { margin: 0; padding: 0; background: #ebeae6; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; line-height:16px; }

p, ul, ol { }

.h1, .h2, .h3 { font-family: Trebuchet, Arial, Helvetica, sans-serif; line-height: 18px; }

h1 { font-size: 18px; font-weight: 700; margin-top:0 }

h2 { font-size: 14px; margin-bottom:0}

h3 { font-size: 14px; }


/* CONTAINER */

#container { position: relative; background: #ebeae6; width: 968px; height: auto; margin: 0 auto; text-align:left; }
#container-report { position: absolute; background: #ebeae6; width: 968px; height: auto; margin: 0 auto; text-align:left; }
/* NEW */#container2 { position: absolute; top: 138px; margin: 0 auto; }
/* NEW */#balls-container { padding: 0 0 25px 0; }

/* LOGO */
#logo { width: 968px; height: 103px; margin: 0 0 10px 0; }

/* HEADER */

#header { width: 968px; height: 142px; }


/* CLOCK */

#clock { float: right; font-size:10px; padding: 0 5px 0 0; }


/* SIDEBAR LEFT */

/* NEW */#sidebar { position: absolute; top: 0px; left: 0; z-index: 2; background: url(../images/tl-main-cnr.gif) no-repeat; float: left; width: 304px; height: auto; }


/* MAIN CONTENT */

/* NEW */#main-content { background: #ffffff; padding: 20px 165px 20px 324px; min-height: 350px; }
/* NEW */#main-content-long { background: #ffffff; margin: 0 auto; padding: 20px 165px 20px 324px; min-height: 420px; }
/* NEW */#main-content2 { background: url(../images/topper.gif) no-repeat; background-color:#FFFFFF; margin: 0 auto; padding: 20px 165px 20px 20px; min-height: 420px; }
/* NEW */#main-content-report { background: url(../images/topper.gif) no-repeat; background-color:#FFFFFF; padding: 20px 0 20px 324px; min-height: 350px; }

/* SUB MENU CONTAINER */

/* NEW */#sub-menu { background: #dddddd; position: absolute; top: 0px; z-index: 3; right: 0; width: 145px; }

.sub-menu-footer { font-size: 11px; width: 145px; }
.sub-menu-footer ul { list-style-type: none; margin: 0; padding: 10px 0 0 0; }
.sub-menu-footer ul li a { font: 11px; display: block; width: auto; padding: 0 0 0 0; padding-left: 20px; text-decoration: none; border-bottom: 1px; }
.sub-menu-footer ul li a:visited, .sub-menu-red ul li a:active { }
.sub-menu-footer ul li a:hover { color: black; text-decoration: underline; }


/* TEAMS */
/* NEW */#team { width: 783px; }
#team img { float: left; border-width: 0; padding: 0 20px 20px 0; }
#team img.last { margin: 0; }

/* NEW */#case { width: 783px; }
#case img { float: left; border-width: 0; padding: 0 10px 10px 0; }
#case img.last { margin: 0; }


/* FOOTER */
#footer { background: url(../images/footer.gif) no-repeat; height: 70px; padding: 0 20px; }
#footer p { margin: 0; padding: 10px 0; }

.iconbar { color: #CC0000; padding: 20px 0 0 15px; height: 24px; float: left; }
.iconbar img { padding: 0 10px 0 0; vertical-align: middle; border: 0; }
.footer-logos { height: 24px; float: right; }


/* FOOTER MAIN */
#footer-main { padding: 0 20px; font-size: 10px; }
#footer-main a:link { font-size: 10px; color: #666666; text-decoration: none; }
#footer-main a:visited { font-size: 10px; color: #666666; text-decoration: none; }
#footer-main a:active { font-size: 10px; color: #666666; text-decoration: none; }
#footer-main a:hover { font-size: 10px; color: #666666; text-decoration: underline; }

/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.clearfloat { clear:both; height:0px; font-size: 1px; line-height: 0px; margin:0;  padding:0}