/* San Dieguito Union High School District */ /* BASIC ELEMENTS ------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } html { min-height: 100%; margin-bottom: 1px; } body { text-align: center; font: 11px arial, helvetica, sans-serif; color: #444545; background:#7cabb3 } table, th, td { font: 11px arial, helvetica, sans-serif; color: #444545; } a img, :link img, :visited img { border: none; } a:link { color: #a84921; text-decoration: none; } a:visited { color: #a84921; text-decoration: none; } /*a:visited { padding: 0 14px 0 0; background: url(images/link_visited.gif) no-repeat 100% 4px; color: #800080; }*/ a:hover, a:active { color: #8d6841; text-decoration: underline; } #skip {display: none;} /* SITE STRUCTURE ------------------------------------------------------------------------------------- */ #header {background: #7cabb3 url(../images/bg_header.gif) repeat-x; } body.subpage #header {background: #7cabb3 url(../images/bg_s_header_tile.gif) repeat-x; } #content {min-width:990px;background:#f0ead2 url(../images/bg_h_content_tile.gif) 50% 0 repeat-y;} #content_three_column {min-width:990px;background:#f0ead2 url(../images/bg_s_content_tile_3_col.gif) 50% 0 repeat-y;} #content_wide_column {min-width:990px;background:#f0ead2 url(../images/bg_s_content_tile_wide.gif) 50% 0 repeat-y;} #footer {background:#7cabb3 url(../images/bg_footer.gif) repeat-x;height:1%} #header .container { height: 401px; z-index:50;} body.subpage #header .container {height:230px; z-index:50;} #content .container {padding-bottom:20px;height:1%} #footer .container {height: 50px; padding-bottom:20px; } .container {width: 990px; margin: 0 auto; text-align: left; position: relative;} #content div.wrapper {background:url(../images/bg_h_content_top.gif) 50% top no-repeat;} #content div.wrapper2{background:url(../images/bg_h_content_btm.gif) 50% bottom no-repeat;} #content_three_column div.wrapper {background:url(../images/bg_s_content_top_3_col.gif) 50% top no-repeat;} #content_three_column div.wrapper2{background:url(../images/bg_s_content_btm_3_col.gif) 50% bottom no-repeat;} #content_wide_column div.wrapper {background:url(../images/bg_s_content_top_wide.gif) 50% top no-repeat;} #content_wide_column div.wrapper2{background:url(../images/bg_s_content_btm_wide.gif) 50% bottom no-repeat;} /* MAIN NAVIGATION ------------------------------------------------------------------------------------- */ #nav { position:absolute; top:361px; left:0; width:990px; height:40px; background:#136167; z-index:100; } body.subpage #nav{top:190px;} #nav li { float:left; position:relative; height:40px; list-style:none; margin-right:1px; } #nav li.last {margin-right:0px; } #nav li a { cursor:pointer; } #nav li a, #nav li div { position:relative; display:block; height:40px; text-decoration:none; color:#fff; font-size:14px; } #nav li strong { position:absolute; top:0px; left:0px; display:block; height:40px; } #nav li, #nav li a, #nav li strong, #nav li div { background-image:url(../images/nav.gif); } #nav li.one, #nav li.one a, #nav li.one a strong { background-position: 0px 0px; width: 164px; } #nav li.two, #nav li.two a, #nav li.two a strong { background-position: -165px 0px; width: 164px; } #nav li.three, #nav li.three a, #nav li.three a strong { background-position: -330px 0px; width: 164px; } #nav li.four, #nav li.four a, #nav li.four a strong { background-position: -495px 0px; width: 164px; } #nav li.five, #nav li.five a, #nav li.five a strong { background-position: -660px 0px; width: 164px; } #nav li.six, #nav li.six a, #nav li.six a strong { background-position: -825px 0px; width: 165px; } /* HOVER STATE */ #nav li.one:hover a, #nav li.one:hover a strong, #nav li.one a:hover, #nav li.one a:hover strong { background-position: 0px -40px; width: 164px; } #nav li.two:hover a, #nav li.two:hover a strong, #nav li.two a:hover, #nav li.two a:hover strong { background-position: -165px -40px; width: 164px; } #nav li.three:hover a, #nav li.three:hover a strong, #nav li.three a:hover, #nav li.three a:hover strong { background-position: -330px -40px; width: 164px; } #nav li.four:hover a, #nav li.four:hover a strong, #nav li.four a:hover, #nav li.four a:hover strong { background-position: -495px -40px; width: 164px; } #nav li.five:hover a, #nav li.five:hover a strong, #nav li.five a:hover, #nav li.five a:hover strong { background-position: -660px -40px; width: 164px; } #nav li.six:hover a, #nav li.six:hover a strong, #nav li.six a:hover, #nav li.six a:hover strong { background-position: -825px -40px; width: 165px; } /* ON STATE */ #nav li.oneon, #nav li.oneon strong, #nav li.oneon div { background-position: 0px -80px; width: 164px; } #nav li.twoon, #nav li.twoon strong, #nav li.twoon div { background-position: -165px -80px; width: 164px; } #nav li.threeon, #nav li.threeon strong, #nav li.threeon div { background-position: -330px -80px; width: 164px; } #nav li.fouron, #nav li.fouron strong, #nav li.fouron div { background-position: -495px -80px; width: 164px; } #nav li.fiveon, #nav li.fiveon strong, #nav li.fiveon div { background-position: -660px -80px; width: 164px; } #nav li.sixon, #nav li.sixon strong, #nav li.sixon div { background-position: -825px -80px; width: 165px; } /* IF NO DROP DOWNS ARE USED IN THE NAVIGATION YOU CAN REMOVE THE FOLLOWING STYLES DOWN TO THE LINE OF STARS */ /* DROP DOWNS */ #nav li table { margin:0 -1px -1px; border-collapse:collapse; } #nav li td { font-size:11px; } #nav li:hover, * html #nav a:hover { position:relative; } #nav li li a { font-size:11px; text-align:left; } /* FIRST LEVEL DROP DOWNS */ #nav li ul { display:none; } #nav li:hover ul, #nav li a:hover ul { display:block; position:absolute; top:40px; left:-3px; width:170px; padding:5px 0px; background:url(../images/bg_navigation_dropdown.png) bottom left no-repeat /*opacity:.9; filter:alpha(opacity=90);*/ } #nav li:hover li, #nav li a:hover li { padding-bottom:3px; height:auto; width:160px !important; background:none; } #nav li:hover li.last, #nav li a:hover li.last { background:brown; } #nav li:hover li a, #nav li a:hover li a { margin-left: 8px; padding:3px 5px 4px 5px; display:block; width:143px !important; height:auto; font-size:11px; color:#fff; background:none !important;} * html #nav li:hover li a, * html #nav li a:hover li a { width:170px !important; w\idth:113px; } #nav li:hover li a:hover, #nav li a:hover li a:hover { color:#f5d85e; background:none; !important; } /* MAKES THE HOVER 'STICK' IN FIREFOX */ /* CLASS 'drop' MUST BE ON THE 'href', NOT THE 'li' OR IT WILL NOT WORK */ #nav ul a.drop:hover, #nav ul :hover > a.drop{ color:#041527; background:white !important; } /**************************************************************************************************************/ /* HEADER ------------------------------------------------------------------------------------- */ div#header div.backdrop {background:url(../images/bg_header_backdrop.gif) 50% 0 repeat-y} body.subpage div#header div.backdrop {background:url(../images/bg_s_header.gif) 50% 0 repeat-y} div.information_bar {width:990px; height:30px;} div.information_bar select.quicklinks{margin:5px 0px 0px 20px; height:18px; width:230px; color:#8d6841; font-size:11px; border:1px solid #d6d6d6;} div.information_bar div.logo{position:absolute; top:0px; left:414px; width:160px; height:136px; background:url(../images/logo_sduhsd.png) top left no-repeat;} div.information_bar div.logo h1 span { display:none; } body.subpage div#header div.information_bar div.logo{background:none;} body.subpage div#header div.information_bar div.logo a{display:block; width:160px; height:136px; background:url(../images/logo_sduhsd.png) top right no-repeat;} body.subpage div#header div.information_bar div.logo a:hover{background:url(../images/logo_sduhsd.png) bottom right no-repeat;} body.subpage div#header div.information_bar div.logo a span { display:none; } div.information_bar ul.secondary_navigation{position:absolute; top:7px; right:0px; list-style:none;} div.information_bar ul.secondary_navigation li{float:left; margin-right:15px;} div.information_bar ul.secondary_navigation li a{color:#8e6942; font-size:10px; text-decoration:none;} div.information_bar ul.secondary_navigation li a:hover{text-decoration:underline;} div.header_image{} /* HOME PAGE CONTENT: SCHOOL SPOTLIGHT ------------------------------------------------------------------------------------- */ #alert { background:#f0ead2 url(../images/bg_alert_shadow.gif) no-repeat 50% 0;} #alert div { padding-top:45px; min-height:64px; font-size:16px; line-height:30px; font-weight:bold; text-align:center; background:url(../images/bg_alert.gif) repeat-x 0 100%;} div#content div.schools {width:590px; padding:32px 20px 20px 20px; float:left;} div.schools div.featured_school{} ul#school_list { position:absolute; top:35px; left:20; width:290px; height:215px;} ul#school_list li {float:left; position:relative; width:145px; height:43px; list-style:none; background:#333;} ul#school_list li a {cursor:pointer; } ul#school_list li a, ul#school_list li div { position:relative; display:block; height:43px; text-decoration:none; color:#fff; font-size:10px; } ul#school_list li span { display:none; } ul#school_list li strong { position:absolute; top:0px; left:0px; display:block; height:43px; } ul#school_list li, ul#school_list li a, ul#school_list li strong, ul#school_list li div { background-image:url(../images/school_nav.gif); } ul#school_list li.selected a { cursor:default; } ul#school_list li#one, ul#school_list li#one a, ul#school_list li#one a strong { background-position: 0px 0px;} ul#school_list li#two, ul#school_list li#two a, ul#school_list li#two a strong { background-position: -145px 0px;} ul#school_list li#three, ul#school_list li#three a, ul#school_list li#three a strong { background-position: 0px -43px;} ul#school_list li#four, ul#school_list li#four a, ul#school_list li#four a strong { background-position: -145px -43px;} ul#school_list li#five, ul#school_list li#five a, ul#school_list li#five a strong { background-position: 0px -86px;} ul#school_list li#six, ul#school_list li#six a, ul#school_list li#six a strong { background-position: -145px -86px;} ul#school_list li#seven, ul#school_list li#seven a, ul#school_list li#seven a strong { background-position: 0px -129px;} ul#school_list li#eight, ul#school_list li#eight a, ul#school_list li#eight a strong { background-position: -145px -129px;} ul#school_list li#nine, ul#school_list li#nine a, ul#school_list li#nine a strong { background-position: 0px -172px;} ul#school_list li#ten, ul#school_list li#ten a, ul#school_list li#ten a strong { background-position: -145px -172px;} /* HOVER STATE */ ul#school_list li#one:hover a, ul#school_list li#one:hover a strong, ul#school_list li#one a:hover, ul#school_list li#one a:hover strong { background-position: 0px -215px;} ul#school_list li#two:hover a, ul#school_list li#two:hover a strong, ul#school_list li#two a:hover, ul#school_list li#two a:hover strong { background-position: -145px -215px;} ul#school_list li#three:hover a, ul#school_list li#three:hover a strong, ul#school_list li#three a:hover, ul#school_list li#three a:hover strong { background-position: 0px -258px;} ul#school_list li#four:hover a, ul#school_list li#four:hover a strong, ul#school_list li#four a:hover, ul#school_list li#four a:hover strong { background-position: -145px -258px;} ul#school_list li#five:hover a, ul#school_list li#five:hover a strong, ul#school_list li#five a:hover, ul#school_list li#five a:hover strong { background-position: 0px -301px;} ul#school_list li#six:hover a, ul#school_list li#six:hover a strong, ul#school_list li#six a:hover, ul#school_list li#six a:hover strong { background-position: -145px -301px;} ul#school_list li#seven:hover a, ul#school_list li#seven:hover a strong, ul#school_list li#seven a:hover, ul#school_list li#seven a:hover strong { background-position: 0px -344px;} ul#school_list li#eight:hover a, ul#school_list li#eight:hover a strong, ul#school_list li#eight a:hover, ul#school_list li#eight a:hover strong { background-position: -145px -344px;} ul#school_list li#nine:hover a, ul#school_list li#nine:hover a strong, ul#school_list li#nine a:hover, ul#school_list li#nine a:hover strong { background-position: -0px -387px;} ul#school_list li#ten:hover a, ul#school_list li#ten:hover a strong, ul#school_list li#ten a:hover, ul#school_list li#ten a:hover strong { background-position: -145px -387px;} /* ON STATE */ ul#school_list li#one.selected, ul#school_list li#one.selected a, ul#school_list li#one.selected span { background-position: 0px -430px;} ul#school_list li#two.selected, ul#school_list li#two.selected a, ul#school_list li#two.selected span { background-position: -145px -430px;} ul#school_list li#three.selected, ul#school_list li#three.selected a, ul#school_list li#three.selected span { background-position: 0px -473px; } ul#school_list li#four.selected, ul#school_list li#four.selected a, ul#school_list li#four.selected span { background-position: -145px -473px;} ul#school_list li#five.selected, ul#school_list li#five.selected a, ul#school_list li#five.selected span { background-position: 0px -516px;} ul#school_list li#six.selected, ul#school_list li#six.selected a, ul#school_list li#six.selected span { background-position: -145px -516px;} ul#school_list li#seven.selected, ul#school_list li#seven.selected a, ul#school_list li#seven.selected span { background-position: 0px -559px;} ul#school_list li#eight.selected, ul#school_list li#eight.selected a, ul#school_list li#eight.selected span { background-position: -145px -559px;} ul#school_list li#nine.selected, ul#school_list li#nine.selected a, ul#school_list li#nine.selected span { background-position: 0px -602px;} ul#school_list li#ten.selected, ul#school_list li#ten.selected a, ul#school_list li#ten.selected span { background-position: -145px -602px; } .yui-content .hide { display:none; } .yui-content .show { display:block; } div.featured_school div.school_spotlight{width:280px; float:right;} div.featured_school div.school_spotlight h2{float:left;} div.featured_school div.school_spotlight a.arrow{float:right; margin-top:3px;} div.featured_school div.school_spotlight a.thumbnail{float:left; margin:10px 0 10px -3px;} div.featured_school div.school_spotlight p.description{float:left; font-size:11px; line-height:15px;} div.featured_school div.school_spotlight p.description a{color:#267d83; } div.featured_school div.school_spotlight div.school_information{margin-top:15px; width:280px; float:left; font-size:10px; line-height:12px; background:#ecece1 url(../images/bg_h_school_info_top.gif) top left no-repeat;} div.featured_school div.school_spotlight div.school_information div.background{background:url(../images/bg_h_school_info_bottom.gif) bottom left no-repeat;} div.featured_school div.school_spotlight div.school_information div.vcard{float:left; padding:10px 5px 10px 10px; width:141px; border-right:1px solid #fff;} div.featured_school div.school_spotlight div.school_information div.vcard span.country-name{display:block;} div.featured_school div.school_spotlight div.school_information div.school_hours{float:left; padding:10px;} div.featured_school a.school_map{display:block; position:absolute; top:270px; left:20px; } /* HOME PAGE CONTENT: ABOUT, NEWS AND EVENTS ------------------------------------------------------------------------------------- */ div#content div.information {padding:32px 20px 30px 20px; width:310px; float:right;} div.information div.about {padding-bottom:20px; border-bottom:1px solid #ecece1;} div.information div.about h3{margin-bottom:9px;} div.information div.about p{font-size:11px; line-height:16px; color:#572b20;} div.information div.updates{margin-bottom:15px; padding-top:15px; line-height:14px; border-bottom:1px solid #ecece1;} div.updates div.news {width:145px; float:left;} div.updates div.news h3{float:left;} div.updates div.news a.more{float:right; margin-top:6px; font-size:11px; color:#a84921;} div.updates div.news ul.news_list{padding-top:15px; list-style:none; clear:both;} div.updates div.news ul.news_list li{color:#572b20; padding-bottom:15px;} div.updates div.news ul.news_list li span.date{display:block; font-size:10px;} div.updates div.news ul.news_list li a{color:#a84921; font-size:11px; font-weight:bold;} div.updates div.events {margin-left:20px; width:145px; float:left;} div.updates div.events h3{float:left;} div.updates div.events a.more{float:right; margin-top:6px; font-size:11px; color:#a84921;} div.updates div.events ul.events_list{padding-top:15px; list-style:none; clear:both;} div.updates div.events ul.events_list li{color:#572b20; padding-bottom:15px;} div.updates div.events ul.events_list li span.date{display:block; font-size:10px;} div.updates div.events ul.events_list li span.location{display:block; font-size:11px; font-style:italic;} div.updates div.events ul.events_list li a{color:#a84921; font-size:11px; font-weight:bold;} div.information div.banner{text-align:center;} div.information div.banner a{display:block; height:61px; width:314px; background:url(../images/btn_newsletter_signup.gif) top left no-repeat;} div.information div.banner a:hover{background:url(../images/btn_newsletter_signup.gif) bottom left no-repeat;} div.center_column div.banner{text-align:left;} div.center_column div.banner a{display:block; height:61px; width:314px; background:url(../images/btn_newsletter_signup.gif) top left no-repeat;} div.center_column div.banner a:hover{background:url(../images/btn_newsletter_signup.gif) bottom left no-repeat;} /* SUBPAGE CONTENT ------------------------------------------------------------------------------------- */ div.breadcrumb{height:19px; padding:6px 20px 0px 20px; font-size:10px; color:#444545;} div.breadcrumb a{margin:0 4px 0 0; padding-right:11px; text-decoration:none; color:#a84921; background:url(../images/bg_breadcrumb.gif) no-repeat 100% 4px; } div.breadcrumb a:hover{text-decoration:underline} /* SUBPAGE CONTENT: LEFT COLUMN ------------------------------------------------------------------------------------- */ div.left_column{width:184px; float:left; padding:15px 0 40px 0; margin-right:10px;} div.left_column ul.subnav{width:182px; list-style:none; margin:0 auto;} div.left_column ul.subnav li{margin-bottom:2px; width:182px;} div.left_column ul.subnav li a{padding:4px 0 3px 19px; display:block; text-decoration:none; color:#a84921;} div.left_column ul.subnav li a:hover{color:#784e47; background:#cfc4bf; text-decoration:none;} div.left_column ul.subnav li span.on{display:block; padding:4px 0 3px 19px; width:163px; color:#f4d75d; background:#784e47;} div.left_column ul.subnav li.children a{background:#784e47; color:#fff;} div.left_column ul.subnav li.children a:hover{text-decoration:underline; color:#fff; background:#784e47;} a.subparent { color: #f4d75d !important; } div.left_column ul.subnav li ul {padding:5px 0px; list-style:none; background:#784e47;} div.left_column ul.subnav li ul li a{padding-left:25px; color:#fff; width:135px;} div.left_column ul.subnav li ul li a:hover{background:none; color:#fff; text-decoration:underline;} div.left_column ul.subnav li ul li span.on{padding-left:25px; display:block; color:#f4d75d; width:135px;} /* SUBPAGE CONTENT: CENTER COLUMN ------------------------------------------------------------------------------------- */ div.center_column{width:562px; float:left; margin-right:10px; padding:15px 20px 40px 20px;} div.center_column h2{float:left; margin-top:3px;} div.center_column img.school_logo{float:left; margin:-5px 0 0 7px;} div.center_column a.get_map{float:right; margin-top:3px;} div.center_column table { width:562px; } div.center_column div.body_content{float:left; clear: left; margin-top:10px; width: 100%} div.body_content p {margin-bottom:10px;} div.body_content img.content_image {float:left; padding:10px 15px 10px 0px;} div.body_content blockquote {margin: 6px 20px; line-height: 1.5; } div.body_content h3 { color:#87584d; font-size: 13px; margin: 0 0 5px 0; } div.body_content ul { margin: 0 100px 10px 20px; } div.body_content ol { margin: 0 100px 10px 25px; } div.body_content ul li, div.body_content ol li { margin: 4px 0; } div.body_content table ul { margin: 0 10px 10px 20px; } div.body_content table ol { margin: 0 100px 10px 25px; } div.body_content table ul li, div.body_content ol li { margin: 4px 0; } div.body_content ol.faq li { margin-top: 15px; } div.body_content ol.faq li ul li { margin-top: 5px; } div.body_content ul.pdf { background: none; margin: 0 0 20px 10px; width: 500px } div.body_content ul.pdf li { background: url(../images/icon_PDF.gif) no-repeat 0 0; padding: 0 10px 2px 24px; clear: both; } div.body_content ul.pdf li.nocon { background: none; padding: 0 10px 2px 25px; clear: both; font-size: 1`px; color: #87584d; } div.body_content ul.pdf li.nocon span.leftspan, div.body_content ul.pdf li.nocon span.rightspan { border-bottom: none; } div.body_content ul.pdf li span.leftspan { display: block; float: left; width: 340px; border-bottom: 1px dotted #FDF5E6; } div.body_content ul.pdf li span.rightspan { display: block; float: right; width: 120px; } div.center_column hr { margin: 5px 0 10px; color: #444545; } div.body_content div.school_information {width:562px; margin-bottom:20px; font-size:10px; line-height:12px; background:#ecece1;} div.body_content div.school_information div.background{background:url(../images/bg_s_school_info_right.gif) top right no-repeat;} div.body_content div.school_information img.school_image{float:left} div.body_content div.school_information div.vcard{padding:5px 5px 5px 10px; width:140px; float:left; border-right:1px solid #fff;} div.body_content div.school_information div.school_hours{float:left; padding:5px 5px 5px 10px;} div.body_content div.school_information div.school_hours p{line-height:12px; width:100px; margin-bottom:0;} div.body_content p {line-height:16px; width:562px;} table.report_card {margin-bottom:15px;} table.report_card th{padding:8px; background:#7cabb3; color:#fff; font-size:12px; border-left:1px solid #6b8c92;} table.report_card th.top_left{background:#7cabb3 url(../images/bg_table_top_left.gif) top left no-repeat;border-left:0px;} table.report_card th.top_right{background:#7cabb3 url(../images/bg_table_top_right.gif) top right no-repeat;} table.report_card td{padding:8px; font-size:12px; border-left:1px solid #b9bab2;} table.report_card td.school{border-left:0px; background:#e4e7de;} table.report_card td.school_tint{border-left:0px; background:#ecefe9;} table.report_card td.data{text-align:center;} table.report_card td a.pdf {font-size:11px;} table.report_card tr{background:#ecece1; } table.report_card tr.tint{background:#f4f4ed;} table.report_card td.bottom_left{background:#ecefe9 url(../images/bg_table_bottom_left.gif) bottom left no-repeat;} table.report_card td.bottom_right{background:#f4f4ed url(../images/bg_table_bottom_right.gif) bottom right no-repeat;} table.directory {margin-bottom:15px; width: 562px;} table.directory th{padding:8px; color:#fff; font-size:12px; border-left:1px solid #6b8c92; background:#7cabb3;} table.directory th.top_left{background: #7cabb3 url(../images/bg_table_top_left.gif) top left no-repeat;border-left:0px;} table.directory th.top_right{background: #7cabb3 url(../images/bg_table_top_right.gif) top right no-repeat;} table.directory th.th_full {background: #7cabb3 url(../images/table_th_wide.gif) no-repeat; border-left:0px;} table.directory td{padding:6px; font-size:11px; border-left:1px solid #b9bab2;} table.directory td.school{border-left:0px; background:#e4e7de;} table.directory td.school_tint{border-left:0px; background:#ecefe9;} table.directory td.data{text-align:left;} table.directory td a.pdf {font-size:11px;} table.directory tr{background:#ecece1; } table.directory tr.tint{background:#f4f4ed;} table.directory td.bottom_left{background:#ecefe9 url(../images/bg_table_bottom_left.gif) bottom left no-repeat;} table.directory td.bottom_right{background:#f4f4ed url(../images/bg_table_bottom_right.gif) bottom right no-repeat;} table.directory td.blank { background: none; border: none; } /* SUBPAGE CONTENT: RIGHT COLUMN ------------------------------------------------------------------------------------- */ div.right_column{padding:15px 20px 40px 20px; width:144px; float:left;} div.personnel_spotlight{line-height:14px; margin-bottom:8px;} div.personnel_spotlight img{ margin-bottom:10px;} div.personnel_spotlight span { margin-left:5px; display:block;} div.personnel_spotlight span.name{font-size:12px;} div.personnel_spotlight span.email a{color:#a84921} div.personnel_spotlight span.email a:hover{color:#a84921} div.right_column blockquote {width:148px; margin:0 0 10px -20px; padding:18px 18px 15px 18px;background:url(../images/bg_s_blockquote.gif) top left no-repeat; font-family:Georgia, "Times New Roman", Times, serif; color:#767671; line-height:13px; border-bottom:1px solid #ecece1;} div.right_column blockquote div.background{background:url(../images/bg_s_blockquote_end.gif) right 95% no-repeat;} div.right_column h3{font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#444545; font-weight:normal;margin-bottom:8px;} div.right_column ul.downloads{list-style:none;} div.right_column ul.downloads li{margin-bottom:3px; width:150px;} div.right_column ul.downloads li a{display:block; padding:5px 20px 0 0; background:url(../images/icon_PDF.gif) 133px 2px no-repeat; font-size:10px;} div.right_column ul.downloads li a:hover{text-decoration:underline;} div.right_column p { margin: 0 0 10px 0; } div.right_column div.related_calendars {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ecece1;} div.right_column div.awards, div.right_column div.documents {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ecece1;} div.right_column ul.awards{list-style:none;} div.right_column ul.awards li{margin-bottom:3px; width:150px; font-size: 10px;} div.right_column ul.awards li a, div.right_column ul.awards li span {display:block; padding:5px 0 0 0; font-size:10px;} div.right_column ul.awards li a:hover{text-decoration:underline;} /* SUBPAGE CONTENT: WIDE COLUMN ------------------------------------------------------------------------------------- */ div.wide_column{width:756px; float:left; margin-right:10px; padding:15px 20px 40px 20px} div.wide_column h2{display:block; margin-top:3px;} div.wide_column div.calendar_left{position:relative; float:left; width:174px;} div.wide_column div.calendar_left img.calendar_image{float:left; margin:15px 0 0 0;} div.wide_column div.calendar_left div.calendar_pdf{padding-right:30px; width:114px; float:left; background:url(../images/icon_PDF.gif) 100% 50% no-repeat; } div.wide_column div.calendar_left div.calendar_pdf a{display:block; font-size:12px;} div.wide_column div.calendar_center{ margin:0 10px 0 10px; width:352px; float:left; } div.wide_column div.calendar_center h3{font-size:12px; color:#87584d; margin:0 0 5px 10px; } ul.calendar_dates {background:#fcfbf6;padding:5px 10px; font-size:12px; list-style:none;} ul.calendar_dates li{padding:3px 0; position:relative; border-bottom:1px dotted #d4e4e2; } ul.calendar_dates li.last{border-bottom:0px;} ul.calendar_dates li span.date{ width:75px; margin-right:15px; font-weight:bold; color:#348a91; float:left; display:block; } ul.calendar_dates li span.event{ width:225px; float:left; display:block; } div.wide_column div.calendar_right{float:left; width:180px; margin-left:20px;} div.wide_column div.calendar_right h3{font-size:12px; color:#87584d; margin:0 0 10px 0; } ul.calendar_activities {list-style:none;} ul.calendar_activities li{padding-bottom:20px;} ul.calendar_activities li span.date{display:block; font-size:10px; color:#348a91; font-style:italic;} ul.calendar_activities li span.details{display:block; font-size:12px;} /* FOOTER ------------------------------------------------------------------------------------- */ div#footer p{position:absolute; right:20px; top:20px; font-size:10px; color:#dfdfdf;} div#footer p.disclaimer{position:absolute; left:20px; top:40px; font-size:9px; color:#dfdfdf; text-align: right; } div#footer ul{position:absolute; left:20px; top:20px; list-style:none; font-size:10px; color: #666;} div#footer ul li {float:left; margin-right:10px;} div#footer ul li a{color:#fff; font-size:10px; text-decoration:none;} div#footer ul li a:hover{text-decoration:underline;} /* IF LIGHTBOX IS NOT BEING USED YOU CAN REMOVE THE FOLLOWING STYLES DOWN TO THE LINE OF STARS */ /* LIGHTBOX ------------------------------------------------------------------------------------- */ /* IF YOU WISH TO ADJUST THE OPACITY, YOU MUST CHANGE THE VARIABLE overlayOpacity IN lightbox.js, THE DEFAULT IS .8 AND SHOULD BE ON OR ABOUT LINE #60 */ #lb_overlay { position: absolute; top: 0; left: 0; width: 100%; background: #000; z-index: 100; } #lightbox { position: absolute; left: 0; width: 100%; text-align: center; line-height: 0; z-index: 102; } #lightbox a img { border: none; } /* THIS IS THE AREA WRAPPING AROUND THE IMG */ #lb_outter_wrap { margin: 0 auto; position: relative; width: 250px; height: 250px; background: #fff; } #lb_inner_wrap { padding: 10px; } #lb_hover_nav { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } #lb_image {} #lb_hover_nav a { outline: none; } /* REMOVES DOTTED BORDER YOU GET IN FIREFOX */ #lb_prev, #lb_next { display: block; width: 49%; height: 100%; background: transparent url(../images/lightbox/lb_blank.gif) no-repeat; /* TRICK IE INTO SHOWING HOVER */ } #lb_prev { left: 0; float: left; } #lb_next { right: 0; float: right; } #lb_prev:hover, #lb_prev:visited:hover { background: url(../images/lightbox/lb_prevlabel.gif) no-repeat 0% 15%; } #lb_next:hover, #lb_next:visited:hover { background: url(../images/lightbox/lb_nextlabel.gif) no-repeat 100% 15%; } #lb_loading { position: absolute; top: 40%; left: 0; width: 100%; height: 25%; text-align: center; line-height: 0; } #lb_loading_link {} /* THIS IS THE AREA AROUND THE CAPTION & CLOSE BUTTON */ #lb_img_data_wrap { margin: 0 auto; font: 10px/1.4em arial, helvetica, sans-serif; background: #fff; } #lb_img_data { padding: 0 10px; } #lb_img_data #lb_img_details { width: 70%; float: left; text-align: left; } #lb_img_data #lb_caption { font-weight: bold; } #lb_img_data #lb_num_display { padding-bottom: 1.0em; display: block; clear: left; } #lb_img_data #lb_nav_close { padding-bottom: 0.7em; width: 66px; float: right; } /**************************************************************************************************************/ /* LINK ICONS ------------------------------------------------------------------------------------- */ .external { padding: 0 16px 0 0; background: url(images/link_external.gif) no-repeat 100% 4px; } .popup { padding: 0 16px 0 0; background: url(images/link_popup.gif) no-repeat 100% 4px; } .pdf { padding: 0 14px 0 0; background: url(../images/icon_PDF.gif) no-repeat 100% 4px; } .doc { padding: 0 15px 0 0; background: url(images/link_worddoc.gif) no-repeat 100% 4px; } .outlook { padding: 0 15px 0 0; background: url(images/link_outlook.gif) no-repeat 100% 4px; } .excel { padding: 0 15px 0 0; background: url(images/link_excel.gif) no-repeat 100% 4px; } .ppt { padding: 0 15px 0 0; background: url(images/link_powerpoint.gif) no-repeat 100% 4px; } .txt { padding: 0 13px 0 0; background: url(images/link_text.gif) no-repeat 100% 4px; } .zip { padding: 0 16px 0 0; background: url(images/link_zip.gif) no-repeat 100% 4px; } .rar { padding: 0 16px 0 0; background: url(images/link_rar.gif) no-repeat 100% 4px; } .flash { padding: 0 15px 0 0; background: url(images/link_flash.gif) no-repeat 100% 4px; } .video { padding: 0 15px 0 0; background: url(images/link_video.gif) no-repeat 100% 4px; } .qt { padding: 0 15px 0 0; background: url(images/link_quicktime.gif) no-repeat 100% 4px; } .rp { padding: 0 16px 0 0; background: url(images/link_realplayer.gif) no-repeat 100% 4px; } .wmp { padding: 0 16px 0 0; background: url(images/link_wmp.gif) no-repeat 100% 4px; } .audio { padding: 0 15px 0 0; background: url(images/link_audio.gif) no-repeat 100% 4px; } .podcast { padding: 0 15px 0 0; background: url(images/link_podcast.gif) no-repeat 100% 4px; } .ical { padding: 0 15px 0 0; background: url(images/link_ical.gif) no-repeat 100% 4px; } .itunes { padding: 0 15px 0 0; background: url(images/link_itunes.gif) no-repeat 100% 4px; } .rss { padding: 0 15px 0 0; background: url(images/link_rss.gif) no-repeat 100% 4px; } /* MISC. CLASSES & IDS ------------------------------------------------------------------------------------- */ .hide { display: none; } .clear { clear: both; } br.clear { line-height: 0px; height: 0; } .clearfix:after, ul.calendar_dates li:after, ul.pdf li:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */ .clearfix, ul.calendar_dates li, ul.pdf li { display: inline-block; } .clearfix, ul.calendar_dates li, ul.pdf li { /*\*/display: block;/**/ } /* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG, MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */ * html .italicsfix { /*\*/overflow: hidden; o\verflow: visible; width: 100%; w\idth: auto; he\ight: 1%;/**/ } .floatleft { float: left; } .floatright { float: right; } img.floatleft { margin: 0 10px 5px 0; position: relative; } img.floatright { margin: 0 0 5px 10px; position: relative; } .alignleft { text-align: left; } .alignright { text-align: right; } .aligncenter { text-align: center; } .aligntop { vertical-align: top; } .alignbottom { vertical-align: bottom; } p.pdflink { font-size: 9px; } p.pdflink img { margin: 0 0 3px; }