body, td, th { color: #000; font: 14px "Times New Roman",Times,serif; }

#body { background: #ededd1 url('/images/teens/background-horz.gif') repeat-y; margin: 0px; padding: 0px; }

form { margin: 0; }

#container { width: 973px; margin: 0 auto; padding-bottom: 20px;  }

#topcontainer { width:973px; height: 181px; margin: 0px; padding: 0px; background: url('/images/teens/header.gif') no-repeat; text-align: left; }
#topcontainer  .myaccount { width: 940px;  margin: 0px; padding-top: 20px; text-align: right; }
#topcontainer  .banner { width: 940px;  margin: 0px; padding-top: 60px; text-align: right; }

#topnav { width:973px; margin: 0px; padding: 0px; padding: 0px 0px 30px 0px; text-align: left;}
#topnav .lefthand { width:162px; height:267px; background: url('/images/teens/nav-bkgrnd.gif') no-repeat; }
#topnav .lefthandsub { width:162px; height:267px; background: url('/images/teens/navbkgrndsub.gif') no-repeat; }
#topnav .blacknav { width: 811px; height: 45px; background: url('/images/teens/blackbar.gif') no-repeat; text-align: left;}

.tottop {background: url('/images/teens/tot-blue-top.gif') no-repeat; height:45px; width:275px; }
.totmiddle {background: url('/images/teens/tot-blue-mid.gif') no-repeat; height:45px; width:275px; }
.totbottom {background: url('/images/teens/tot-blue-btm.gif') no-repeat; height:45px; width:275px; }

#whitebox {width:559px; margin: 0px; padding: 0px; text-align: left; float:left;}
#whitebox .whitetop {background: url('/images/teens/whats-going-on.gif') no-repeat; height:66px; text-align: right; }
#whitebox .whitemiddle {background: url('/images/teens/placeholderrepeat.gif');height:138px; text-align: center;}
#whitebox .whitebottom {background: url('/images/teens/placeholder-jagbttm.gif') no-repeat; height:20px; }

#coolsites {width: 252px; margin: 0px; padding: 0px; float:left; color: #fff; font-size: 12px; }
#coolsites .top {background: url('/images/teens/coolsites-top.gif') no-repeat; height:47px; }
#coolsites .bottom {background: url('/images/teens/coolsites-bottom.gif') no-repeat bottom left; padding: 10px 18px 40px 26px; }
#coolsites a { color: #fff; }
#coolsites a:link, #coolsites a:visited { text-decoration: none; }
#coolsites a:hover, #coolsites a:active { text-decoration: underline; }

#coolsitessub {width: 252px; margin: 0px; padding: 0px; float:left; color: #fff; font-size: 12px; }
#coolsitessub .top {background: url('/images/teens/totcoolsitestopsub.gif') no-repeat; height:47px; }
#coolsitessub .bottom {background: url('/images/teens/coolsites-bottom.gif') no-repeat bottom left; padding: 10px 18px 40px 26px; }
#coolsitessub a { color: #fff; }
#coolsitessub a:link, #coolsitessub a:visited { text-decoration: none; }
#coolsitessub a:hover, #coolsitessub a:active { text-decoration: underline; }

#orangebox { width: 268px; margin: 0px; padding: 0px; float:left; color: #fff; font-size: 14px; }
#orangebox .top {background: url('/images/teens/tot-check-orangetop.gif') no-repeat; height:45px; }
#orangebox .middle {background: url('/images/teens/tot-orangemid.gif') repeat-y; height: 82px; padding: 0px 18px 0px 26px; }
#orangebox .bottom {background: url('/images/teens/tot-check-orangebot.gif') no-repeat; height:19px; }
#orangebox a { color: #fff; }
#orangebox a:link, #orangebox a:visited { text-decoration: none; }
#orangebox a:hover, #orangebox a:active { text-decoration: underline; }


#bluebox { width: 275px; margin: 0px; padding: 0px; float:left; color: #fff; font-size: 14px; }
#bluebox .top {background: url('/images/teens/tot-blue-top.gif') no-repeat; height:45px; }
#bluebox .middle {background: url('/images/teens/tot-blue-mid.gif') repeat-y; height:82px; padding: 0px 13px 0px 24px; }
#bluebox .bottom {background: url('/images/teens/tot-blue-btm.gif') no-repeat; height:19px; }
#bluebox a { color: #fff; }
#bluebox a:link, #bluebox a:visited { text-decoration: none; }
#bluebox a:hover, #bluebox a:active { text-decoration: underline; }

#blackbox { width: 268px; margin: 0px; padding: 0px; float:left; color: #fff; font-size: 14px; }
#blackbox .top {background: url('/images/teens/tot-black-top.gif') no-repeat; height:45px; }
#blackbox .middle {background: url('/images/teens/tot-black-mid.gif') repeat-y; height:82px; padding-left: 22px; }
#blackbox .bottom {background: url('/images/teens/tot-black-btn.gif') no-repeat; height:19px; }
#blackbox a { color: #fff; }
#blackbox a:link, #blackbox a:visited { text-decoration: none; }
#blackbox a:hover, #blackbox a:active { text-decoration: underline; }

#brownbox { width: 275px; margin: 0px; padding: 0px; float:left; color: #fff; font-size: 14px; }
#brownbox .top {background: url('/images/teens/tot-brown-top.gif') no-repeat; height:45px; }
#brownbox .middle {background: url('/images/teens/tot-brown-mid.gif') repeat-y; padding: 10px 0 0 22px; }
#brownbox .bottom {background: url('/images/teens/tot-brown-btm.gif') no-repeat; height:19px; }
#brownbox a { color: #fff; }
#brownbox a:link, #brownbox a:visited { text-decoration: none; }
#brownbox a:hover, #brownbox a:active { text-decoration: underline; }


#whitesubbox {width:552px;   margin: 0px; padding: 0px; text-align: left; float:left;}
#whitesubbox .top {background: url('/images/teens/subbgbook1top.gif') no-repeat; height:31px; width:552px; }
#whitesubbox .middle {background: url('/images/teens/subbgbook1mid.gif') repeat-y; width:552px;}
#whitesubbox .bottom {background: url('/images/teens/subbgbook1btm.gif') no-repeat; height:21px; width:552px; }
#whitesubbox a:link { color: #cf661a; text-decoration: underline; }
#whitesubbox a:visited { color: #8069af; text-decoration: underline; }
#whitesubbox a:hover { color: #8069af; text-decoration: underline; }


#search_bar { background: url('/images/teens/search-bkgrnd.gif'); width: 252px; height: 79px;  color: #fff;  text-align: left; }
#search_bar .query { padding: 16px 0px 5px 24px; }
#search_bar .query label { font-size: 11px; font-weight: bold; margin-right: 2px; }
#search_bar .query input { width: 148px; font-size: 10px; }
#search_bar .type { border-top: 1px dashed #fff; font-size: 10px; }

#search_barsub { background: url('/images/teens/searchsub.gif'); width: 252px; height: 79px;  color: #fff;  text-align: left; }
#search_barsub .query { padding: 16px 0px 5px 24px; }
#search_barsub .query label { font-size: 11px; font-weight: bold; margin-right: 2px; }
#search_barsub .query input { width: 148px; font-size: 10px; }
#search_barsub .type {border-top: 1px dashed #fff; font-size: 10px; }

.newsEvent { float: left; width: 79px; font-size: 12px; overflow: hidden; }
.newsEvent a { text-decoration: none; color: #000000; }

#prevButton { width: 17px; height: 16px; cursor: pointer; position: relative; top: 40px; right: 20px; background: url('/images/teens/btn_eventprev.jpg') no-repeat; float: right; }
#nextButton { width: 17px; height: 16px; cursor: pointer; position: relative; top: 40px; right: 20px;  margin-left: 4px; background: url('/images/teens/btn_eventnext.jpg') no-repeat; float: right; }
.placeholder { width: 76px; height: 72px; background: url('/images/teens/placeholder7.gif') no-repeat; padding: 8px 0 0 12px; }
.eventTitle { height: 44px; overflow: hidden; }

#poll_question { font-weight: bold; }
.poll_vote_data { margin-left: 6px; }
#poll_results { margin-left: 6px; }

.label{ font-size: 18px; font-weight: bold; color: #cf661a;}
li {margin-bottom: .5em;}

ul.list1 { margin: 0px; padding: 0px; list-style: none; }
ul.list1 li { margin: 0 0 .5em 0; }

.clear { clear: both; }

.largeAdRight { width: 220px; height: 90px; margin: 6px 0; }
.smallAdRight { width: 105px; height: 90px; float: left; }
.smallAdRightMargin { margin-left: 10px; }