/************************************************ This is the custom style sheet, containing styles that will be customized for each project. ************************************************/ /************************************************ Base font style and size set here ************************************************/ body { border: none; margin: 0px; padding: 0px; background: #54a6f3 url(_gfx/cmn/body_bg.gif) top repeat-x; text-align: center; } .print_only{ display: none; } a img { border: 0px; } a { color:#2374DF; text-decoration:underline; } a:hover { color:#3C278C; } /* Default error reporting style */ .error_message { color: #c60; font-weight:bold; } /* Use :after instead of clear:both because IE adds a space with clear:both */ .clearfix:after, .mainSpan:after, .contentheader:after, .content:after, .container:after, .container_noleftnav:after, .container_noleftnav_notitle:after, .title_right:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix, .mainSpan, .contentheader, .content, .container, .container_noleftnav, .container_noleftnav_notitle,.title_right { display:inline-block; } /* Hide from IE-mac \*/ * html .clearfix, * html .mainSpan, * html .contentheader, * html .content, * html .container, * html .container_noleftnav, * html .container_noleftnav_notitle, * html .title_right { height:1%; } .clearfix, .mainSpan, .contentheader, .content, .container, .container_noleftnav, .container_noleftnav_notitle,.title_right { display:block; } /* End hide from IE-mac \*/ /* Containing frame for the site */ .mainSpan { width: 755px; margin: 15px auto 0px auto; padding: 0px; text-align:left; background-color:#fff; } /* Section 508 skip navigation menu */ .skipnav { position:absolute; top:0px; left:0px; z-index:10; } .skipnav img { border:0px; width:1px; height:1px; display:block; float:left; } /* Container for admin control panel */ .adminSpan { width:200px; float:right; text-align:left; } /************************************************ Header: contains search, top links, site logo ************************************************/ .header { background: url(images/pd_header_bg.gif) no-repeat; height:77px !important; overflow:hidden; } /* Top line of links */ .header_nav { font-weight:bold; text-align:right; padding: 3px; color: #fff; font-size: 11px; padding-top: 12px;font-family:arial, sans-serif; } .header_nav a { color: #fff; text-decoration:none; padding: 0px 4px 0px 4px; } .header_nav a:hover { color:#fff; text-decoration:underline; } /* Container for search field and go button */ .searchbox { text-align:right; margin-top: 15px; } *html .searchbox {margin-top:0px;} .searchbox_textbox, .search_dropdown, .searchbox_button{display:inline;vertical-align:middle; border:1px solid #8B969F; } .search_dropdown {height:16px; font-size:10px;width:150px;} .searchbox_textbox { padding:1px 1px 1px 1px; margin:0px 5px 0px 0px; background-color:#fff; width:95px; font-size:10px; } .searchbox_button { margin: 0px 10px 0px 0px;border:0px; } /************************************************ Content section ************************************************/ /* Page content container */ .container { width: 585px; margin-bottom:20px; float:left; overflow:hidden; background: #fff; } .container_noleftnav_notitle{ width: 100%; background: #fff; } /* Contains breadcrumb, page title, printer friendly link */ .contentheader { display:inline-table;width:590px; margin-bottom:10px; } .breadcrumb_wrapper { padding: 0px 3px 0px 10px; font-size:10px; background: #193A89 url(_gfx/cmn/bread_bg.gif) bottom repeat-x; border-left:1px solid white; color: #A6DAFF; border-bottom:3px solid #F8C57E; } .breadcrumb a { line-height:22px; color: #A6DAFF; text-decoration: underline; } .breadcrumb a:hover { text-decoration: none; color:#fff; } .printer_friendly { font-size:10px; float:right; width:60px; height:17px; text-align:left; } .printer_friendly a { display:block; padding-left:24px; background:url(_gfx/cmn/print.gif) no-repeat 0px 0px; color: #635b4e; text-decoration:underline; } .printer_friendly a:hover { text-decoration:none; } .forward_link { font-size:10px; float:right; width:65px; height:17px; text-align:left; } .forward_link a { display:block; padding-left:20px; background:url(_gfx/cmn/email.gif) no-repeat 2px 0; color: #635b4e; text-decoration:underline; } .forward_link a:hover { text-decoration:none; } .rss { font-size:10px; float:right; width:60px; height:17px; text-align:left; } .rss a { display:block; padding-left:20px; background:url(_gfx/cmn/rss.gif) no-repeat 0 0 !important; color: #635b4e; text-decoration:underline; } .rss a:hover { text-decoration:none; } .title { } .title_left { } .title_right { padding: 0px 10px 0px 0px; text-align: right; } .contentheader h1 { padding:8px 0px 10px 15px; margin:0px 0px 5px 0px; font-family: Georgia, Times New Roman, Serif; font-variant: small-caps; font-size:20px; font-weight:bold; color: #fff; line-height: 24px; background: #F28B04 url(_gfx/cmn/title_bg.gif) bottom left no-repeat; } .contentheader h2 { padding:0px 0px 0px 20px; margin:0px 0px 0px 0px; font-family: verdana, Arial, Helvetica, sans-serif; font-size:18px; line-height:22px; font-weight: normal; color: #1251AC; } /* Content: padding should be on content class NOT container */ .content { padding: 0px 20px 0px 20px; } .content textarea { width:525px; } .content ul { padding:0px; margin:8px 0 10px 20px; } .content ul li { padding: 2px 0px; } .downloadmessage { background: #a1caff url(_gfx/cmn/download_bg.gif) top repeat-x; border:solid 1px #061e47; text-align:center; width: 90%; margin: 10px auto; } .downloadmessage img { border:0px; padding:0px 0px 0px 0px; margin:0px 2px 0px 2px; } .downloadmessage p { color: #061e47; font-size:10px; padding:5px 0px; margin:0px; } .last_updated { background: url(_gfx/cmn/updated.gif) top center no-repeat; width: 90%; color:#aba28f; font-size:9px; margin: 20px auto 0px auto; text-align:right; } .paging { margin-top:10px; margin-bottom:10px; } .footer, .footer_home { clear:both; width:755px; margin:0px auto 0px auto; padding: 10px 0; background: #061940 url(images/footer_bg.gif) 0 0 no-repeat; text-align:center; color:#a0c9ff; font-size:10px; } .footer a, .footer_home a { line-height: 4px; color: #a0c9ff; text-decoration:underline; } .footer a:hover, .footer_home a:hover { text-decoration:none; color: #a0c9ff; } .footer span, .footer span a, .footer span a:hover, .footer_home span, .footer_home span a, .footer_home span a:hover { color: #fbbd6a; } /* Classes inside .container_noleftnav */ .container_noleftnav { background-color: #ffffff; margin: 0px; padding: 0px; } .container_noleftnav .contentheader { width:755px; } .container_noleftnav .breadcrumb_wrapper { padding: 2px 3px 3px 10px; font-size:10px; background: #193A89 url(_gfx/cmn/bread_bg.gif) bottom repeat-x; color: #A6DAFF; border-left:0px; border-bottom:3px solid #F8C57E; } .container_noleftnav .contentheader h1 { padding:8px 0px 10px 15px; margin:0px 0px 5px 0px; font-family: Georgia, Times New Roman, Serif; font-size:20px; font-weight:bold; color: #fff; line-height: 24px; background: #F28B04 url(_gfx/cmn/title_noleftnav_bg.gif) bottom left no-repeat; } .container_noleftnav .printerfriendly { font-size:10px; float:right; width:135px; height:17px; text-align:left; } .container_noleftnav .printerfriendly a { display:block; padding-left:24px; background-image:url(_gfx/cmn/printer.html); background-repeat:no-repeat; } .container_noleftnav .rss a { display:block; padding-left:24px; background-image:url(_gfx/cmn/printer.html); background-repeat:no-repeat; } .container_noleftnav .content { width:735px; padding: 10px 0px 10px 20px; background-color:#ffffff; } *html .container_noleftnav .content { width:755px; } /* Classes inside .container_noleftnav_notitle */ .container_noleftnav_notitle { background-color: #ffffff; } .container_noleftnav_notitle .contentheader { display:none; } .container_noleftnav_notitle .content { margin:5px 20px 20px; padding:0px 0px 5px; background-color: #f1eddb; } /* Used for content review pages, also error page */ .container_review { } .container_review .contentheader { display:none; } .container_review { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; line-height:22px; color: #1251AC; margin-bottom:10px;padding:10px; } .component_title_review{ padding:8px 0px 10px 0px; margin:0px 0px 10px 0px; font-family: Georgia, Times New Roman, Serif; font-size:20px; font-weight:bold; color: #193A89; line-height: 24px; font-variant:small-caps; } .container_review .content { padding: 10px; background-color:#ffffff; } .component_title,.component_subtitle, .component_listitem{ line-height:130%; } /* Hide review title for all except .container_review */ .container .component_title_review, .container_noleftnav .component_title_review, .container_noleftnav_notitle .component_title_review { display:none; } /************************************************ Department Home Page ************************************************/ /* Don't add padding, left/right margins, or borders to these containers */ .depthome_left { padding:0px; float:left; width:430px; } .depthome_right { padding:0px; float:left; width:120px; } /************************************************ Left navigation ************************************************/ .leftnav { width: 170px; float:left; padding:24px 0 0 0px; font-size:11px; font-family:verdana,Arial, Helvetica, Sans-Serif; background: #589FF0 url(_gfx/nav/leftnav_bg.gif) repeat-y 0 0; } .leftnav span{ display: block; } .leftnav a { display:block; padding: 3px 3px 3px 5px; color: #fff; text-decoration:none; } .leftnav a:hover, .leftnav_node_wrapper_root .leftnav_node_haschildren a:hover { color: #fff; background: #574892 url(_gfx/nav/leftnav_over.gif) repeat-x; text-decoration:none; } .leftnav_node_wrapper { // background: #63B3F1 url(_gfx/nav/leftnav_bg2.gif) repeat-y; background: #F8C57E; } .leftnav_node_wrapper a { color:#635B4E; padding-left:22px; } .leftnav_node_wrapper_root { border-top: 1px solid #81B6F4; border-bottom:1px solid #366295; } .leftnav_node_haschildren { background: #1251AC url(_gfx/nav/leftnav_selected.gif) repeat-y; } .leftnav_node_wrapper_root .leftnav_node_haschildren, .leftnav_node_wrapper_root .leftnav_node_iscurrent { background: #1251AC url(_gfx/nav/leftnav_selected.gif) repeat-y; } .leftnav_node_haschildren a span { background: url(_gfx/nav/arrow_down.gif) no-repeat 0px 7px; font-weight:bold; } .leftnav a span {padding-left:10px;} .leftnav_node_iscurrent a, .leftnav_node_haschildren a {color:#fff;font-weight:bold;} .leftnav_node_wrapper .leftnav_node_iscurrent a span { background: url(_gfx/nav/arrow_right.gif) no-repeat 0px 8px; font-weight:bold; z-index:100; } *html .leftnav_node_wrapper .leftnav_node_iscurrent a span {background-position: 0px 5px;} .leftnav_node_wrapper_root .leftnav_node_iscurrent a span { background: url(_gfx/nav/arrow_right.gif) no-repeat 2px 5px; font-weight:bold; z-index:100; } .leftnav_node_iscurrent {background-color:#1251AC;} .leftnav_bottom { background: url(_gfx/nav/leftnav_btm.gif) no-repeat bottom left; height:43px; } /************************************************ Dropdown Menu ************************************************/ /* Menu wrapper */ .dropdownmenu { height:35px !important;overflow:hidden; } /* Root menu table */ table.menu { border-collapse: separate; } /* That pops up */ table.menu_group { border:1px solid #001447; } .menu_group td { font-family: verdana,Arial,san-serif; font-size: 11px; color:#ffffff; cursor: pointer; } .menu_group img { margin-right:3px; } /* Default menu style item */ .menuitem, .menuitem_top { background: #3d88eb url(_gfx/nav/dropdown_bg.gif) top left repeat-x; border-bottom: solid 1px #bcddfb; } .menuitem_hover, .menuitem_active, .menuitem_expanded, .menuitem_hover_top, .menuitem_active_top, .menuitem_expanded_top { background: #1a68b6 url(_gfx/nav/dropdown_over_bg.gif) top left repeat-x; border-bottom: solid 1px #bcddfb; } .menuitem_root_image { cursor: pointer; } .dropdownmenu_noscript{ width: 760px; height: 35px; margin: 0; padding: 0; position: relative; display: block; list-style: none; } .dropdownmenu_noscript li{ float: left; position: absolute; left: 0; top: 0; display: block; } .dropdownmenu_noscript li.about{left: 73px;} .dropdownmenu_noscript li.current{left: 164px;} .dropdownmenu_noscript li.residents{left: 296px;} .dropdownmenu_noscript li.business{left: 390px;} .dropdownmenu_noscript li.visitors{left: 480px;} .dropdownmenu_noscript li.cityhall{left: 560px;} .dropdownmenu_noscript li.iwant{left: 651px;} .dropdownmenu_noscript li a{ display: block; position: relative; height: 35px; text-indent: -4000px; } .dropdownmenu_noscript li.home a{ width: 73px; background: url(_gfx/nav/1.gif) 0 0 no-repeat; } .dropdownmenu_noscript li.about a{ width: 91px; background: url(_gfx/nav/2.gif) 0 0 no-repeat; } .dropdownmenu_noscript li.current a{ width: 132px; background: url(_gfx/nav/3.gif) 0 0 no-repeat; } .dropdownmenu_noscript li.residents a{ width: 94px; background: url(_gfx/nav/4.gif) 0 0 no-repeat; } .dropdownmenu_noscript li.business a{ width: 90px; background: url(_gfx/nav/5.gif) 0 0 no-repeat; } .dropdownmenu_noscript li.visitors a{ width: 80px; background: url(_gfx/nav/6.gif) 0 0 no-repeat; } .dropdownmenu_noscript li.cityhall a{ width: 91px; background: url(_gfx/nav/7.gif) 0 0 no-repeat; } .dropdownmenu_noscript li.iwant a{ width: 104px; background: url(_gfx/nav/8.gif) 0 0 no-repeat; } .dropdownmenu_noscript li.home a:hover{ width: 73px; background: url(_gfx/nav/1_over.gif) 0 0 no-repeat; } .dropdownmenu_noscript li.about a:hover{ width: 91px; background: url(_gfx/nav/2_over.gif) 0 0 no-repeat; } .dropdownmenu_noscript li.current a:hover{ width: 132px; background: url(_gfx/nav/3_over.gif) 0 0 no-repeat; } .dropdownmenu_noscript li.residents a:hover{ width: 94px; background: url(_gfx/nav/4_over.gif) 0 0 no-repeat; } .dropdownmenu_noscript li.business a:hover{ width: 90px; background: url(_gfx/nav/5_over.gif) 0 0 no-repeat; } .dropdownmenu_noscript li.visitors a:hover{ width: 80px; background: url(_gfx/nav/6_over.gif) 0 0 no-repeat; } .dropdownmenu_noscript li.cityhall a:hover{ width: 91px; background: url(_gfx/nav/7_over.gif) 0 0 no-repeat; } .dropdownmenu_noscript li.iwant a:hover{ width: 104px; background: url(_gfx/nav/8_over.gif) 0 0 no-repeat; } /************************************************ Forms ************************************************/ .form { height:auto; } .form_in_tab { padding:15px 0 10px 10px; } .form div { width:auto; margin-top:8px; margin-bottom:8px; clear: both; } .form textarea { width:500px; height:150px; } .form_label { padding-top:3px; font-weight: bold; height:20px; float: left; width: 150px; text-align: left; vertical-align:middle; } .form_field { height:20px; float: right; width: 550px; text-align: left; vertical-align:middle; } legend { font-weight: bold; color:#625C4D; } fieldset { border:solid 1px #c2bca6; } .form_normaltextbox { width:300px; border: 1px solid #c2bca6; background-color: #fdfaed; height:19px; padding:2px 3px; } .form_normaldropdown { width:300px; border: 1px solid #c2bca6; background-color: #fdfaed; height:17px; padding-left:3px; } .form_button { background: #5AA1F0; font-family:verdana, arial,sans-serif; font-size: 11px; font-weight:bold; padding: 4px; color: #fff; border: 1px solid #1251AC; } .form_message, .form_message td { color: #cc0000; } .form_calendarbutton { vertical-align: top; border:0; cursor: pointer; } .backbutton { padding-left: 15px; font-weight: bold; background-image: url(_gfx/back_arrow.html); background-repeat: no-repeat; margin-bottom: 10px; } .backbutton a { } .radeditor div { margin-top:0; margin-bottom:0; } /************************************************ Site map ************************************************/ .sitemap { border:solid 0 #000; background-color: #fff; padding-left:15px; } .rootnode, .parentnode, .leafnode { padding:3px 3px 0; } .rootnode { font-weight: bold; color: #625C4D; } .rootnode a, .parentnode a { color: #625C4D; font-weight: bold; } .sitemap_file { list-style-image: url(_gfx/_SiteMap/file.gif); } .backtotoplink { padding:10px 0 10px 5px; font-size: 10px; } /************************************************ Search ************************************************/ .search { border-bottom:1px solid #b2d2e9; } .search .paging { text-align:center; font-weight:bold; padding-bottom:10px; padding-top:10px; border-top:1px solid #b2d2e9; } .search .paging a { display:inline; padding:3px; font-weight:normal; border:1px solid #b2d2e9; border-top:0px; background-color:#f4f9fd; text-decoration:none; background-image:url(_gfx/cmn/search_link_bg.gif); background-repeat: repeat-x; _background-position:0 1px; /* for IE only */ font-size:10px; font-weight:bold; } .search .paging a:hover { background:#ffffff; border-top:1px solid #b2d2e9; } .search_summary { font-weight:bold; background-color:#eef8ff; padding:10px; text-align:center; font-size:10px; background-image:url(_gfx/cmn/search_summary_bg.gif); background-repeat:repeat-x; _background-position:0 1px; /* for IE only */ border:1px solid #b2d2e9; border-bottom:0; } .search_title { display:none; } .search_result, .search_result_alternate { padding: 10px 0 0 10px; border-top:1px solid #b2d2e9; border-bottom:0; } .search_result_alternate { background-color:#f4f9fc; } .search_result_title { font-weight:bold; font-size:12px; margin-bottom:10px; } .search_result_location { padding-left:10px; } .search_result_location_field { font-weight:bold; text-transform:uppercase; font-size:10px; } .search_result_synopsis { padding:0; display:none; } .search_result_synopsis_highlight { background-color:#fcffcc; display:none; } .search_result_info { padding-left:10px; padding-bottom:10px; } .search_result_info_field { font-weight:bold; text-transform:uppercase; } .advanced_search { margin-bottom:10px; text-align:center; } .advanced_search label { font-weight:bold; } .advanced_search_textbox { width:120px; } /************************************************ Google Search ************************************************/ .gs-result, .gs-webResult { border-bottom:1px solid #b2d2e9; } .gs-title { font-weight:bold; font-size:12px; margin-top:10px; } .gs-snippet { padding: 10px 0 0 10px; border-top:1px solid #b2d2e9; border-bottom:0; } .gs-visibleUrl-long { display:block; } .gs-visibleUrl-short { display:none; } table.gsc-branding { display:none; } td.gsc-branding-text { display:none; } div.gsc-branding-text { display:none; } td.gsc-branding-img { display:none; } a.gsc-branding-clickable { display:none; } .gsc-keeper{ display:none; } .gsc-result div.gs-watermark { display: none; } .gsc-resultsHeader { display: none; } /***************************************** Calendar month view *****************************************/ .calendar_filter { margin:20px 0px 20px 0px; text-align:center; } .calendar_filter select { font-family:verdana, Arial, Helvetica, Sans-Serif; font-size:10px; width:180px; } .calendar_wrapper { text-align:center; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; width:720px; } .calendar { width:100%; border: 0px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .calendar_dayheader { height: 1px; color: #fafbf8; background: #1b6bb8 url(_gfx/calendar/calendar_header_bg.gif) top left repeat-x; font-weight: bold; font-size: 9px; padding: 4px 0px; text-transform: uppercase; border: 1px solid #001447; } .calendar_selector { color:#ffffff; background-color:#efdC9e; font-size:9px; font-weight:bold; } .calendar_title td { padding: 0px 0px 8px 0px; background-color:#ffffff; font-family: verdana, Arial,Helvetica,san-serif; font-size: 18px; font-weight: bold; color: #193a89; width:60%; } td.calendar_nextprev { width:200px !important; } .calendar_nextprev a { font-size:10px; color:#193a89 !important; } .calendar_day, .calendar_today, .calendar_weekendday, .calendar_selectedday, .calendar_othermonthday { text-align:left; vertical-align: top; font-family:Arial, Helvetica, san-serif; font-size:18px; font-weight:bold; padding: 3px; width:14%; height:100px; border: 1px solid #001447; } .calendar_day, .calendar_weekendday { background: #fff url(_gfx/calendar/calendar_day_BG.gif) top left repeat-x; color:#193a89; } .calendar_day br, .calendar_weekendday br, .calendar_othermonthday br {display:none;} .calendar_othermonthday { background:#5f73a2 url(_gfx/calendar/calendar_other_BG.gif) top left repeat-x; background:#A3B4CE; color:#423d7e; } .calendar_today { background:#F5A539 url(_gfx/cmn/caltoday_bg.gif) top left no-repeat; color:#193a89; } .calendar_selectedday { background-color:#f2C532; color:#999999; } .calendar_eventtime { color:#666666; font-size:10px; display:block;line-height:120%; font-weight: normal;padding:0px !important;margin:0px; } .calendar_eventlink { font-size:11px; font-weight: normal;display:block;line-height:120%; padding:0 0 18px 0; } .calendar_allinone .listtable { width:720px; } /************************************************* Component detail *************************************************/ .component_title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; padding: 2px 0;color:#1251AC; } .component_subtitle { font-size: 12px; font-weight: bold; padding: 2px 0; color:#1251AC; } .component_listitem { padding: 0 0 15px; width:400px; } .component_listitem div { padding: 0 0 4px; width:400px; } .component_listitem_header { font-weight: bold; width:100px; vertical-align: top; } .component_listitem_content { width:300px; vertical-align: top; } .component_content { } /************************************************ FAQ List ************************************************/ .listfaq { width:540px; padding:0; border-collapse: separate; } .listfaq td { padding:4px; } .listfaq_pager { text-align:right; } .listfaq_q { font-weight:bold; } /************************************************ Link List ************************************************/ .link_name a { padding-left:10px; background-image:url(_gfx/cmn/link_list_arrow.gif); background-repeat:no-repeat; background-position: 0 4px; } /************************************************ Lists, including DataGrid classes ************************************************/ .listtable { width:530px; border:1px solid #001447 !important; background:#f9fcfd url(_gfx/cmn/list_table_bg.gif) top left repeat-x; border-collapse:separate; } .listtable th { background: #1b6bb8 url(_gfx/cmn/list_header_bg.gif) top left repeat-x; padding:4px; font-size: 10px; font-weight: bold; text-align:left; color: #ffffff; text-transform:uppercase; border:0px; } .listtable_header a { color:#ffffff; } .listtable td { border:0; border-top:1px solid #001447; padding:4px; margin:0; } .listtable tr:hover { background-color:#ffffff; } .listtable_buttoncolumn { width: 70px; font-size: 9px; } .listtable_buttoncolumn input { background-image: url(_gfx/button_bg.html); font-size: 10px; padding: 2px; color: #000; border-width: 1px; border-style: solid; border-color: #d4d4d4 #949494 #828282 #c2c2c2; } .listtable_checkboxcolumn { padding:0px; width:1px; } .listtable_checkboxcolumn input { margin-left:-2px; margin-top:-3px; } .listtable_row_on { background-color:#e4f1ff; } .listtable_row_off { background-color:#ffffff; } .listtable_pager { text-align:right; } /* For plain lists on front end */ .listcomponent { border:solid 0px #ffffff; } .listcomponent th { display:none; } .listcomponent td { border:0px; padding:4px 4px 10px 0; margin:0px; } .listcomponent_pager { text-align:left; } /* For links on top of page */ .topselector { margin-bottom: 10px; } /* For dropdown filters */ .filter { margin: 10px 0px; } .filter select { font-family:Tahoma, Arial, Helvetica, Sans-Serif; font-size:11px; width:180px; } .timing { } /************************************************ Image-using item list ************************************************/ .righttable { width:200px; border:1px solid #3D88EB; border-collapse: separate; } .righttable th { background-color: #3D88EB; padding:3px; border:0; text-transform:uppercase; font-weight: bold; text-align:left; color: #ffffff; height:20px; font-size:9px; } .righttable_header a { color:#ffffff; } .righttable td { border:0; border-top:1px solid #dadada; padding:3px; margin:0; font-size:10px; } .righttable tr:hover { background-color:#fffcee; } .righttable_buttoncolumn { width: 30px; font-size: 9px; } .righttable_buttoncolumn input { background-image: url(_gfx/button_bg.html); font-size: 10px; padding: 4px; color: #000000; border-width: 1px; border-style: solid; border-color: #D4D4D4 #949494 #828282 #C2C2C2; } .righttable_checkboxcolumn { padding:0; width:1px; } .righttable_checkboxcolumn input { margin-left:-2px; margin-top:-3px; } .righttable_row_on { background-color:#e4f1ff; } .righttable_row_off { background-color:#ffffff; } /*********************************************** E-Notifier ***********************************************/ .tag_div { padding: 10px 0 20px; } .area_div { padding: 5px 0; } /************************************************ Form/Survey Component ************************************************/ .survey_title { font-size: 14px; font-weight: bold; padding: 2px 0 2px 0; margin: 0; } /************************************************ Staff Directory ************************************************/ .staff_column_div { margin:10; clear:both; width:560px; } .staff_thumbnail_span { float:left; width:105px; } .staff_listitem_span { float:right; width:450px; } /************************************************ Department boxes ************************************************/ .box_container { margin-left:10px; background-color: #fffce9; border: 1px solid #cec9b7; font-size:10px; line-height:12px; } .box_title { color:#ffffff; font-size:10px; text-transform: uppercase; font-weight:bold; padding:3px; background:#3291ae; } .box_list { padding:3px; } .box_list a { font-weight:bold; text-decoration:none; } .box_list a:hover { text-decoration:underline; } .box_list p { margin: 8px 0; padding:0; text-align:center; font-size:12px; } .box_item_title { padding-top:5px; } .box_item_date { margin-bottom:5px; } .box_bottomlink a, .box_bottomlink a:hover { font-size:10px; display:block; text-align:right; padding:3px; } /****************************************** Photo Album ******************************************/ .album_item { margin-bottom:20px; text-align:center; } .album_thumb { background-position: top center; background-image: url(_gfx/album/exported_group.jpg); overflow: hidden; width: 260px; height:152px; max-height:130px; padding-top:22px; background-repeat: no-repeat; } .album_thumb img { width: 160px; height: 110px; position:relative; left:0px; border:0px; display:block; margin:0px auto; overflow: hidden; } .album_name { text-transform:uppercase; font-weight:bold; } .album_details { font-size:9px; } .photo_item { padding:20px; text-align:center; vertical-align:top; } .photo_thumb { background-position: top center; background-image: url(_gfx/album/single_photo.gif); overflow: hidden; width:240px; height:240px; background-repeat: no-repeat; padding-top:50px; max-height: 190px; margin: 0 auto; } .photo_thumb img { display:block; overflow: hidden; margin: 0 auto; } .photo_detail { text-align:center; } .photo_name { } .slideshow_link { float:right; font-weight:bold; width:140px; text-align:left; margin-left:10px; } .slideshow_link a { display:block; padding:4px 0 4px 24px; border:1px solid #cccccc; background-image:url(_gfx/album/slideshow.gif); background-repeat:no-repeat; background-position:4px 4px; } .slideshow_nav { text-align:center; } .rss_button { float: right; margin:-30px auto 0px auto; } /************************************************ Map ************************************************/ .map_size { width:500px; height:300px; } /************************************************ Home Page ************************************************/ /* Images w/o display:block in IE add a bottom margin */ .home_collage img { display: block; } .home_columns { } .home_left { width: 215px; float:left; padding: 10px 0; line-height:16px; } .home_left span.home_title { font-weight:bold; display:block; } .home_right { width: 540px; float:right; padding: 10px 0; overflow:hidden; } .home_right_bottom { width: 540px; padding-top: 10px; overflow:hidden; } .home_buttons { margin:0px 0px 0px 7px; padding: 5px 0px 0px 0px; } .home_buttons .home_button_container { float:left; margin:0px 0px 0px 10px; padding: 0px 0px 0px 0px; } .home_buttons img { border:0px; padding: 2px 0; } /************************************************ Home boxes ************************************************/ .getloop { background: url(_gfx/home/loop_bg.gif) top center no-repeat; height: 97px; padding:35px 4px 4px 10px; } *html .getloop { height:137px; } .getloop_img { float: left;padding:0 5px 5px 0; } .getloop p { font-size: 11px; margin: 0; padding: 0 0 0 0; color: #000; } .getloop a { margin: 7px 10px 0 0; float:right; } .pulldowns { padding: 5px 20px 0 20px; } .pulldowns select{ margin: 5px 0; width: 175px; font-size:11px; } .today{ padding: 5px 0 10px 0; background: url(_gfx/home/today_bg.gif) center no-repeat; height: 83px; font-size:10px; } .today a {text-decoration:none;} .home_weather { margin:42px 0 0 57px; color:#000; } .home_weather img { display: none; } .home_events { width: 262px; background: url(_gfx/home/events_bg1.gif) repeat-y 0 0; float: right; overflow:hidden; color: #000; font-size:12px; margin-right: 10px; } .home_events .box_title { display:none; } .home_events .box_bottomlink { background: url(_gfx/home/events_bottom.gif) no-repeat; text-align:right; } .home_events .box_bottomlink img { margin:8px 5px 3px 0px; } .home_events .box_list a { display: block; color: #2f72c7; font-weight: normal; margin: 0px 10px; padding: 0px 10px;text-decoration:none; } .home_events .box_list a:hover { color:#3C278C; } .home_events .box_item_date { font-size:12px; margin-bottom:10px; border-bottom: 2px solid #fb9b09; margin: 0px 10px 0 10px; padding: 0px 10px 10px 10px; } .home_news { width: 262px; background: url(_gfx/home/news_bg1.gif) repeat-y 0 0; float: left; color: #000; font-size:12px; margin-right: 5px; } .home_news .box_title { display:none; } .home_news .box_bottomlink { background: url(_gfx/home/news_bottom.gif) no-repeat; text-align:right; } .home_news .box_bottomlink img { margin:8px 5px 3px 0px; } .home_news .box_list, .home_events .box_list { min-height:127px; } *html .home_news .box_list, *html .home_events .box_list {height:127px;} .home_news .box_list a { display: block; color: #2f72c7; font-weight: normal; margin: 5px 0 0 0px; padding: 0px;text-decoration:none; } .home_news .box_list a:hover { color:#3C278C; } .home_news .box_item_title { font-size:12px; border-bottom: 2px solid #fb9b09; margin: 0px 10px 10px 10px; padding:0px 0 5px 0; } .last_list { border-bottom:0px !important; } /******Weather component***/ .weather_button { margin:5px 0px 0px 50px; } .weather_button img { border:0px; } .forecast_item { text-align: center; color: #423d7e; float: left; border: solid 2px #F18600; height: 190px; width: 84px; margin: 4px 4px 20px 4px; padding: 2px; overflow: hidden; line-height: 18px; background:#fff url(_gfx/cmn/weather_1.gif) bottom center repeat-x; } *html .forecast_item { width: 90px; } .forecast_container { padding: 20px;margin-bottom:10px; }