/* commented backslash hack \*/
html, body  { height: 100%; }
/* end hack */
html, body  { margin: 0px 0px 0px 0px;
              padding: 0; }

body  { background: white;
		color: black; 
        text-align: center;
        font-family: "Trebuchet MS";
	    font-size: 9pt; }

a           { color: black; 
              font-weight: bold; }
a:link 		{ text-decoration: none; }
a:visited   { text-decoration: none; }
a:hover     { text-decoration: underline; } 

p  { margin: 0px 0px 0px 0px; }

img  { border: 0px; }

form  { margin: 0px 0px 0px 0px; }
input  { margin: 0px 0px 0px 0px; }

#container  { width: 850px; 
              margin: 0px auto; }

#upper  { width: 850px;
          min-height: 100%;
          height: auto !important;
          height: 100%;
          margin: 0 auto -30px; }
* html #upper  { height: 100%; }

#header  { overflow: hidden; }
.mainheader { height: 85px; }
.adminheader  { height: 90px; }
.cabrilloheader  { height: 95px; }
.comptonheader  { height: 85px; }
.jordanheader  { height: 90px; }
.lakewoodheader  { height: 90px; }
.millikanheader  { height: 90px; }
.polyheader  { height: 105px; }
.wilsonheader  { height: 85px; }
.lbsuheader  { height: 115px; }
.lbccheader  { height: 100px; }
.centuryclubheader  { height: 113px; }
              
#topleftad  { float: left; 
              width: 125px; 
              margin-top: 5px; }
              
#toprightad  { float: right; 
               width: 111px; 
               margin-top: 5px; }

#centerbanner  { position: relative;
                 left: 13px;
                 width: 505px; 
                 margin: auto; }

#adminbanner  { position: relative;
                width: 505px;
                margin: auto; }
                 
.mainlogo  { top: 13px; }         
.polylogo  { top: 0px; }
.lbsulogo  { top: 5px; }
.lbcclogo  { top: 5px; }
.centuryclublogo  { top: 5px; }
.otherlogo  { top: 10px; }
	 
.topdate  { margin-top: 5px;
            font-size: 10pt;
            font-weight: bold; }

.lbsutopdate  { margin-top: -10px;
                font-size: 10pt;
                font-weight: bold; }
.centuryclubtopdate  { margin-top: -12px;
                font-size: 10pt;
                font-weight: bold; }
                
#menubar  { position: relative;
            top: 10px;
            vertical-align: top;
            text-align: center;
            height: 27px;
            font-family: Myriad Pro, Myriad;
            font-size: 12pt; }
#menubar a  { color: black; }
#menubar a:hover { text-decoration: none }
.menuspacer  { margin-left: 15px; }
.mainbar  { background-image: url(images/menubar.gif);
            background-repeat: repeat-x; }
.cabrillobar  { background-image: url(images/cabrillo_bar.gif);
                background-repeat: repeat-x; }
.comptonbar  { background-image: url(images/compton_bar.gif);
               background-repeat: repeat-x; }
.jordanbar  { background-image: url(images/jordan_bar.gif);
              background-repeat: repeat-x; }
.lakewoodbar  { background-image: url(images/lakewood_bar.gif);
                background-repeat: repeat-x; }
.millikanbar  { background-image: url(images/millikan_bar.gif);
                background-repeat: repeat-x; }
.polybar  { background-image: url(images/poly_bar.gif);
            background-repeat: repeat-x; }
.wilsonbar  { background-image: url(images/wilson_bar.gif);
              background-repeat: repeat-x; }
.lbsubar  { background-image: url(images/lbsu_bar.gif);
            background-repeat: repeat-x; }
.lbccbar  { background-image: url(images/lbcc_bar.gif);
            background-repeat: repeat-x; }
.centuryclubbar  { background-image: url(images/centuryclub_bar.gif);
                   background-repeat: repeat-x; }
            
#mediabank  { position: relative;
              top: 16px;
              padding: 0px;
              width: 224px;
              float: left; 
              text-align: left; }

#mainbox  { position: relative;
            top: 12px;
            width: 400px;
            padding: 0px;
            float: left;
            text-align: center; }
              
#maincontent { margin: 0px 10px 10px 10px;
               width: 380px;
               text-align: left; }

#rightcolads  { position: relative; 
                top: 15px;
                padding: 0px;
                width: 226px;
                float: left;
                text-align: left; }
.centerimg  { text-align: center; }
               
#clearfooter  { clear: both;
                height: 30px; }
               
#footer  { clear: both;
           height: 30px;
           text-align: center; 
           vertical-align: middle; }
#footer a  { font-weight: normal; }

#xspace  { height: 50px; }
         
.mediaentry  { width: 244px;
               margin-bottom: 5px; }
.mediaentrytitle  { vertical-align: bottom;
                    margin-bottom: 2px; }
                    
.videohighlightsarrow  { vertical-align: top;
                         position: relative;
                         top: 4px; }
.sportsnightarrow  { vertical-align: top;
                     position: relative;
                     top: 4px; }
.calendararrow  { vertical-align: top;
                  position: relative;
                  top: 4px; }

