/* Global Reset */
* {font-size: 100.01%; /*line-height: (just in case)*/; margin: 0; padding: 0; border: 0; box-sizing: content-box; -moz-box-sizing: content-box;}
/* Resize em to equal10px */
html {font-size: 62.5%;}
body{background:#fff url(/images/alumni/mainbg.png) repeat-x top left; font-family:Helvetica, Arial, sans-serif;}
h1{}
h2{font-size:2em;}
h3{font-size:1.6em;}
h4{font-size:1.6em;}
h5{font-size:1.3em;}

a:link, a:visited, a:hover, a:active{color:#006633;}
a:link, a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}

p{padding-bottom:1em;}

#container{margin:0 auto;width:750px;}
/*----------------------------------------------------TOP LOGO BAR----------------------------*/

#brand {height: 80px;}
#brand a.logo {display: block; float: left; width: 100px; height: 80px; background: #000 url(/images/main/hdr_usc.gif) no-repeat center center;}
#brand a.logo:hover {background: #000 url(/images/main/hdr_usc_sel.gif) no-repeat center center;}
#brand a.tree {display: block; float: left; width: 80px; height: 80px; background: #000 url(/images/main/hdr_logo.gif) no-repeat center center;}
#brand a.title {display: block; float: left; width: 570px; height: 80px; background: #000 url(/images/alumni/hdr_alumni.gif) no-repeat center center;}
#brand a.title b {display:none;}
/*----------------------------------------HORIZONTAL TOOL BARS----------------------------------------*/
#toolbar, #footer{background-color: #ccc;}
#toolbar h3, #footer h3{display: none;}
#toolbar li, #footer li{display: inline; float: left; clear: none; margin: 0; text-align: center; list-style: none;}
#toolbar li a, #footer li a{display: block; float: left; clear: none; padding: 1px 0; font: bold 1.1em Arial, sans-serif; text-align: center; text-decoration:none; }
/*-------------------------------------------TOP NAV BAR----------------------------------*/
#toolbar a.gray {background: #ccc url(/images/main/homepage/menu_color.gif) repeat-x top left; color: #000; border-right: 1px solid #999; border-bottom: 2px solid #999;}
#toolbar a.gray:hover {background: #ddd; border-bottom: 2px solid #999;}
#toolbar a.univsc {width: 180px; border-right:none;}
#toolbar a.future {width: 129px;}
#toolbar a.current {width: 129px;}
#toolbar a.alumni {width: 61px;}
#toolbar a.parents {width:60px;}
#toolbar a.faculty {width: 126px;}
#toolbar a.visitors {width: 60px; border-right: none;}
/*-----------BOTTOM TOOLBAR------------------------*/
#footer a.black {background: #333 url(/images/main/homepage/menu_color_bottom.gif) repeat-x top left; font: normal 1em Arial, sans-serif; border-right: 1px solid #999; color: #ccc; border-bottom: 2px solid #000;}
#footer a.black:hover {background: #333; color: #eee; border-bottom: 2px solid #222;}
#footer a.charcoal{background: #333 url(/images/main/homepage/menu_color_bottom_char.gif) repeat-x top left; font: normal 1em Arial, sans-serif; color: #eee; border-bottom: 2px solid #222;}
#footer a.charcoal:hover{background: #111; color: #ccc; border-bottom: 2px solid #333;}
#footer a.top {width: 180px; border-right:none;}
#footer a.system {width: 117px;}
#footer a.directory {width: 117px;}
#footer a.map {width: 40px;}
#footer a.events {width: 102px;}
#footer a.vip {width: 40px;}
#footer a.site{width: 148px; border-right: none;}
/*----------------------------------------------MASTHEAD---------------------------------------*/
#masthead{position:relative;float:left;width:750px;margin:0;padding:0;height:165px;background: url(/images/alumni/masthead.jpg) top left no-repeat;}
#mastimage{position:absolute;z-index:5;}
#menu{position:absolute;width:180px;height:165px;z-index:10;list-style-type:none;}
#menu li a{display:block;width:170px;height:23px;padding-left:10px; font-weight:bold; font-size:1.3em; line-height:1.3em; text-decoration:none;color:#000000;}
#menu li a:hover{background: transparent url(/images/main/homepage/hover.gif) no-repeat top left;}
#menu li.first a{margin-top:15px;}
/*------------------------------------------------------------------------------------------------*/
#midsection{clear:both;float:left;width:750px;height:70px; background: #004631 url(/images/alumni/centerbarbg.gif) repeat-x;}
#midsection #welcomeback{background:transparent url(/images/alumni/welcomeback.gif) top right no-repeat; color:#fff; padding:10px 270px 10px 15px; font-size:1.2em; }

/*Sub Navigation-----------------------------------------------------------------------*/
#subnav{float:left;width:179px; padding:0;}
#subnav ul{list-style-type:none;}
#subnav ul li a{color:#eee;}
#subnav ul ul li a{display:block;width:169px; padding-left:10px; font-weight:bold; font-size:1.1em; line-height:23px; text-decoration:none; color:#000000; border-bottom:1px solid #ccdad6; position:relative;}
#subnav ul ul li.closed a.expand{background: transparent url(/images/alumni/menuClosed.png) 163px 0 no-repeat;}
#subnav ul ul li.closed a.childless{background-image:none;}
#subnav ul ul li.open a{background: transparent url(/images/alumni/menuOpen.png) 163px 0 no-repeat;}
#subnav ul ul li.open a:hover, #subnav ul ul li.closed a:hover{background: transparent url(/images/alumni/menuPoint.png) 163px 0 no-repeat; color:#666;}
#subnav ul ul li.open ul a, #subnav ul ul li.closed ul a{width:164px; padding-left:15px; background-image:none; background-color:#eee;}
#subnav ul ul li.open ul a:hover{background:#004631; color:#fff;}
#subnav ul ul ul{border-bottom:2px solid #999;}

/*CONTENT----------------------------------------------------------------*/
#story{float:left; width:750px; background: #fff url(/images/alumni/storybg.png) top left repeat-y;}
#content{float:right;background-color:#ffffff;width:570px;padding-bottom:10px;}
#content #leftcolumn{float:left; width:350px;padding:5px 10px 10px 5px;margin:0; overflow:hidden;}
#content #rightcolumn{float:left; width:194px; padding:5px 0 5px 5px;margin:0; overflow:hidden;}
#content p, #content ul, #content ol, #content table{font-size:1.2em;}
#content h2{color: #004631; font-size:1.8em;}
#content #leftcolumn ul, #content #leftcolumn ul, #content blockquote{margin-bottom:1em; padding-left:1.5em;}
#leftcolumn ul li{padding-bottom:.5em;}
#content .oddcontent{}
#content .content{}

/*FRONT PAGE------------------------------------------------*/
#spotlight, #ureview, #news{clear:both;}
#spotlight{padding:0 0 0 1em;}

#ureview{background:#f2f5f4; padding:1em 0 0 1em;}
#ureview .clear{padding:0; margin:0; height:1px;}
#news{padding:1em 0 0 1em;}

/*Events-----------------------------------------------------------------------*/
#events{position:relative; background:#f2f5f4; padding:5px 5px 5px 10px; margin:0 0 5px 0;}
#events h2{margin-bottom:7px;}
#events ul{padding:0; margin:0; list-style:none;}
#events ul li{}
#events ul li a{line-height:2em; color:#000; font-size:10px;}
#events .allEvents{padding-top:5px; margin-top:5px; border-top:1px dotted #006699;}

/*FLICKR----------------------------------------*/
#flickr{padding: 1em 0 1em 0;background: transparent url(/images/alumni/contentgradient.png) top left repeat-x;}
#flickr h3{font-size:1.3em; color: #004631; margin-bottom:1em;}
#flickr img{display:none;}
#flickr a img{float:left; display:block; width:75px; padding:0 10px 10px 0; margin:0 5px 5px 0; background: transparent url(/images/alumni/photoshadow.png) top left no-repeat;}
#flickr .viewmore{clear:both;}

/*MISC-------------------------------------*/

#footer{clear:both;}
 .feed {position:absolute; left:300px; top:8px; height:14px;
  padding: 0 0 0 19px;
  background: url("/rss/feed-icon-14x14.png") no-repeat 0 50%;}
.clear{clear:both;}
.leftfloater{float:left; padding:0 1em 1em 0;}
.rightfloater{float:right;padding: 0 0 1em 1em;}