.tooltip_bio, #tooltip { position: absolute; z-index: 3000; border: 1px solid #dedede; background-color: #fff; padding: 5px; opacity: 0.85; } #tooltip h3, #tooltip div { margin: 0; border: 0; } .tooltip_bio { opacity: 1; width: 450px; text-align: justify; } #tooltip h3 { color: #84333d; font-size: 13px; padding: 6px 2px; } #GB_overlay { background-image: url(/images/greybox/overlay.png); position: fixed; margin: auto; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; } * html #GB_overlay { background-color: #000; background-color: transparent; background-image: url(/images/greybox/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/greybox/overlay.png", sizingMethod="scale"); } #GB_window { top: 15%; left: 0px; position: fixed; background: #fff; overflow: auto; width: 400px; height: 400px; z-index: 150;  padding: 3px; background: #9c9ec1; } #GB_frame { border: 0; overflow: auto; width: 100%; height: 378px; background: #fff; } #GB_caption { color: #fff; background: #9c9ec1; margin: 0; text-align: left; font-size: 150%; padding: 5px 0; font-weight: bold; width: 100%; } #GB_window img { position: absolute; top: 7px; right: 8px; cursor: pointer; cursor: hand; }  .svw ul {position: relative; left: -999em;}  .svw, .stripViewer { position: relative; overflow: hidden; border: 5px solid #b7bc9c; margin: 0 0 1px 0; width: 325px; height: 174px; } .stripViewer ul {  margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } .stripViewer ul li { float:left; } .stripTransmitter { overflow: auto; width: 100%; float: right; clear: right; } .stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; list-style-image: none; } .stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } .stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #b7bc9c; color: #fff; text-decoration: none; display: block; border: 1px solid #efefef; } .stripTransmitter a:hover, a.current{ background: #efefef; color: #b7bc9c; border: 1px solid #b7bc9c; } .highslide { cursor: url(/images/highslide/zoomin.cur), pointer; outline: none; } .highslide-active-anchor img { visibility: hidden; } .highslide img { border: 1px solid gray; } .highslide:hover img { border: 1px solid white; } .highslide-wrapper { background: white; } .highslide-image { border: 2px solid white; } .highslide-image-blur { } .highslide-caption { display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: white; } .highslide-loading { display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white; padding-left: 2px; background-image: url(/images/highslide/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px; } a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; } a.highslide-full-expand { background: url(/images/highslide/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; }  .highslide-display-block { display: block; } .highslide-display-none { display: none; }   * { padding: 0; margin: 0; } body { background: #ececea; font: normal 12px Arial; } p { line-height: 17px; padding-bottom: 10px; } .content p { text-align: justify; }  #sub_right_column .sub p { line-height: 14px; padding: 0; margin-bottom: 5px; } h1, h2, h3, h4 { padding: 0 0 6px 0; }  h1 { color: #56598c; font-size: 22px; } h2 { color: #56598c; font-size: 15px; } h3 { color: #56598c; font-size: 15px; border-bottom: 1px solid #56598c; margin-bottom: 6px; } h4 { color: #56598c; font-size: 12px; } a { font-family:Arial; color: #56598c; } a:hover { color: #56598c; text-decoration: underline; } img { border: 0; } .content input, .content select, .content textarea { border: 3px double #E5E5E5; padding: 2px 3px; background: #fefefe; } hr { margin: 15px auto 15px auto; border: 1px solid #d7d9e4; color: #d7d9e4; }   #outer_wrapper { width:100%;} #inner_wrapper { width: 970px; position: relative; z-index:10; }  .bgs { margin:auto; width: 970px; background:#FFF; } #leaves { width: 100%; height: 100%; margin: auto; }   #header { background: #FFF; height: 130px; } .logo { width:172px; padding-top: 15px; padding-left: 10px; float: left; } .logo img { border: 0; position: relative; } .header_nav { width: 731px; height: 100px; padding-top: 30px; float: right; } .top_nav { height: 25px; line-height: 25px; overflow: hidden; font-size: 11px; width: 590px; float: right; } .top_nav ul { list-style-type: none; } .top_nav li { float: left; } .top_nav li a:hover { text-decoration:underline;} .top_nav li a { text-decoration:none; padding: 0 15px 0 15px; border-right: 1px solid #9c9fbb; text-align: center; }  .top_nav ul li:last-child a { border-right: 0 } .top_nav .search { width: 100px; margin: 0 5px 0 15px; border: 1px solid #b1b0a1; border-bottom: 0; border-right: 0; font-size: 12px; padding: 2px; } .top_nav .go { padding: 4px; } .mid_nav { height:75px; line-height: 75px; font-size: 12px; width: 717px; } .mid_nav ul { list-style-type: none; float: right; margin: 0; } .mid_nav li { float:left; } .mid_nav li a { text-decoration:none; padding: 10px 15px; border-right: 1px solid #9c9fbb; text-align:left; } .mid_nav li a:hover { text-decoration:underline; }   .mid_nav li:last-child a { border-right: 0 }  #home_banner { height: 365px; padding: 0 0px; background: transparent url(/images/home_banner_bg_0.jpg) no-repeat center; } .banner_blurb { width: 552px; height: 169px; float:left; padding: 20px 10px 0 0; z-index: 99; position: relative; overflow: hidden; color: #eee; } .banner_blurb h1 { color: #f38db1; font-size: 32px; margin-bottom: 15px; } .banner_blurb .text { color: #fff; font-size: 22px; font-weight:normal; text-align:left; margin-left:15px; padding: 0;} .banner_blurb .desc { color: #fff; border: 0; font-weight:normal; text-align:right; font-size: 12px; margin-bottom: 15px; } .banner_blurb .word { letter-spacing: 10px; } .banner_blurb h4 { padding-top: 10px; float: right; width: 350px; }  .banner_blurb h4 a { color: #59503e; } #home_banner .controls_bkg { position: absolute; top: 301px; } #home_banner .controls { line-height: 18px; width: auto; top: 171px; left: -1px; position: relative; z-index: 100;  } #home_banner .controls img { padding: 1px 2px 0 3px } #sub_banner { height: 82px; line-height: 82px; padding: 0 13px; background: transparent url(/images/banner_template.jpg) no-repeat center; } #sub_banner h1 { color: #56598c; padding-left: 20px; font-size: 24px }  #home_banner_overlay {  position: absolute; width: 945px; height: 189px; } #home_banner #loading { position: absolute; z-index: 88; background: transparent url('/images/loading.gif') no-repeat center right; width: 939px; height: 20px; margin-left:-806px; margin-top:328px; display: none; }  #row_three { height: 141px; background: url(/images/home_welcome_row_bg.gif) no-repeat; padding: 0 25px; line-height: 125%; } #row_three .welcome { width: 535px; float: left; padding-top: 10px; position: absolute; left: 25px; color: #fff; text-align: justify; }  #row_three .welcome p { line-height: 16px; }  #row_three .welcome h3 { color: #fff; border-bottom: 2px solid #bbb; } #row_three .quick_links { width: auto; float: left; padding-left: 360px; padding-top: 10px;  } #row_three .quick_links ul { padding-left: 15px; } #row_three .get_started { text-align: center; padding-top: 15px; margin-right: 65px; position: absolute; right: 30px; width: 209px; height: 209px; margin-top: -105px; }  #get_started h1 { color:#FFF; font-family: Arial; font-size: 16x; font-weight:normal; line-height: 24px; } .start_banner a { font-size:22px; line-height:49px; display:block; text-align:center; text-decoration:none; float:right; color:#FFF; margin-right:-24px; background: transparent url(/images/start_banner.png); width:425px; height:49px; } .start_banner a:hover { text-decoration:underline; } #get_started h2 { color: #fffff; font-family: Arial; font-size: 16x; font-weight:normal; line-height: 24px; } #get_started h4 a { color: #2d3158; } #get_started h4 { margin-top: 4px; }  .button_contact { overflow: hidden; text-align: center; margin: 0 auto 0 auto; width: 201px; height: 42px; line-height: 42px; background: transparent url(/images/button_contact.png) no-repeat; display: block; font-weight: bold; text-decoration: none; } .button_contact:hover { text-decoration: underline; } .welcomeline { height: 0px; width: 946px; padding: 0; margin: 0 0 0 12px; border-bottom: 0px solid #8d6757; background: #5f2b14; }  #content { padding: 0 12px 5px 12px; } .sub_2col_bgs { background: transparent url(/images/sub_2col_bgs.jpg) repeat-y; background-position: 11px 0; height:1%; } .sub_3col_bgs { background: transparent url(/images/sub_3col_bgs.jpg) repeat-y; background-position: 11px 0; height:1%; } .flower { width: auto; height: auto; }  #home_wrapper { background: url(/images/content_bgs.jpg) repeat-y; } .home { background: #f6d4de; margin: 0 12px; width: 922px; }  .home h3 { color: #56598c; font-size: 16px; border-color: #a8846f; margin: 5px 0; } .content ul, .home ul { padding-left: 20px; line-height: 16px; list-style: url('/images/home_arrow.gif'); margin-bottom: 10px; } .content ul ul, .home ul ul { margin: 0; } ol { padding-left: 20px; line-height: 15px; } .home_content_right { float: right; width: 25%; border-right: 1px dotted #9c9fbb;}  .home_content_right h3 { } .home_content_right h2 { color: #56598c } .home_content_right b { color: #6c6e95 } .home_content_right .location { float: right; margin-right: auto; width: 50%; } .home_content_right .info { padding: 5px 0; margin: 7px 0; }  .home_content_right img { border: 1px solid #9da0bd; margin: 0 0 10px 10px; padding: 2px; } .home_content_right #cal { float:right; width: 194px; margin: 0 0 5px 5px; } .home_content_right .cal_details h4 { padding: 0; } .home .right_buttons { float:right; clear: right; width: 200px; }  .button_lightbrown, .button_blue, .button_brown, .button_darkbrown, .button_darkgreen, .button_mustard, .button_pink, .button_green, .button_darkblue { font: bold 11px Arial; width: 166px; height: 40px; line-height: 40px; display: block; text-align: center; background-position: no-repeat; text-decoration: none; } .button_lightbrown:hover, .button_blue:hover, .button_brown:hover, .button_darkbrown:hover, .button_darkgreen:hover, .button_mustard:hover, .button_pink:hover, .button_green:hover, .button_darkblue:hover { text-decoration: underline; } .button_lightbrown { background-image: url(/images/button_lightbrown.png); } .button_blue { background-image: url(/images/button_blue.png); color: #45556f; } .button_brown { background-image: url(/images/button_brown.png); } .button_darkbrown { background-image: url(/images/button_darkbrown.png); } .button_darkgreen { background-image: url(/images/button_darkgreen.png); } .button_mustard { background-image: url(/images/button_mustard.png); } .button_pink { background-image: url(/images/button_pink.png); color: #817372; } .button_green { background-image: url(/images/button_green.png); } .button_darkblue { background-image: url(/images/button_darkblue.png); } .button_front { margin: 0 auto 0 auto; line-height: 33px; width: 187px; height: 37px; background: transparent url(/images/button_front.png) no-repeat; text-align: center; font-weight: bold; display: block; text-decoration: none; } .button_front:hover { text-decoration: underline; }  #breadcrumb { height: 20px; line-height: 20px; background: #f4eaeb url('/images/bc_bkg.gif') repeat-y; padding-top: 6px; text-indent: 250px; font: bold 10px Arial; color: #56598c; } #breadcrumb a { color: #56598c; } #breadcrumb a:hover { color: #a27a62; }  #left_menu * { list-style: none; display: block; color: #56598c; } #left_menu ul li { } #left_menu { width: 223px; border: 1px solid #fff; border-top: 0; border-left: 0; background: transparent; font: bold 12px Arial; float: left; background: transparent url(/images/lm_li_bgs.jpg) repeat-y; }  #left_menu li { border-top: 1px solid #fff; } #left_menu li a { text-decoration: none; background: url('/images/lm_arrow.gif') no-repeat 10px 12px; padding: 7px 0 7px 20px; } #left_menu li a:hover { background: #ddccca url('/images/lm_arrow.gif') no-repeat 12px 12px; text-decoration: none; }  #left_menu li ul { padding-left: 15px; } #left_menu li ul li { border: 0; } #left_menu li ul li a { font-size: 11px; color: #56598c; background: url('/images/lm_sub_arrow.gif') no-repeat 10px 8px; padding: 3px 0 3px 20px; font-weight:bold; } #left_menu li ul li a:hover { background: #ddccca url('/images/lm_sub_arrow.gif') no-repeat 12px 8px; }  #left_menu .head { background: url('/images/lm_arrow_down.gif') no-repeat 9px 12px; } #left_menu .head a:hover { background: #ddccca url('/images/lm_arrow_down.gif') no-repeat 9px 12px; } #left_menu li .selected { background-color: #ddccca; border: 1px solid #e0e0ec; } #left_menu .selected ul { background: #ddccca; } #left_menu .cat { text-decoration: underline; font-size: 11px; line-height: 14px; }  #sub_content_2column { width: 700px; float:right; padding: 7px 7px 0 7px; } #sub_center_column { margin-left: 230px; padding: 7px 7px 0 7px; }  #sub_right_column { float: right; width: 256px;; background: #fff url(/images/sub_3col_right_bkg.jpg) no-repeat top right; padding-left: 5px; margin: 0 0 10px 10px; }  #sub_right_column .top { height: 165px; width: 256px; } #sub_right_column .top a { font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size: 24px; color:#56598c; } #sub_right_column h1 { color: #793c43; font-size: 24px;} #sub_right_column .top h1 { width: 150px; color:#56598c;} #sub_right_column .girl { width: 84px; height: 168px; background: url(/images/sub_3col_right_girl.jpg) no-repeat; margin-top: -16px; position: absolute; margin-left: 162px; }  #sub_right_column .button_contact { position: relative; } #sub_right_column .sub { background: #e0d3cc; padding: 10px; margin-top: -12px; font-size: 11px; color: #555; } #sub_right_column .sub h3 { font-size: 13px; } #sub_right_column .sub ul { list-style: none; } #sub_right_column .sub li { margin-top: 3px; } .div1 { width:200px; margin:0px 20px 20px 20px; float:left; border-right: 2px solid #56598c; text-align:left; } .div2 { width:200px; margin:0px 20px 20px 20px; float:left; border-right: 2px solid #56598c; text-align:left; } .div3 { width:200px; margin:0px 20px 20px 20px; float:left; border-right: 2px solid #56598c; text-align:left; } .div4 { margin:0px 20px 20px 20px; float:left; border-color:#069; } .home_content_left { float: left; width: 100%; } .home_content_left a { font-size:13px; font-family:Arial; color:#56598c; text-decoration:underline; } .home_content_left h3 { font-family:Arial; color: #56598c; font-size: 16px; border-bottom:none; font-weight:bold; }  #footer { width: 970px; margin: auto; height: 75px; padding: 0; color: #fff; font-size: 11px; }  #footer a { text-decoration:none; color: #999; } #footer a:hover { text-decoration:underline; color: #999; } .home_footer { background: transparent url(/images/footer_bg.jpg) no-repeat; } .sub_2col_footer { background: transparent url(/images/footer_bg.jpg) no-repeat; } .sub_3col_footer { background: transparent url(/images/footer_bg.jpg) no-repeat; }  .copyright { color:#999; padding-top: 30px; padding-left: 30px; font-weight:bold; float:left; font-size:10px;} .copyright p a { color:#999; } .copyright p a:hover { color:#333; } .legal { float:right; padding-top: 30px; padding-right: 30px; }  .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {clear: both; visibility: hidden;}  * html .clearfix {height: 1%;} .clearfix {display: block;}      .calendarBG { background-color: #000; color: #fff; } .calendarBlank { background-color: #bec5a7; } .calendarHeader { font-weight: bold; color: #fff; text-align: center; background-color: #33603f; padding: 3px; } .calendarMonthLinks { font-family: Arial, Trebuchet MS, Tahoma, Arial, Sans-serif; font-size: 11px; font-weight: bold; letter-spacing: .1em; text-decoration: none; color: #fff; background-color: transparent; } .calendarMonthLinks a, .calendarMonthLinks a:visited { color: #fff; text-decoration: none; background-color: transparent; } .calendarMonthLinks a:hover { color: #ccc; text-decoration: underline; background-color: transparent; } .calendarDayHeading { font-weight: bold; font-size: 10px; background-color: #498859; text-align: center; vertical-align: middle; } .calendarToday { font-family: Arial, Trebuchet MS, Tahoma, Arial, Sans-serif; font-size: 12px; font-weight: bold; letter-spacing: .1em; text-decoration: none; text-align: center; vertical-align: middle; color: #fff; background-color: #868a79; } .calendarToday a { color: #fff; } .calendarCell { font-family: Arial, Trebuchet MS, Tahoma, Arial, Sans-serif; font-size: 12px; letter-spacing: .1em; text-decoration: none; text-align: center; vertical-align: middle; color: #000; background-color: #fff; padding: 3px; } .calendarCell a, .calendarCell a:visited { color: #000; text-decoration: underline; background-color: transparent; font-weight: bold; } .calendarCell a:hover { color: #000; text-decoration: none; background-color: transparent; }    .google_map, .campus_image { height: 140px; width: 325px; float: right; border: 1px solid #aaa; margin: 0 0 0px 0px; background: #a38668 url('/images/loading.gif') no-repeat 35% center; } .map_controls { width: 22px; font-size: 10px; font-weight: normal; float: left; background: #e7e7ef; border: 1px solid #aaa; border-right: 0; margin: 0px -16px 0 0; }  .map_controls a { padding: 3px; display: block; } .map_controls a:hover { background: #bababa; } #map_wrapper { margin-top: 23px; float: right; width: 349px; } .map { padding-top: 15px; height: 140px; } .campus_wrapper { height: 210px; }  .contact_wrapper { height: 155px; font-family: arial; } .map_transfer, #map_expand { border: 1px solid #898baa; background-color: #9c9ec1; opacity: 0.5; } #map_expand { width: 700px; height: 620px; margin-top: 35px; position: absolute; z-index: 900; background-color: #f3f3f7; visibility: hidden; }  #map_expand .controls { height: 43px; text-align: center; } #map_expand .controls a { font-size: 20px; padding: 0 5px; line-height: 40px; } #map_expand .controls a:hover { background: #f5f5fd; } #map_expand .map { height: 562px; } .campus_wrapper ul, .contact_wrapper ul { list-style: none; padding: 0; }  .campus_image { height: 174px; width: 325px; background: #b7bc9c url('/images/loading-light.gif') no-repeat 35% center; margin-bottom: 2px; }  .slider_wrapper { width: 334px; float: right; margin-left: 25px; }  .bio { width: 675px; padding: 5px; border: 1px solid #ececec; margin-bottom: 5px; clear: right; background: #dadbd7; } .bio:hover { background: #e0e0ec; border: 1px solid #a1a1aa; } .bio_info { float: left; padding: 0 10px 10px 0; text-align: center; } .bio img { } .bio h2 { margin-top: 7px; font-size: 11px; text-align: center; width: 120px; } .bio h4 { font-size: 9px; font-weight: normal; text-align: center; width: 120px; } .bio_wrapper a { text-decoration: none; }   .pdf { background: url(/images/icons/file-red.gif) no-repeat; padding-left: 16px; } .zip { background: url(/images/icons/file-orange.gif) no-repeat; padding-left: 16px; } .psd { background: url(/images/icons/file-blue.gif) no-repeat; padding-left: 16px; } .external { background: url(/images/icons/window.gif) no-repeat center right; padding-right: 16px; margin-right: 3px; }  .gs_box_wrapper { background: #fff; font-family: Arial; padding: 10px 0; border-color: #d7d9e4; border-style: solid; border-width: 1px 0; margin-bottom: 10px; } .gs_box { width: 160px; height: 140px; background: #9c9ec1; float: left; margin-left: 10px; } .gs_box .inner { margin: 70px 0 0 50px; } .gs_box h1 { font-size: 82px; font-weight: bold; color: #fff; float: right; padding: 0; margin: -50px 0 -15px 0; } .gs_box h2 { font-size: 22px; font-weight: bold; color: #5a5a5a; float: right; margin-right: -5px; } .gs_box h3 { color: #fff; margin: 0 0 0 -42px; border: 0; text-align: center; } .gs_box1 { background: url(/images/getting-started/box_bkg1.png); } .gs_box2 { background: url(/images/getting-started/box_bkg2.png); } .gs_box3 { background: url(/images/getting-started/box_bkg3.png); } .gs_box4 { background: url(/images/getting-started/box_bkg4.png); }  .course_structure { width: 100%; border-spacing: 0; font-size: 10px; clear: right; }  .course_structure td { padding: 1px; height: 20px; } .course_structure td:hover { background: #cdc9da; } .course_structure .h1 td { background: #a7545d; color: #fff; font-weight: bold; } .course_structure .h2 td { background: #d3c0a6; color: #56598c; font-weight: bold; } .course_structure .h3 td { background: #cdc9da; color: #5f5287; border-color: #869c5b; font-weight: bold; } .course_structure thead tr { height: 20px; } .course_structure thead td { text-align: center; text-transform: uppercase; }  .course_structure tbody td { background: #ddccca; width: 25%; color: #555; padding: 5px; border-right: 1px solid #fcfafb; }  .course_structure td:last-child { border-right: 0; }  .toggle_notes { margin: 5px 0 0 0; display: block; padding: 5px; background: #D3C0A6; color: #56598c; font-weight: bold; } .toggle_notes:hover { color: #56598c; } .notes_wrapper { background: #ddccca; margin-bottom: 10px; } .notes { padding: 10px; font-size: 9px; } .notes p { line-height: 11px; padding-bottom: 3px; }  .content table { width: 100%; border-spacing: 0; } .content table .alt1 { background: url('/images/tr_bkg.png') repeat-y; } .content table .alt2 { background: url('/images/tr_bkg2.png') repeat-y; } .content table td { padding: 3px; } #request .title { background: #727465; border: 1px solid #727465; line-height: 20px; color: #eee; font-weight: bold; font-size: 10px; } #request .title a { color: #eee; text-decoration: none; } #request .title a:hover { color: #eee; text-decoration: underline; } #request .title input { background: 0; border: 0; }  label.error { color: #ff0000; font-weight: bold; margin-left: 10px; position: absolute; z-index: 100; padding: 3px 3px 3px 20px; background: url(/images/icons/cross.gif) no-repeat scroll 2px; }   #report-a-bug { border: 1px solid #ff0000; border-width: 0 0 5px 5px; position: fixed; top: 0; right: 0; z-index: 900; opacity:0.1; width: 69px; height: 69px } .frame { border: 1px solid #9da0bd; margin: 0 0 10px 10px; padding: 2px; } .phone { border-bottom: 1px dotted #666; height: 20px; line-height: 20px; } .phone .num { float: right; margin-top: -21px; }  .login_wrapper { background: #fff; padding-bottom: 20px; } .login { background: #c8ccb3; padding: 10px; width: 46%; } .login input { float: right; border: 3px double #E5E5E5; padding: 2px 3px; margin-top: -4px; } .login h3 { color: #727465; border-color: #f9ffda; font-size: 18px; margin-bottom: 20px; } .login h4 { color: #727465; }