/*This is the core style sheet of the site.*/


body {
margin: 0;
background:#ffffff url(/images/main/storybg/stripes.gif) repeat-x top left;
text-align:left;
color: #101;
font-family: arial, verdana, sans-serif;
font-size: 76%;
}


h1 {font-size: 1.2em;
text-align: right;
font-style: italic;
letter-spacing: 5px;
}

h2 {font-size: 1.1em;
text-decoration: underline;
}


p.footer {
font-size: 8px;
font-weight: bold;
text-align: center;
}

p a:link {
color: #990000;
text-decoration:none;
}

p a:visited {
color: #990000;
text-decoration:none;
}

p a:hover {
text-decoration:underline;
}

p a:active {
}

a {color:#990000;
text-decoration:none;
}
a:hover{text-decoration:underline;
}



/*--------------------------------------------------------TOP-CONTENT--------------------*/
#container {
width: 760px;
margin: 0 auto;
}
/*Hack for IEMAC
\*/
#container{
width:750px;
margin:0 auto;
}
/*END HACK
*/

#logo {
float:left;
width:100px;
height: 80px;
margin:0;
}

#logo a:link, #logo a:visited, #logo a:active {
display:block;
background-color:#000000;
width:100px;
height:80px;
background-image:url(/images/main/hdr_usc.gif);
background-repeat: no-repeat;
background-position:center center;
}

#logo a:hover {
display:block;
background-color:#000000;
width:100px;
height:80px;
background-image:url(/images/main/hdr_usc_sel.gif);
background-repeat: no-repeat;
background-position:center center;
}

#tree {
float:left;
width:80px;
height: 80px;
margin:0;
}

#tree a:link, #tree a:visited, #tree a:hover, #tree a:active {
display:block;
background-color:#990000;
width:80px;
height:80px;
background-image:url(/images/main/hdr_logo.gif);
background-repeat: no-repeat;
background-position:center center;}

#header {
float:left;
height: 80px;
width: 570px;
background-repeat: no-repeat;
}

/*---------------------------------------------------------TOP HORIZONTAL NAVBAR-----------------------*/

#topnavbar {
float:left;
text-decoration:none;
width: 750px;
background-color:#ffffff;
margin:0;
padding:0;
}

#topnavbar ul {
margin:0px;
padding:0;
color:#000000;
white-space:nowrap;
}

#topnavbar li {
list-style-type:none;
display:inline;
height:15px;
}

#topnavbar li a {
display:block;
text-decoration:none;
float:left;
clear:none;
padding:1px 0;
font-size:80%;
font-family:Arial, sans-serif;
text-align:center;
}

#topnavbar a.gray {
background-color: #ccc; 
color: #000; 
border-bottom: 2px solid #999; 
border-right: 1px #999 solid;
}

#topnavbar a.gray:hover {background-color: #ddd; border-bottom: 2px solid #999;}
#topnavbar a.graybar {width:180px;}
#topnavbar a.future {width: 129px;}
#topnavbar a.current {width: 129px;} 
#topnavbar a.alumni {width: 60px;}
#topnavbar a.faculty {width: 126px;}
#topnavbar a.parents {width: 60px;}
#topnavbar a.visitors {width: 59px;}


/*------------------------------------------------------------------TOP LEFT NAV ----------------*/
#navbarbottom {

width:175px;
margin:0;
padding:0 5px 0 0;
float:left;
}

#navbarbottom ul li {
list-style-type:none;
margin:0;
padding:0;
text-align:right;
}
#navbarbottom ul {
margin:0;
padding:0;

}

#navbarbottom ul li a:link, #navbarbottom ul li a:visited {
display:block;
text-decoration:none;
padding: 5px 0 5px 15px;
font-size:1em;
font-weight:bold;
color: #085435;
}
#navbarbottom ul li a:hover{ background-color:#085435; color:#ffffff;}





/*--------------------------------------------------------------BOTTOM LEFT NAV-----------------*/
#navbox {
background:#ffffff;
width:180px;
margin:0;
padding:0 0 20px 0;
float:left;
height:1%;
}


/*------------------------------------------------------------MASTHEAD AND BLACKBAR--------------*/
#masthead {
height:67px;
width:570px;
}

#mastheadimg {width: 750px; height: 67px;background: url(/division-1/images/squarescss.jpg); margin: 0; padding: 0; position: relative;}
#mastheadimg li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#mastheadimg li, #mastheadimg a {height: 67px; display: block;}

  #panel1b {left: 0; width: 67px;}
  #panel2b {left: 68px; width: 67px;}
  #panel3b {left: 135px; width: 67px;}
  #panel4b {left: 202px; width: 67px;}
  #panel5b {left: 273px; width: 67px;}
  #panel6b {left: 343px; width: 67px;}
  #panel7b {left: 414px; width: 67px;}
  #panel8b {left: 482px; width: 67px;}
  #panel9b {left: 550px; width: 67px;}
  #panel10b {left: 620px; width: 67px;}
  #panel11b {left: 690px; width: 67px;}
  
 #mastheadimg a:hover {
    background: transparent url(/division-1/images/squarescss.jpg)
    0 -68px no-repeat;}


