* {font-size: 100.01%; margin: 0; padding: 0;} /* Resize em to equal10px */ html {font-size: 62.5%;} body{background:#ffffff url(/images/main/test/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:#006633;} a:link, a:visited{text-decoration:none;} a:hover{text-decoration:underline;} /* ========= Used during transition from Garnet to Green. ========= */ #upstategreen #masthead_content a, #upstategreen #masthead_content .xtraSmallBlack a, #upstategreen #masthead_content .rightnavXSmall a{color:#006633;} 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(/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/main/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(/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;} /* FOOTER -----------------------------------*/ #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;} #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;} li.leftnavform{position:relative;} .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{position:absolute; top:10px; left:145px;} .leftnav{margin:5px 0 20px 15px;} /* Left Menu Color Classes with Rollovers ----------------------------------------------------------------------------------*/ .admissionstop{background-color:#fef2bd; color:#000;} .admissionstop ul li a, .admissionstop ul li a:visited{color:#000000;} .admissionstop ul li a:hover{background:#f9d789;} .admissionsbottom{background:#f9d789; color:#000;} .admissionsbottom ul li a, .admissionsbottom ul li a:visited{color:#000000;} .admissionsbottom ul li a:hover{background-color:#fef2bd;} .garnetbg{background-color:#990000;} .garnetbg ul li a, .garnetbg ul li a:visited{color:#ffffff;} .garnetbg ul li a:hover{ background-color:#000000; color:#ffffff;} .bluebg{background-color:#000099;color:#ffffff;} .bluebg ul li a, .bluebg ul li a:visited{color:#ffffff;} .bluebg ul li a:hover{ background-color:#ffffff; color:#000099;} .lightgraybg{background-color:#cccccc;color:#000000;} .lightgraybg ul li a, .lightgraybg ul li a:visited{color:#000000;} .lightgraybg ul li a:hover{ background-color:#999999; color:#000000;} .darkgraybg{background-color:#999999;color:#000000;} .darkgraybg ul li a, .darkgraybg ul li a:visited{color:#000000;} .darkgraybg ul li a:hover{ background-color:#006633; color:#ffffff;} .darkgraybglite{background-color:#999999;color:#000000;} .darkgraybglite ul li a:hover{ background-color:#cccccc; color:#000000;} .darkgraybglite ul li a, .darkgraybglite ul li a:visited{color:#000000;} .blackbg{background-color:#000000;color:#ffffff;} .blackbg ul li a, .blackbg ul li a:visited{color:#ffffff;} .blackbg ul li a:hover{ background-color:#666; color:#000;} .earthbrownbg{background-color:#99937C;color:#000000;} .earthbrownbg ul li a, .earthbrownbg ul li a:visited{color:#000000;} .earthbrownbg ul li a:hover{ background-color:#cccccc; color:#000000;} .gunmetalbg{background:#333; color:#fff;} .gunmetalbg ul li a, .gunmetalbg ul li a:visited{color:#fff;} .gunmetalbg ul li a:hover{background:#999; color:#fff;} .limebg{background:#B5E994; color:#000;} .limebg ul li a, .limebg ul li a:visited{color:#000;} .limebg ul li a:hover{background:#363; color:#fff;} .hunterbg{background:#363; color:#fff;} .hunterbg ul li a, .hunterbg ul li a:visited{color:#fff;} .hunterbg ul li a:hover{background:#333; color:#fff;} .sagebg{background:#c6d8a7; color:#000;} .sagebg ul li a, .sagebg ul li a:visited{color:#000;} .sagebg ul li a:hover{background:#333; color:#fff;} .shinyblack{background:#000000 url(/images/main/menu/shiny_black.jpg) no-repeat top left; color:#ffffff;} .shinyblack ul li a, .shinyblack ul li a:visited{color:#ffffff;} .shinyblack ul li a:hover{background-color:#666; color:#fff;} .shinygold{background:#92723b url(/images/main/menu/shiny_gold.jpg) no-repeat top left; color:#ffffff;} .shinygold ul li a, .shinygold ul li a:visited{color:#ffffff;} .shinygold ul li a:hover{ background-color:#cc9933; color:#ffffff;} .shinygarnet{background:#990000 url(/images/main/menu/shiny_garnet.jpg) no-repeat top left; color:#ffffff;} .shinygarnet ul li a, .shinygarnet ul li a:visited{color:#ffffff;} .shinygarnet ul li a:hover{ background-color:#000000; color:#ffffff;} .shinygreen{background:#004631 url(/images/main/menu/shiny_green.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:#999999 url(/images/main/menu/shiny_darkgray.jpg) no-repeat top left; color:#000000;} .shinydarkgray ul li a, .shinydarkgray ul li a:visited{color:#000000;} .shinydarkgray ul li a:hover{ background-color:#cccccc; color:#ffffff;} .whitebg{background:#fff; color:#000;} .whitebg ul li a, .whitebg ul li a:visited{color:#000;} .whitebg ul li a:hover{background:#000; color:#fff;} .ltgreenborder{color:#000;} .ltgreenborder ul li a, .ltgreenborder ul li a:visited{color:#000;} .ltgreenborder ul li a:hover{background:#004631; color:#fff;} /*MASTHEAD AND BLACKBAR --------------------------------------------------------------------------*/ #masthead{margin:0; padding:0; border:0; height:100%;} #masthead img{border-bottom:#000000 15px solid;} .bottomborder{border-bottom:#000000 15px solid;} #divider {clear:both;height:15px;width:750px;background-color:#000000;} /* S T O R Y ------------------------------------------------------------------------------------*/ /*---USED to Create FAUX MENU for BottomLeftNav----*/ .lightgraystory{background:url(/images/main/storybg/lightgraystory.jpg) repeat-y;} .graystory{background:url(/images/main/storybg/graystory.jpg) repeat-y;} .blackstory{background:url(/images/main/storybg/blackstory.jpg) repeat-y;} .garnetstory{background:url(/images/main/storybg/garnetstory.jpg) repeat-y;} .darkbluestory{background:url(/images/main/storybg/darkbluestory.jpg) repeat-y;} .gunmetalstory{background:url(/images/main/storybg/gunmetalstory.jpg) repeat-y;} .earthbrownstory{background:url(/images/main/storybg/earthbrownstory.jpg) repeat-y ;} .goldstory{background: #ffffff url(/images/main/storybg/goldstory.jpg) repeat-y top left;} .admissionsstory{background:#f9d789 url(/images/main/storybg/admissionsstory.jpg) repeat-y top left;} .hunterstory{background:#f9d789 url(/images/main/storybg/hunterstory.jpg) repeat-y top left;} .whitestory{background:#fff;} .ltgreenstory{ background: #fff url(/images/alumni/storybg.png) top left repeat-y;} .greenstory{ background: #fff url(/images/main/storybg/greenstory.jpg) top left 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 ul li{padding-bottom:1em;} #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:560px;padding: 5px 5px 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;}