* {font-size: 100.01%; margin: 0; padding: 0;} #olc-Content td {padding:3px;} /* Resize em to equal10px */ html {font-size: 62.5%;} body{background:#ffffff url(/olc/images/SCE/stripes.gif) repeat-x top left; font-family:Arial, Helvetica, sans-serif;} h1{} h2{font-size:2em;} h3{font-size:1.6em;} h4{font-size:1.2em;} h5{} a:link, a:visited, a:hover, a:active{color:#990000;} a:link, a:visited{text-decoration:none;} a:hover{text-decoration:underline;} img{border:none;} blockquote{padding-left:2em;} #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(/olc/images/SCE/hdr_usc.gif) no-repeat center center;} #brand a.logo:hover {background: #000 url(/olc/images/SCE/hdr_usc_sel.gif) no-repeat center center;} #brand a.tree {display: block; float: left; width: 80px; height: 80px; background: #000 url(/olc/images/SCE/hdr_logo.gif) no-repeat center center;} #brand a.title {display: block; float: left; width: 570px; height: 80px; background: #000 url(/olc/images/SCE/hdr_title.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(/olc/images/SCE/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;} /* FOOTER -----------------------------------*/ #footer a.black {background: #333 url(/olc/images/SCE/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(/olc/images/SCE/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;} #fineprint{margin-bottom:2em;} /*TOP LEFT NAV ----------------------------------------------------------------------------------*/ #navbox {width:180px;float:left;} #navbartopnav {height:165px;clear:left;width:180px;float:left;} #navbartopnav ul li {list-style-type:none;} #navbartopnav ul {} #navbartopnav ul li a:link, #navbartopnav ul li a:visited { display:block;width:160px;text-decoration:none;padding: 5px 5px 5px 15px;font-size:1.2em;font-weight:bold;} /*BOTTOM LEFT NAV -------------------------------------------------------------------------------*/ #navbarbottom {width:180px;float:left;} #navbarbottom ul li {list-style-type:none;} #navbarbottom li a:link, #navbarbottom ul li a:visited { display:block;text-decoration:none;padding: 5px 5px 5px 15px;font-size:1.2em;font-weight:bold;} #navbarbottom ul {} * html #navbarbottom ul {margin:-6px 0;}/*KLUDGE IE6 List Spacing Fix*/ #bottom_nav_container{float:left; width:160px; overflow:hidden; margin-left:5px;} .google{margin:10px 0 15px 15px; padding:1px;width:120px; height:16px; background:#fff; border-bottom:#ccc 1px solid; border-right:#ccc 1px solid;border-left:#333 1px solid;border-top:#333 1px solid;} .google:focus, textarea:focus{background-color:#ccc;} .googlebtn{margin:0 0 12px 10px;} .leftnav{margin:5px 0 20px 15px;} /* Left Menu Color Classes with Rollovers ----------------------------------------------------------------------------------*/ .shinygreen{background:#990000 url(/olc/images/SCE/shiny_alumnigreen.jpg) no-repeat top left; color:#ffffff;} .shinygreen ul li a, .shinygreen ul li a:visited{color:#ffffff;} .shinygreen ul li a:hover{ background-color:#000000; color:#ffffff;} .shinydarkgray{background:transparent; color:#fff;} .shinydarkgray ul li a, .shinydarkgray ul li a:visited{color:#fff;} .shinydarkgray ul li a:hover{ background-color:#000; color:#ffffff;} /*MASTHEAD AND BLACKBAR --------------------------------------------------------------------------*/ #masthead{margin:0; padding:0; border:0; height:100%;} #masthead img{border-bottom:#000000 3px solid;} .bottomborder{border-bottom:#000000 3px solid;} /* S T O R Y ------------------------------------------------------------------------------------*/ /*---USED to Create FAUX MENU for BottomLeftNav----*/ .graystory{background:url(/olc/images/SCE/alumnistory.jpg) repeat-y;} #story {float:left; width:750px; height:1%;} #masthead_content{float:left;width:570px;font-size:1.3em;} #masthead_content p{padding-bottom:1em;} #masthead_content h1, #masthead_content h2, #masthead_content h3, #masthead_content h4{padding-bottom:1em;} #masthead_content ul{list-style-type:disc; margin:0 0 1em 2em;} #masthead_content ol{padding: 0 0 1em 2em;} #masthead_content ol li{padding-bottom:1em;} #masthead_content hr{background-color:#000; width:80%; border:0;color:#000; margin:1em 0;} /* MULTIPLE COLUMNS ------------------------------------------------------------------------------------*/ #leftcolumn, #ctl00_MainContent_leftcolumn{float:left;width:390px;padding:5px 10px 10px 5px;margin:0; overflow:hidden;} .leftcolumn{float:left;width:390px;padding:5px 10px 10px 5px;margin:0;} #split_left_column_left{float:left; width:160px;padding:0 10px;} #split_left_column_right{float:left; width:179px;padding:0 10px; border-left:1px #cccccc dotted;} #rightcolumn{float:left;width:154px;border-left:1px #cccccc dotted;padding:5px 0 5px 5px;margin:0; overflow:hidden;} #singlecolumn{float:left;width:565px;padding: 5px 0 10px 5px; margin:0;} #form{float: left;width: 563px; font-size:110%; margin:0;padding: 5px 0 10px 5px;} /* M I S C Styles --------------------------------------------------------------------------------------*/ .clearleft{clear:left;} .leftfloater{float:left; clear:left;} .rightfloater{float:right; clear:right;} .StoryTitles {font-size: 16px;font-weight: bold;color: #000000;}