.boldtext  { font-weight: bold; }
.headline  { font-weight: bold;
             font-size: 11pt; }
.bigheadline  { font-weight: bold;
                font-size: 18pt; }
.bigheadline a:hover  { text-decoration: none; }

.MsoNormal { margin-top: 15px; }

.taglist  { font-size: 12pt;
            font-weight: bold; }
.taglist a  { color: #d60000;
              border: 1px dotted; 
              font-size: 10pt; }

.commentsheader  { padding: 5px;
                   width: 370px;
                   height: 27px;
                   background: #d60000;
                   color: white; }             
.commentstitle  { position: relative;
                  top: -1px;
                  font-size: 13pt; 
                  font-weight: bold;
                  float: left;  }
.leavecomment  { float: right; }
.leavecomment a  { font-size: 10pt;
                   color: white;
                   font-weight: bold;
                   text-decoration: underline; }
.clearcommentsheader  { clear: both;
                        margin-top: 5px; }

.archivestitle  { font-size: 14pt;
                  font-weight: bold; }
.archives  {  }
.archives a  { font-weight: normal; }

.bigger  { font-size: 10pt; }
.thanks  { font-size: 12pt; 
           font-weight: bold; 
           margin-top: 20px; }
.smaller  { font-size: 8pt; }
.caption  { font-size: 7pt; }

.spacer  { margin-top: 5px; }
.minispacer  { margin-top: 3px; }
.storytopspacer  { margin-top: 4px; }
.rulespacer  { margin-top: 8px; }
.bigspacer  { margin-top: 10px; }
.midspacer  { margin-top: 20px; }
.biggerspacer  { margin-top: 30px; }
.clearspacer  { margin-top: 20px;
                clear: both; }

.heading  { font-family: myriad pro, myriad;
            font-size: 16pt; }
            
.latestheader  { position: relative;
                 top: 3px; }
.cabrillolatestheader  { position: relative;
                         top: 7px; }                         
.comptonlatestheader  { position: relative;
                        top: 7px; }                         
.jordanlatestheader  { position: relative;
                       top: 4px; }                         
.lakewoodlatestheader  { position: relative;
                         top: 4px; }                         
.millikanlatestheader  { position: relative;
                         top: 4px; }
.polylatestheader  { position: relative;
                     top: 7px; }
.wilsonlatestheader  { position: relative;
                       top: 4px; }
.lbsulatestheader  { position: relative;
                     top: 4px; }
.lbcclatestheader  { position: relative;
                     top: 7px; }
.lbsportslatestheader  { position: relative;
                         top: 7px; }
.centuryclublatestheader  { position: relative;
                            top: 7px; }
                         
.mainstoriesheader  { position: relative;
                      top: 7px; }                         

.latestbar  { position: relative;
               top: -8px; }
               
.story  { }
.storyspacer  { clear: both; }
.storytext  { margin-bottom: 15px; }
.storydate  { font-weight: bold;
              float: left; }
.storyshare  { float: right;
               vertical-align: top;
               position: relative;
               top: 2px; }
          
.floatimgleft  { float: left;
                 width: 160px;
                 margin-right: 10px; }
.floatimgright  { float: right;
                  width: 160px;
                  margin-left: 10px; }
.floatteaserleft  { float: left;
                    width: 210px; }
.floatteaserright  { float: right;
                     width: 210px; }

.earlier  { float: left;
            font-size: 10pt; }               
.latest  { float: right;
           font-size: 10pt; }          
                  
.lilred  { color: #d60000; }
.mainline  { color: #d60000; }
.cabrilloline  { color: #378b3d; }
.comptonline  { color: #0d1d3a; }
.jordanline  { color: #2358a0; }
.lakewood  { color: #8d352f; }
.millikanline  { color: #21205f; }
.polyline  { color: #269045; }
.wilsonline  { color: #57120b;}
.lbsuline  { color: #ffcd05; }
.lbccline  { color: #d51f26; }

.writerinfo  {  }
.floatwriterpic  { float: left;
                   width: 130px;
                   margin-right: 10px; }
.writerpic  { border: 1px solid black; }
.floatwriterbio  { float: right;
                   width: 238px;
                   font-size: 8pt; }
.floatwriterbiopad  { float: right;
                      width: 238px;
                      font-size: 8pt;
                      margin-bottom: 10px; }
.writerclear  { clear: both; }
                   
#adform  { font-size: 11pt;
           font-weight: bold; }
#adform .formreq  { color: #d60000; }
#adform .fieldnames  { float: left; 
                       text-align: right;
                       padding-right: 3px; }
#adform .fields  { float: left; 
                   text-align: left; }
#adform .enter  { position: relative;
                  left: 10px; }
                  
#logincontent  { width: 200px; 
                 margin: 50px auto auto; }
                 
#admincontent  { width: 550px;
                 margin: 30px auto auto; }
#adminleftpane  { width: 330px;
                  float: left;
                  text-align: left; }
#adminrightpane  { float: left;
                   border-left: 5px black dotted;
                   padding: 0px 15px 0px 15px;
                   width: 185px;
                   height: 300px; }