/*--------------------------------------------------------------S T O R Y ----------------------*/

#story {
clear:left;
background:#ffffff;
float:left;
width: 770px;
height:1%;
}
/*Hack for IEMAC\*/
#story{
width: 750px;
}
/*END HACK
*/

#masthead_content{
margin:0;
padding:5px 0 0 0;
float:left;
width:750px;
background-image:url(/division-1/images/asunrot.gif);
background-repeat:repeat-y;
background-position:top left;
}
#content{
margin:0;
padding:0 10px 0 10px;
float:left;
width:550px;}

/*--------------------------------------------------------------FOOTER-------------------------*/

#mainfooter 
{
width:750px;    
clear:both;
font-size:10px;
clear:both;
position:relative;
height: 15px;
text-align:center;}

#mainfooter ul {
margin:0;
padding:0;
font-size:10px;
color:#FFFFFF;
line-height:15px;
white-space:nowrap;
}

#mainfooter li {
display:inline;
float:left;
clear:none;
margin:0;
list-style:none;
}

#mainfooter li a {
display:block;
float:left;
clear:none;
padding:1px 0;
font-weight:bold; 
font-size:80%;
font-family:Arial, sans-serif; 
text-align: center;
text-decoration:none;
}

#mainfooter a.black {background-color: #000; color: #fff; border-right: 1px solid #666; clear: none;}
#mainfooter a.black:hover {background-color: #333;}
#mainfooter a.gray {background-color: #333;color: #fff; clear: none;}
#mainfooter a.gray:hover {background-color: #222;}
#mainfooter a.return {width: 180px; border: 0;}
#mainfooter a.system {width: 110px;}
#mainfooter a.directory {width: 115px;}
#mainfooter a.map {width: 50px;}
#mainfooter a.events {width: 80px;}
#mainfooter a.vip {width: 50px; border: 0;}
#mainfooter a.siteinfo {width: 160px; border: 0;}

/*-----------------------------------------------------Bottom Footer-----------------------*/



#bottomfooter {
clear: both;
background-color:#FFFFFF;
height:15px;
width:750px;
}

#leftfooter {
clear:both;
height: 15px;
width:350px;
background-color:#FFFFFF;
text-align:justify;
font-size:10px;
float:left;
padding-left:5px;
}

#rightfooter {
margin-right:5px;
height: 15px;
background-color:#FFFFFF;
text-align:justify;
font-size:10px;
float:right;
}

/*-------------------------------------------------------M I S C Styles-------------------------------*/

.admissionsbeige{color:#FBB163;font-size:2em;}
img.rightfloater{float:right; padding: 5px;}
img.leftfloater{float:left; padding:5px;}
.bottomborder{border-bottom:#000000 15px solid;}









.rightnavXSmall {font-family: Arial, Helvetica, sans-serif; font-size: xx-small;}
.copyright {color:#990000;font-size: 10px;}
.style1 {font-family: Arial, Helvetica, sans-serif;	font-size: 13px;}
.xtraSmallBlack {font-family: Arial, Helvetica, sans-serif; font-size: xx-small;}
.smallwhite {color: white;font-family: Arial, Helvetica, sans-serif;font-size: x-small;}
.WaterMarkText {font-family: Arial, Helvetica, sans-serif;color: #E1E1E1;}

.ath-MenuBarText {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #FFFFFF;line-height: 18px;}
.ath-MenuBarText  a:link{font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #FFFFFF;line-height: 18px;}
.ath-MenuBarText  a:hover{font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #FFFFFF;line-height: 18px;}
.ath-MenuBarText  a:visited{font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #FFFFFF;line-height: 18px;}
.StoryTitles {font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: #000000;}
.AthleteOfTheWeek {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;color: #FFFFFF;}
#athofweekstory{background-color:#085435;width:150px;}
/*------------------------------------------------------MULTIPLE COLUMNS------------------------------*/
#leftcolumn{
float:left;
width:390px;
padding:5px 10px 10px 5px;
margin:0;
}
#rightcolumn{
float:left;
width:154px;
border-left:1px #cccccc dotted;
padding:5px 0 5px 5px;
margin:0;
}
#singlecolumn{
float:left;
width:565px;
padding: 5px 0 10px 5px;
font-size:110%;
margin:0;
}