/* Style sheet layout */
#content{height:100%;text-align:left;min-height: 100%;}
#content,#width{margin:0 auto;max-width: 1000px;/* max-width hack for IE since it doesn't understand the valid css property */width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");}
#content[id],#width[id]{width:94%;height:auto;}
#header{height:193px;position:relative;}
#header #title{top:10px;left:130px;position:absolute;padding:5px;text-align:right;z-index: 3;}
#header h1{margin:0;padding:0;color:#FFF;font: 700 4em "trebuchet ms", serif;letter-spacing: -3px;text-transform: lowercase;}
#header h2{top:10px;right:5px;position:absolute;margin:0;padding:0;color:#00F0EC;font: 700 1em "trebuchet ms", serif;text-transform: lowercase;}
#header img.left{top:0;left:0;position:absolute;z-index: 1;}
#header img.right{top:0;right:0;position:absolute;z-index: 0;}
#header img.balloons{top:70px;right:400px;position:absolute;z-index: 2;}
#mainMenu{width:100%;float:left;clear:both;}
#mainMenu ul{margin:0;padding:0;}
#mainMenu li{display:inline;margin:0;padding:0;list-style: none;}
#mainMenu li a{float:left;margin:0 2px;text-decoration:none;color:#FFF;padding: 5px 0.5em;font: 400 1.6em "trebuchet ms", serif;/text-transform: lowercase;}
#mainMenu li a:hover,#mainMenu li a.here{border-top:5px solid #000;color:#65EBFF;}
#mainMenu li a.last{margin-right:0;}
ul.sideMenu{margin:0;padding:0;}
.sideMenu li{display:inline;list-style-image:url("foo.gif");font: 400 1.3em "trebuchet ms", serif;}
.sideMenu li a{display:block;margin:0.2 0;padding:3px 5px;text-decoration:none;color:#FFF;}
.sideMenu li a:hover{color:#65EBFF;background: #5F5F5F;}
.sideMenu li.here{display:block;padding:5px;color:#65EBFF;background: #555;}
.sideMenu li.here ul{margin:0;padding:0;}
.sideMenu li.here ul li a{padding-left:35px;color:#FFF;font: 400 0.55em verdana, arial, sans-serif;background: url(../images/bg/bullet.gif) no-repeat 10px 0px;}
.sideMenu li.here ul li a:hover{color:#9FF3FF;background: #5F5F5F url(../images/bg/bullet.gif) no-repeat 10px 0px;}
#page{width:100%;float:left;clear:both;padding-bottom:4em;}
#footer{width:100%;float:left;clear:both;margin-top:-3.8em;background: #000 url(tl_files/images/bg/footer.jpg) repeat-x top left;}
#footer #width{position:relative;padding-top:27px;font-size:0.85em;z-index: 3;}
.width100{width:100%;}
.width75{width:74%;}
.width50{width:49.7%;}
.width33{width:32.7%;}
.width25{width:24%;}
.floatLeft{float:left;}
.floatRight{float:right;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.clear{clear:both;}
.block{display:block;}
.small{font-size:0.8em;}
.green{color:#A1FF45;}
.red{color:#EA1B00;}
.grey{color:#666;}
.grey a{color:#999;}
.grey a:hover{color:#EEE;}
.gradient{margin-bottom:2em;background: #555 url(tl_files/images/bg/gradient.jpg) repeat-x bottom left;}
.comment_default{width:700px;margin:5px 20px 20px;background:url("../tl_files/images/bg/gradient.jpg") left bottom repeat-x;}
.formbody{width:700px;margin:5px 20px 20px;background:url("../tl_files/images/bg/gradient.jpg") left bottom repeat-x;}
.comment_default .info{margin:0;padding:5px;background-color:#666666;border-top:0px solid #555555;border-right:0px solid #555555;border-bottom:2px solid #555555;border-left:0px solid #555555;color:#F8D766;}
.comment_default .comment{margin:0;padding:5px;}
.info span.date{width:100px;float:right;}