/***** Global Reset *****/ body{padding:0; margin:0; font:.8em Arial,Helvetica,Garuda,sans-serif; color:#939493; background:#B7B7B7;} h1,h2,h3,h4,h5,h6,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;} table{font-size:inherit;} img{border:0;} p{margin:1em 0;} h3{font-weight:bold} /***** Links *****/ a, a:visited, a:active { text-decoration:none; color:#939493; outline: none; } /***** Forms *****/ #pre-app{position:relative} form div { padding:4px 0 8px 0; clear:left; position:relative } label { float:left; display:block; width:13em; font-weight:bold; padding-right:1.5em; vertical-align:middle; text-align:right } .long_label{width:600px; text-align:left} .sm{font-size:9px; font-style:italic} #disability_desc{display:none} .required{background:url(../images/icons/exclamation.png) right no-repeat #f8e5e5; border:1px solid #a90000; } form, label, input, textarea, select { font:11px Arial, Helvetica, sans-serif; } legend{font-weight:bold; color:#cb571b; font-size:13px} fieldset{margin:10px 0 0 0; padding:10px 10px 3px 10px; border:1px solid #cb571b; position:relative; display:block } fieldset fieldset{ border-style:dashed; } fieldset fieldset legend{ background-color:#fffff4 } form div.actions { margin-left:13em; padding-left: 1.5em; } #msg{display:block; padding:4px; background:#cb571b; color:#FFFFFF; font-weight:bold} .actions checkbox{float:left;} .actions label{font-weight:normal; float:left; text-align:left; clear:none; width:400px} form img {margin:0 5px -3px 0; padding:0} #search {float:right; width:297px; padding:0; clear:none; position:relative } #search label {color:#727372; width:63px; padding:5px 5px 0 0; font-size:12px; } #search input {border:1px solid #949594; height:14px; background:#FFFFFF; font-size: 11px; padding:3px 5px 2px 5px; margin:0 25px 0 0; } #search #go_button{position:absolute; right:10px; height:21px; padding:1px 0 7px 0; font-size:13px; font-weight:bold; color:#727372} #go_button {width:30px} /***** Tables *****/ table { border:0; margin:0 0 18px 0; padding:0; } table tr td { padding:2px; } /***** Design *****/ #wrap { width:1055px; padding:0; margin:22px auto 20px auto; position:relative; background:url(../images/bkg.gif) repeat-x #fefefe; text-align:center; } #wrap_inner { width:1055px; padding:0; margin:0 auto; position:relative; background:url(../images/bkg.gif) repeat-x; } #header{ height:163px; width:1055px; background:url(../images/wings_bkg.gif) no-repeat; padding:15px 0 0 0; margin:0; position:relative; z-index:2; } #logo{ margin:8px 0 0 32px; float:left; } #top_nav { padding:0; height:33px; float:right; margin:0 ; } #top_nav a { color:#939493; text-decoration:none; text-align:center; vertical-align:bottom; margin-top:auto; } #top_nav a:hover { color:#f37636; text-decoration:none } #top_nav li { padding-right:18px; margin-right:18px; display:inline; list-style:none; border-right: 1px solid #939493; height:23px } #top_nav li.last { border-right:0 none; } #top_nav li.donate { border-right:0 none; text-indent:-9999px; background:url(../images/dontate_button.png); height:23px } #top_nav li.donate a { text-indent:-9999px; } #top_nav li.first { padding-left:18px; } #donate {float:right; margin:-3px 48px 0 0 } #bc_search_row{height:37px; padding:20px 39px 0 39px; margin:0; text-align:left } #bread_crumbs{width:600px;} #bread_crumbs a{text-decoration:underline } #bread_crumbs a:hover{text-decoration:none } #home_box{ width:977px; margin:0 auto; background:url(../images/home_box_mid.png) repeat-y; padding:22px 0 0 0; position:relative; text-align:left; z-index:0; background-position:top; } #home_content{background:url(../images/home_content_bkg.png); width:928px; margin:0 14px 0 14px; padding:0 10px 0 10px; position:relative; height:229px; } #home_image{position:absolute; margin:0 37px 0 0 } #home_text{ margin:0 0 0 506px; padding:20px 25px 25px 0; width:376px; font-size:11px; color:#7d7c7c; height:174px} #home_text h1{font-size:37px; color:#729b82} #home_text h2{font-size:23px; color:#729b82} #home_text a, #home_text a:visited {color:#729b82; text-decoration:underline} #home_feature_back{background:url(../images/home_feature_bkg.png); display:none; } #home_feature_front{ position:absolute; top: 0px; height:219px; background:url(../images/home_feature_bkg.png); } #home_col_one {background:#fff5c8; float:left; width:384px; margin:21px 9px -10px 14px; padding:35px 15px 15px 15px } #home_col_one h1{font-size:20px; color:#ff7718} #home_col_one h2{font-size:20px; color:#cb571b} #home_col_one a, #home_text a:visited {color:#cb571b; text-decoration:underline} #home_col_one p{margin:0; padding:0} #home_col_two, #home_col_three {border-left:1px solid #e9e9e9; float:left; margin:21px 0 0 0; padding: 0 31px; position:relative } #home_col_two { width:209px; } #home_col_two h1{font-size:18px; color:#e8b000; padding:16px 0 0 0} #home_col_two a, #home_text a:visited {color:#e8b000; text-decoration:underline} #home_col_three { width:217px; padding: 0 0 0 31px; } #home_col_three h1{font-size:18px; color:#648c97; padding:16px 0 0 0} #home_col_three a, #home_text a:visited {color:#648c97; text-decoration:underline} #col_left { float:left; width:237px; margin:18px 9px 10px 21px ; padding:0px } #col_left h1 {color:#6685a9; font-size:16px; text-transform:uppercase; font-weight:bold; padding:0 0 11px 0} #col_left h2 a {background:url(../images/sub_menu_header_bkg.png) repeat-x; line-height:24px; color:#6685a9; font-size:12px; padding:0 7px; display:block } #col_left h2 a.has_subs {background:url(../images/sub_menu_header_bkg_subs.png) repeat-x; line-height:24px; color:#6685a9; font-size:12px; padding:0 7px 0 10px ; display:block } #col_left h2 a.current {background:url(../images/sub_menu_header_bkg_current.png) repeat-x; line-height:24px; color:#fff; font-size:12px; padding:0 7px 0 10px; display:block } #sub_nav{ width:237px; list-style-type:none; padding:0; margin:0; } #sub_nav li.has_subs {background:url(../images/nav_arrow.png) no-repeat top left; } #sub_nav li.current {background:url(../images/sub_menu_hilight_no_arrow.png) no-repeat #bac7d7} #sub_nav li.open {background:url(../images/sub_menu_open.png) no-repeat top left; font-weight:bold} #sub_nav li a { line-height:16px; display:block; padding:4px 6px 2px 22px; color:#6685a9 } #sub_nav li a:hover { font-weight:bold } #sub_nav ul{list-style-type:none; padding:0; margin:0; } #sub_nav li li {background-image:none; padding:0; margin:0;} #sub_nav li li a.current {background:url(../images/sub_menu_hilight_no_arrow.png) no-repeat #bac7d7} #sub_nav li li a {padding:4px 6px 2px 57px; background:#fff; } .sub_hover{background:url(../images/sub_menu_hilight.png) #bac7d7 repeat-x top left; } #events{background:url(../images/events_top.png) top no-repeat #c5dcce; color:#656565; margin:10px 0 0 0; position:relative; line-height:1.3em; } #events h1 { padding:15px 14px 7px 14px; color:#ffffff; font-weight:bold; text-transform:uppercase; } #events h3 { font-size:1.2em; padding:0 0 5px 0; line-height:1.4em } /*#events p { margin:0; }*/ #events .event_listing { margin:2px 10px; border-top:1px dotted #ffffff; padding:11px 0; line-height:1.5em; font-size:.9em; } #events a {color:#656565; text-decoration:underline} #events #all_events{color:#FFFFFF; position:absolute; bottom:13px; right:15px; text-decoration:none; display:block } #events #all_events:hover{ text-decoration:underline } #events div .event_info{display:none} #events_listing{border-bottom:1px dashed #cb571b; margin:0 0 15px 0; padding:0 0 10px 0; display:block} #events_listing p { margin:0; } #col_right { float:right; width:680px; padding:0px; position:relative} #col_right h1{ font-size:25px; color:#464545; position:absolute; text-align:right; z-index:150; right: 34px; top: 115px; font-weight:bold; letter-spacing:-.5px; } #col_right h2{ font-size:13px; color:#6685a9; position:absolute; text-align:right; z-index:150; right: 34px; top: 141px; font-weight:bold; } #sub_right { float:right; width:680px; margin:18px 16px 10px 0 ; padding:0px; position:relative} #sub_content { background:#fffff4; float:left; width:410px; margin: 0 ; padding:17px 14px; color:#565454; font-size:1em; line-height:1.4em; clear:left; } #sub_content h1{ font-size:23px; color:#cb571b; font-weight:bold} #sub_content h2{ font-size:20px; color:#565454} #sub_content a {color:#565454; text-decoration:underline } #inside_content { background:#fff5c8; float:left; width:320px; margin:9px 4px 0 0 ; padding:21px 10px; } #inside_content h1{ font-size:18px; color:#ff7718} #inside_content h2{ font-size:24px; color:#cb571b; } #inside_content a {color:#cb571b; text-decoration:underline} #sub_content a.apply_link {display:block; padding:4px; background:#cb571b; color:#FFFFFF; font-weight:bold; margin:10px 0 0 0; text-decoration:none; text-align:center; border:1px solid #cb571b; width:620px; margin:0 auto; } #sub_content a.apply_link:hover { color:#cb571b;} #language{margin:10px 0} #featured_content { width:304px; background:url(../images/featured_bkg.png) top; float:left; margin:6px 0 0 0; padding:12px 14px 0 14px; } #featured_content h1, #knowledge_lib h1, #buildings h1{ font-size:12px; color:#6685a9; font-weight:bold; padding:9px 10px 7px 10px; display:block; background:url(../images/featured_h1_bkg.png) } #buildings h1 a{color:#6685a9;} #featured_content .snippet_container {height:83px ; overflow:hidden; } #featured_content .snippet { background:url(../images/featured_div_bkg.png) repeat-x #fafafa; padding:11px 8px 14px 8px; color:#6f6f6f; font-size:11px; } #featured_content .snippet h1 { display:block; background:none; padding:3px 0; } #featured_content .snippet img { float:left; margin:0 8px 0 0 ; } #featured_content a, #featured_content a:visited {color:#6685a9; text-decoration:underline} #knowledge_lib { width:197px; background:url(../images/knowledge_library_bkg.png) top; float:right; margin:0; padding:12px 17px 0 17px; list-style-type:none; position:relative } #knowledge_lib ul {margin:17px 0 0 0; padding:0; list-style-type:none } #knowledge_lib ul li{height:36px; padding:0 0 0 25px; margin:0;} #knowledge_lib ul li a{color:#6685a9; } #knowledge_lib ul li a:hover{color:#ff8b42} #buildings { width:197px; background:url(../images/knowledge_library_bkg.png) top; float:right; margin: 0; padding:12px 17px 0 17px; list-style-type:none } #buildings ul {margin:12px 0 0 0; padding:0; list-style-type:none } #buildings ul li{ margin:0; padding:3px 0} #buildings ul li a{color:#6685a9; padding:3px 5px 0 13px; display:block} #buildings ul li a:hover{color:#ff8b42; } #buildings ul li a.ticked{background:url(../images/arrow_ticker.png) no-repeat; background-position:0 6px; color:#ff8b42;} /*#knowledge_lib ul li a img{margin:0 10px -4px 0; text-decoration:none}*/ #content_nav {margin:17px 0 25px -12px; padding:6px 0; } #content_nav li {list-style:none; float:left; padding-right:12px; margin-left:12px; border-right:1px solid #565454; } #content_nav li.first {margin-left:0} #content_nav li.last {border:none} #course_listings .reg_link {display:block; text-decoration:none; border-bottom:1px dashed #cb571b; padding:10px 5px} #course_listings a:hover{background-color:#ffd59c} #course_select, #date_select{ margin:0 0 10px 0; padding:3px 2px; list-style-type:none; position:relative } #course_select li{ clear:left; margin:0 0 2px 0; } #course_select li label{font-weight:bold; float:left; text-align:left; clear:none; width:100%} #course_select li div {display:none; font-style:italic; padding:5px 25px; margin:0; clear:left; font-weight:normal} #course_select li p{margin:0; padding:0;} #course_select li.current{background-color:#ffd59c} #date_select li{ clear:left; margin:0; padding:0; display:block;} #date_select li label{font-weight:bold; text-align:left; clear:none; width:400px; display:block} #date_select li div {font-style:italic; padding:5px 0 5px 0; margin:0 10px 5px 25px; } #date_select li p{margin:0; padding:0;} #date_select li.current{background-color:#ffd59c} ul#date_select li:hover{background-color:#ffd59c} #footer{ background:url(../images/footer_bkg_whole.png); width:986px; height:55px; margin:28px auto 0px auto; color:#FFFFFF; font-size:10px; padding:33px 0 0 0 } #footer a{color:#FFFFFF; text-decoration:underline } #footer a:hover{text-decoration:none } #footer p{margin:0; padding:0 } /* MAIN NAV */ #nav { padding:0; margin:0; position:absolute; right:42px; bottom:0; } ul#nav li { list-style:none; float:left; padding:0; position:relative; } ul#nav li a.main { height:55px; display:block; text-indent:-9999px } li#m1 a, li#m2 a, li#m3 a, li#m4 a, li#m5 a{ background:url(../images/nav_full.png)} li#m1 a { background-position:0 0; width:95px; } /*li#m1 a:hover { background-position:0 -55px; } */ li#m2 a { background-position:-95px 0px; width:144px; } /*li#m2 a:hover { background-position:-95px -55px ; }*/ li#m3 a { background-position:-239px 0px; width:147px; } /*li#m3 a:hover { background-position:-239px -55px; }*/ li#m4 a { background-position:-386px 0px; width:175px; } /*li#m4 a:hover { background-position:-386px -55px; }*/ li#m5 a { background-position:-561px 0px; width:149px; } /*li#m5 a:hover { background-position:-561px -55px; }*/ #nav ul { position:absolute; padding:0; margin:0; top:-999em; z-index:200; } #nav li#m1 ul {background:url(../images/menu_bkg_light_green.png) repeat-x #a1c5b1; border-bottom:6px solid #486e59} #nav li#m2 ul {background:url(../images/menu_bkg_blue.png) repeat-x #6685a9 ; border-bottom:6px solid #3d546e} #nav li#m3 ul {background:url(../images/menu_bkg_yellow.png) repeat-x #f1bc12; border-bottom:6px solid #c99902} #nav li#m4 ul {background:url(../images/menu_bkg_orange.png) repeat-x #ff8832; border-bottom:6px solid #c75404} #nav li#m5 ul {background:url(../images/menu_bkg_dark_green.png) repeat-x #95a878; border-bottom:6px solid #53623a} /* #nav li#m1 ul li a:hover{color:#486e59} #nav li#m2 ul li a:hover{color:#3d546e} #nav li#m3 ul li a:hover{color:#c99902} #nav li#m4 ul li a:hover{color:#c75404} #nav li#m5 ul li a:hover{color:#53623a} */ #nav ul { width:179px; } #nav ul li{ float:none; padding:0; margin:0; width:auto; text-align:left; width:155px; padding:6px 12px 0 12px} #nav ul li a{ background-image:none; text-indent:0; color:#fff; font:11px Arial, Helvetica, sans-serif; display:block; line-height:12px; float:none; border-bottom:1px dotted white; padding:2px 0 8px 0; text-transform:uppercase; width:auto; font-weight:bold } #nav ul li a.last {border:none} #nav ul li a:hover{ color:#FFFFFF; } /* #nav ul li img{margin:0 6px -6px 0} */ #nav li:hover ul, /* this pure CSS hover is overridden by the .superfish rules below which are applied only when JavaScript is available. This way, the menu degrades to regular CSS dropdown when JavaScript is unavailable */ ul#nav li.sfHover ul /* this is the familiar IE6 hover support. With Superfish, all browsers use this rule when JS is available. This is because the JS needs to be able to control hide and reveal delays and animations without the pure CSS rule intruding. Note the tag selector ul.nav instead of just .nav - this gives it the most specificity of all and makes it trump all other positioning rules, including the .superfish overrides below */ { left:8px; /* position first submenu directly under parent li */ top:55px; /* VARIABLE. This is calculated by adding 1em text height to top and bottom anchor element padding (original skin: .75em top + .75em bottom + 1em text height = 2.5em) */ z-index:350; } /*ul#nav li#m5.sfHover ul {left:-100px; top:55px;}*/ /**** Very important ****/ /* this negates the pure CSS hovers so submenu remains hidden and JS controls when and how it appears. This is in turn is overridden by the .sfHover rules above as they have greater specificity */ /* notice there are three selectors here. You need three for a four tier menu system. If you had a five tier system you would copy the last selector of these three and paste it below to create a fourth selector and add another li just after the .superfish part. On the other hand if you only had a three tiered menu you could delete the third line here and save some file size.*/ .superfish li:hover ul, .superfish li li:hover ul, .superfish li li li:hover ul { top: -999em; /* hide submenu in screen-reader and search-engine friendly way */ } /***** Global Classes *****/ .clear { clear:both; } .vert-top { padding:0; margin:0; vertical-align:top; } .img-left { float:left;margin:4px 10px 4px 0; } .img-right { float:right;margin:4px 0 4px 10px; } .vert-bottom { padding:0; margin:0; vertical-align:bottom } .nopadding { padding:0; } .noindent { margin-left:0;padding-left:0; } .nobullet { list-style:none;list-style-image:none; } .hide { display:none } .showme {border:1px dashed red} .cursor {cursor:pointer; } /***** File Extensions *****/ ext_3gp { background: url(../images/icons/film.png) left top no-repeat; } ext_afp { background: url(../images/icons/code.png) left top no-repeat; } ext_afpa { background: url(../images/icons/code.png) left top no-repeat; } ext_asp { background: url(../images/icons/code.png) left top no-repeat; } ext_aspx { background: url(../images/icons/code.png) left top no-repeat; } ext_avi { background: url(../images/icons/film.png) left top no-repeat; } ext_bat { background: url(../images/icons/application.png) left top no-repeat; } ext_bmp { background: url(../images/icons/picture.png) left top no-repeat; } ext_c { background: url(../images/icons/code.png) left top no-repeat; } .ext_cfm { background: url(../images/icons/code.png) left top no-repeat; } .ext_cgi { background: url(../images/icons/code.png) left top no-repeat; } .ext_com { background: url(../images/icons/application.png) left top no-repeat; } .ext_cpp { background: url(../images/icons/code.png) left top no-repeat; } .ext_css { background: url(../images/icons/css.png) left top no-repeat; } .ext_doc { background: url(../images/icons/doc.png) left top no-repeat; } .ext_exe { background: url(../images/icons/application.png) left top no-repeat; } .ext_gif { background: url(../images/icons/picture.png) left top no-repeat; } .ext_fla { background: url(../images/icons/flash.png) left top no-repeat; } .ext_h { background: url(../images/icons/code.png) left top no-repeat; } .ext_htm { background: url(../images/icons/html.png) left top no-repeat; } .ext_html { background: url(../images/icons/html.png) left top no-repeat; } .ext_jar { background: url(../images/icons/java.png) left top no-repeat; } .ext_jpg { background: url(../images/icons/picture.png) left top no-repeat; } .ext_jpeg { background: url(../images/icons/picture.png) left top no-repeat; } .ext_js { background: url(../images/icons/script.png) left top no-repeat; } .ext_lasso { background: url(../images/icons/code.png) left top no-repeat; } .ext_log { background: url(../images/icons/txt.png) left top no-repeat; } .ext_m4p { background: url(../images/icons/music.png) left top no-repeat; } .ext_mov { background: url(../images/icons/film.png) left top no-repeat; } .ext_mp3 { background: url(../images/icons/music.png) left top no-repeat; } .ext_mp4 { background: url(../images/icons/film.png) left top no-repeat; } .ext_mpg { background: url(../images/icons/film.png) left top no-repeat; } .ext_mpeg { background: url(../images/icons/film.png) left top no-repeat; } .ext_ogg { background: url(../images/icons/music.png) left top no-repeat; } .ext_pcx { background: url(../images/icons/picture.png) left top no-repeat; } .ext_pdf { background: url(../images/icons/pdf.png) left top no-repeat; } .ext_php { background: url(../images/icons/php.png) left top no-repeat; } .ext_png { background: url(../images/icons/picture.png) left top no-repeat; } .ext_ppt { background: url(../images/icons/ppt.png) left top no-repeat; } .ext_psd { background: url(../images/icons/psd.png) left top no-repeat; } .ext_pl { background: url(../images/icons/script.png) left top no-repeat; } .ext_py { background: url(../images/icons/script.png) left top no-repeat; } .ext_rb { background: url(../images/icons/ruby.png) left top no-repeat; } .ext_rbx { background: url(../images/icons/ruby.png) left top no-repeat; } .ext_rhtml { background: url(../images/icons/ruby.png) left top no-repeat; } .ext_rpm { background: url(../images/icons/linux.png) left top no-repeat; } .ext_ruby { background: url(../images/icons/ruby.png) left top no-repeat; } .ext_sql { background: url(../images/icons/db.png) left top no-repeat; } .ext_swf { background: url(../images/icons/flash.png) left top no-repeat; } .ext_tif { background: url(../images/icons/picture.png) left top no-repeat; } .ext_tiff { background: url(../images/icons/picture.png) left top no-repeat; } .ext_txt { background: url(../images/icons/txt.png) left top no-repeat; } .ext_vb { background: url(../images/icons/code.png) left top no-repeat; } .ext_wav { background: url(../images/icons/music.png) left top no-repeat; } .ext_wmv { background: url(../images/icons/film.png) left top no-repeat; } .ext_xls { background: url(../images/icons/xls.png) left top no-repeat; } .ext_xml { background: url(../images/icons/code.png) left top no-repeat; } .ext_zip { background: url(../images/icons/zip.png) left top no-repeat; } .ext_flv { background: url(../images/icons/film.png) left top no-repeat; } #video_player{background:url(../images/bkg.gif);} #close_window{color:#cb571b;} #amount_disp{font-size:14px; font-weight:bold; color:#009933 } #help-me-learn{position:absolute; top: 40px; right: 54px;}