body {font-family:verdana, sans-serif;color:#8B8178;background:#fff;} #header {background:#5A87C5;padding:5px 30px;margin-bottom:50px;} #wrapper {padding-left:85px;width:830px;border:0px solid red;position:relative;} .home #wrapper {padding-left:74px;width:845px;position:absolute;} em {font-style:italic;} .home #wrapper #boxes {height:466px;} .home #wrapper #boxes #whatsnew {position:absolute;margin-top:200px;z-index:11;} .home #wrapper #boxes #students_and_parents {} .home #wrapper #boxes #students_and_parents img, .home #wrapper #boxes #students_and_parents span {position:absolute;top:0px;left:74px;margin-left:145px;z-index:10;} .home #wrapper #boxes #students_and_parents .roll {z-index:100;display:none;} .home #wrapper #boxes #donors {} .home #wrapper #boxes #donors img, .home #wrapper #boxes #donors span {position:absolute;margin-left:182px;margin-top:189px;top:0px;left:74px;z-index:12;} .home #wrapper #boxes #donors .roll {z-index:100;display:none;} .home #wrapper #boxes #perspectives_difference {} .home #wrapper #boxes #perspectives_difference img, .home #wrapper #boxes #perspectives_difference span {position:absolute;margin-left:265px;margin-top:50px;z-index:20;top:0px;left:74px;} .home #wrapper #boxes #perspectives_difference .roll {z-index:11;display:none;} .home #wrapper #boxes #aboutus {} .home #wrapper #boxes #aboutus img, .home #wrapper #boxes #aboutus span {position:absolute;margin-left:240px;margin-top:390px;top:0px;left:74px;z-index:12;} .home #wrapper #boxes #aboutus .roll {z-index:100;display:none;} .home #wrapper #boxes #teachers {} .home #wrapper #boxes #teachers img, .home #wrapper #boxes #teachers span {position:absolute;margin-left:555px;margin-top:30px;top:0px;left:74px;z-index:12;} .home #wrapper #boxes #teachers .roll {z-index:100;display:none;} .home #wrapper #boxes #hear-our-stories {} .home #wrapper #boxes #hear-our-stories img, .home #wrapper #boxes #hear-our-stories span {position:absolute;margin-left:608px;margin-top:165px;top:0px;left:74px;z-index:10;} .home #wrapper #boxes #hear-our-stories .roll {z-index:100;display:none;} .home #wrapper #boxes #promo {position:absolute;margin-left:590px;margin-top:330px;z-index:11;background:url('/images/adspot.png') no-repeat;width:109px;height:109px;font-size:11px;text-align:right;overflow:visble;} .home #wrapper #boxes .hidden {display:none;} .home #wrapper #boxes #promo p {position:absolute;top:72px;text-align:left;left:5px;width:100px;} .home #wrapper #boxes #promo p span {color:#8B8178;} .home #wrapper #boxes #promo a {color:#F4AA59;display:block;padding:5px;width:99px;height:99px;} .home #wrapper #boxes #whatsnew {width:136px;height:119px;background:url('/images/whatsnew.png') no-repeat;padding:45px 15px 0;font-size:10px;z-index:20;margin-left:0;} .home #boxes #whatsnew a {color:#8B8178;text-decoration:none;} .home #boxes #whatsnew a:hover {color:#F4AA59;} .home #boxes #whatsnew p {margin-bottom:10px;line-height:120%;} .home #boxes #whatsnew strong {color:#F4AA59;text-decoration:none;font-weight:normal;} .home #boxes #whatsnew h1 {display:none;} #navigation {float:left;width:167px;margin-right:4px;} #navigation li {float:none;border:1px solid #8B8178;border-width:0 1px 1px;display:block;} #navigation li.first {border-width:1px;} #navigation li a {display:block;font-size:14px;width:auto;text-decoration:none;padding:3px 0 3px 15px ;color:#8B8178;} #navigation li.ancestor a, #navigation li.current a, #navigation li a:hover {background:#F4AA59;color:#fff;} #navigation li li, #navigation li li.first {border-width:0;height:auto;} #navigation li.current li a, #navigation li.ancestor li a {padding-left:25px;font-size:11px;background:#FFF4E8;color:#8B8178;font-family:Arial;} #navigation li.current li a:hover, #navigation li.ancestor li a:hover, #navigation li.ancestor li.current a {background:#F4AA59;color:#fff;} #image {float:left;margin-right:7px;text-align:right;font-size:10px;font-family:arial;} #image img {margin-bottom:4px;} #main {margin-bottom:15px;height:451px;border:0px solid blue;width:838px;} #wrapper #stories {position:absolute;margin-top:333px;margin-left:58px;} #content {float:left;width:297px;margin-top:-3px;border:0px solid green;} #content, #mceContent_main {line-height:140%;font-size:14px;} #content p, #mceContent_main p {padding-left:5px;margin-bottom:10px;} #content strong, #mceContent_main strong, #mceContent_main b {font-size:19px;color:#F4AA59;font-weight:normal;line-height:24px;} #content h2, #mceContent_main h2 {padding-left:5px;font-size:12px;font-weight:bold;} #content h1, #mceContent_main h1 {padding-left:5px;margin-bottom:10px;font-size:19px;color:#F4AA59;font-weight:normal;line-height:24px;} #content a {color:#F4AA59;border-bottom:2px solid #FFE5C1;text-decoration:none;} #content a:visited {color:#8B8178;border-bottom-color:#E4DFDA;} #content ul {padding-left:5px;list-style:url("/images/bullet.gif");} #content ul li {margin-left:25px;} .single_column #content, .news #content, .newsletter #content, .donate #content, .search #content {width:618px;padding:10px 20px;} .single_column .border, .news .border, .newsletter .border, .donate .border, .search .border {width:657px;border:1px solid #8B8178;float:left;} .single_column #content h1, .news #content h1, .newsletter #content h1, .donate #content h1, .search #content h1 {font-size:22px;color:#F4AA59;font-weight:normal;line-height:130%;margin-bottom:10px;padding-left:5px;} .single_column .scrollbar, .news .scrollbar, .newsletter .scrollbar, .donate .scrollbar, .search .scrollbar {height:396px;overflow:hidden;} .border .jScrollPaneTrack {border-top-width:0;} .search ol {padding-left:5px} .search ol em {font-style:italic;background:#FFE5C1;} .search #content ol p {padding-left:0;} .newsletter #content label {float:none;display:block;width:300px;color:#F4AA59;} .scrollbar {height:396px;overflow:hidden;} .scrollbar {height:418px;} .jScrollPaneTrack {height:416px;} .subpage2 #content{width:346px;font-size:12px;} .subpage2 #content strong {font-size:14px;line-height:19px;} .subpage2 #content h1 {font-size:14px;line-height:19px;} #content div.callouts p, #mceContent_callouts p {font-size:12px;border:1px solid #8B8178;line-height:14px;margin:10px 0 0 0;padding:0;} #content div.callouts p strong, #mceContent_callouts p strong, #mceContent_callouts p b {font-size:15px;font-weight:normal;line-height:19px;} #content div.callouts p a, #mceContent_callouts p a {border-bottom-width:0;text-decoration:none;color:#8B8178;display:block;padding:4px 4px 4px 8px;} #content div.callouts p a:hover, #mceContent_callouts p a:hover {color:#666;background:#F4AA59;} #content div.callouts p a:hover strong,#mceContent_callouts p a:hover strong, #mceContent_callouts p a:hover b {color:#fff;} /*#content p.callout, #mceContent_main p.callout, .callout {font-size:12px;border:1px solid #8B8178;line-height:14px;margin:10px 0 0 0;padding:0;} #mceContent_callouts p a:hover b {color:#fff;} #content p.callout a, #mceContent_main p.callout a {border-bottom-width:0;text-decoration:none;color:#8B8178;display:block;padding:4px 4px 4px 8px;} #content p.callout strong, #mceContent_main p.callout strong {font-size:15px;font-weight:normal;line-height:19px;} #content p.callout a:hover {color:#666;background:#F4AA59;} #content p.callout a:hover strong {color:#fff;}*/ #content a.callout, #mceContent_main a.callout, .callout {font-size:12px;border:1px solid #8B8178;line-height:14px;margin:10px 0 0 -5px;color:#8B8178;display:block;padding:4px 4px 4px 8px;} #mceContent_callouts p a:hover b {color:#fff;} #content a.callout strong, #mceContent_main a.callout strong, .callout strong {font-size:15px;font-weight:normal;line-height:19px;} #content a.callout:hover {color:#666;background:#F4AA59;} #content a.callout:hover strong {color:#fff;} .news #content p.article {font-size:12px;line-height:16px;} .news #content p.article a {text-decoration:none;color:#F4AA59;} .news #content p.article a strong {font-size:12px;font-weight:bold;line-height:16px;} .news #content p.article span.date {font-style:italic;} .news #content p {font-size:12px;line-height:16px;} .news #content h2.title {padding-left:5px;font-size:14px;font-weight:bold;color:#F4AA59;line-height:16px;margin-bottom:10px;} .news #content h2.title .date {font-size:12px;color:#8B8178;} #story_list {float:left;width:365px;margin-right:8px;} #story_list .scrollbar {height:396px;overflow:hidden;} #story_list li a {display:block;height:93px;margin-bottom:6px;border:1px solid #8B8178;text-decoration:none;color:#8B8178;overflow:hidden;} #story_list li a .thumbnail {float:left;margin-right:10px;} #story_list li a h2 {font-size:13px;color:#F4AA59;margin:8px;line-height:120%;} #story_list li a p {font-size:11px;margin:8px;line-height:130%;} #story_list li p .arrow {margin-top:-2px;margin-left:5px;position:absolute;} #story_list li a:hover {background:#F4AA59;} #story_list li a:hover h2 {color:#fff;} #story_list li a:hover p {color:#666;} #story_list li div.story {display:none;} #story_list li.selected a {border-color:#F4AA59;border-width:2px;height:91px;} .stories .scrollbar {height:394px;overflow:hidden;} .stories #content {width:275px;height:386px;background:#5A87C5;padding:5px;margin-top:0;font-size:13px;color:#fff;line-height:150%;} .stories #content p, #mceContent_story_content p {font-size:13px;color:#fff;line-height:150%;margin-bottom:20px;} .stories #content .small, #mceContent_story_content .small {font-size:11px;} .stories #content h2, #mceContent_story_content h2 {font-size:22px;color:#F4AA59;font-weight:normal;line-height:130%;margin-bottom:20px;padding-left:5px;} .stories #content a:visited {color:#fff;} #mceContent_story_content p {color:#666;} /*#footer {float:left;font-size:10px;line-height:100%;margin-bottom:30px;margin-left:137px !important;margin-left:52px;border:0px solid orange;} .home #footer {margin-left:148px!important;margin-left:57px;} #footer a {color:#8B8178;text-decoration:none;padding:3px;display:block;} #footer a:hover {color:#F4AA59;} #footer li {float:left;margin-left:34px;} #footer li.first a {border:1px solid #8B8178;} #footer li.first a:hover {color:#FFF;background:#F4AA59;}*/ .home #footer {top:-42px;left:486px;} #footer {position:absolute;font-size:10px;line-height:100%;top:-42px;left:486px;width:500px;} #footer a {color:#8B8178;text-decoration:none;display:block;} #footer li {float:left;} #footer li a {border-left:1px solid #8B8178;padding:0 6px;height:10px;line-height:10px;float:left;} #footer li.first a {border-left-width:0;color:#5A87C5;} .clear {clear:both;} .small {} .search #content {font-size:12px;} .search #content #query_result {margin-bottom:20px;font-size:12px;} .search #content .pagenate {float:right;margin-bottom:20px;padding-left:5px;font-size:10px;} .search #content .pagenate p {padding-top:20px;} .search #content .pagenate span.current {background:#F4AA59;color:#fff;border-color:#F4AA59;} .search #content .pagenate span, .search #content .pagenate a {padding:0 2px;float:left;line-height:16px;border:1px solid #ccc;margin:2px;color:#F4AA59;border-bottom:1px solid #ccc;} .search #content .pagenate a.number, .search #content .pagenate span.number {width:12px;text-align:center;margin:2px 1px;} .search #content .pagenate span {color:#ccc;} .search #content .pagenate .previous {margin-right:5px;} .search #content .pagenate .next {margin-left:5px;margin-right:0;} .search #content #search_button {margin-left:5px;margin-top:-3px;} .search #content label {font-weight:bold;float:none;display:inline;font-size:12px;} .search #content form {border-bottom:1px solid #C4BCB2;margin-bottom:5px;padding-bottom:10px;margin-left:5px;} .search #content form * {padding-left:0;} /* Campus Styles */ #wrapper #whatsnew {position:absolute;margin-top:333px;margin-left:58px;width:126px;height:113px;z-index:10;font-size:11px;color:#fff;padding:5px;} #wrapper #whatsnew a {color:#fff;font-style:italic;} body.calumettech #header {background:#00aee0;} body.calumettech #navigation li.ancestor a, body.calumettech #navigation li.current a, body.calumettech #navigation li a:hover {background:#00aee0;} body.calumettech #navigation li.current li a, body.calumettech #navigation li.ancestor li a {background:#94D0E0;color:#fff;} body.calumettech #navigation li.current li a:hover, body.calumettech #navigation li.ancestor li a:hover, body.calumettech #navigation li.ancestor li.current a {background:#00aee0;color:#fff;} body.calumettech #content strong, body.calumettech #content h1 {color:#00aee0;} body.calumettech #content div.callouts p a:hover {background:#00aee0;} body.calumettech #footer a:hover {color:#00aee0;} body.calumettech #footer li.first a:hover {background:#00aee0;color:#FFF;} body.calumettech .jScrollPaneDrag {background-color:#00aee0;} body.calumettech #whatsnew {background:url('/images/CalHighTechWhatsNewbox.png') no-repeat;} body.calumettech #content a {color:#00aee0;border-color:#00aee0;} body.calumettech #content ul {list-style:url("/images/bullet_calumettech.gif");} body.calumethigh #header {background:#910115;} body.calumethigh #navigation li.ancestor a, body.calumethigh #navigation li.current a, body.calumethigh #navigation li a:hover {background:#910115;} body.calumethigh #navigation li.current li a, body.calumethigh #navigation li.ancestor li a {background:#915962;color:#fff;} body.calumethigh #navigation li.current li a:hover, body.calumethigh #navigation li.ancestor li a:hover, body.calumethigh #navigation li.ancestor li.current a {background:#910115;color:#fff;} body.calumethigh #content strong, body.calumethigh #content h1 {color:#910115;} body.calumethigh #content div.callouts p a:hover {background:#910115;} body.calumethigh #footer a:hover {color:#910115;} body.calumethigh #footer li.first a:hover {background:#910115;color:#FFF;} body.calumethigh .jScrollPaneDrag {background-color:#910115;} body.calumethigh #whatsnew {background:url('/images/CalMidHighWhatsNewbox.png') no-repeat;} body.calumethigh #content a {color:#910115;border-color:#910115;} body.calumethigh #content ul {list-style:url("/images/bullet_calumetmiddle.gif");} body.calumetmiddle #header {background:#910115;} body.calumetmiddle #navigation li.ancestor a, body.calumetmiddle #navigation li.current a, body.calumetmiddle #navigation li a:hover {background:#910115;} body.calumetmiddle #navigation li.current li a, body.calumetmiddle #navigation li.ancestor li a {background:#915962;color:#fff;} body.calumetmiddle #navigation li.current li a:hover, body.calumetmiddle #navigation li.ancestor li a:hover, body.calumetmiddle #navigation li.ancestor li.current a {background:#910115;color:#fff;} body.calumetmiddle #content strong, body.calumetmiddle #content h1 {color:#910115;} body.calumetmiddle #content div.callouts p a:hover {background:#910115;} body.calumetmiddle #footer a:hover {color:#910115;} body.calumetmiddle #footer li.first a:hover {background:#910115;color:#FFF;} body.calumetmiddle .jScrollPaneDrag {background-color:#910115;} body.calumetmiddle #whatsnew {background:url('/images/CalMidHighWhatsNewbox.png') no-repeat;} body.calumetmiddle #content a {color:#910115;border-color:#910115;} body.calumetmiddle #content ul {list-style:url("/images/bullet_calumetmiddle.gif");} body.joslin #header {background:#1f5cbf;} body.joslin #navigation li.ancestor a, body.joslin #navigation li.current a, body.joslin #navigation li a:hover {background:#1f5cbf;} body.joslin #navigation li.current li a, body.joslin #navigation li.ancestor li a {background:#879DBF;color:#fff;} body.joslin #navigation li.current li a:hover, body.joslin #navigation li.ancestor li a:hover, body.joslin #navigation li.ancestor li.current a {background:#1f5cbf;color:#fff;} body.joslin #content strong, body.joslin #content h1 {color:#1f5cbf;} body.joslin #content div.callouts p a:hover {background:#1f5cbf;} body.joslin #footer a:hover {color:#1f5cbf;} body.joslin #footer li.first a:hover {background:#1f5cbf;color:#FFF;} body.joslin .jScrollPaneDrag {background-color:#1f5cbf;} body.joslin #whatsnew {background:url('/images/RodneyWhatsNewbox.png') no-repeat;} body.joslin #content a {color:#1f5cbf;border-color:#1f5cbf;} body.joslin #content ul {list-style:url("/images/bullet_joslin.gif");} body.iit #header {background:#e3243c;} body.iit #navigation li.ancestor a, body.iit #navigation li.current a, body.iit #navigation li a:hover {background:#e3243c;} body.iit #navigation li.current li a, body.iit #navigation li.ancestor li a {background:#E39DA6;color:#fff;} body.iit #navigation li.current li a:hover, body.iit #navigation li.ancestor li a:hover, body.iit #navigation li.ancestor li.current a {background:#e3243c;color:#fff;} body.iit #content strong, body.iit #content h1 {color:#e3243c;} body.iit #content div.callouts p a:hover {background:#e3243c;} body.iit #footer a:hover {color:#e3243c;} body.iit #footer li.first a:hover {background:#e3243c;color:#FFF;} body.iit .jScrollPaneDrag {background-color:#e3243c;} body.iit #whatsnew {background:url('/images/IITWhatsNewbox.png') no-repeat;} body.iit #content a {color:#e3243c;border-color:#e3243c;} body.iit #content ul {list-style:url("/images/bullet_iit.gif");}