308 lines
18 KiB
CSS
308 lines
18 KiB
CSS
/* Start of CMSMS style sheet 'main_stylesheet' */
|
|
/*
|
|
Main styles and different imported style sheets follow the order of the markup code (page, branding, search, etc.) within the pages followed by specific styles.
|
|
In order to see how all the base html elements are styled to default please refer to the html_template.html page as needed.
|
|
Global styles to specific html tags should be placed in this file.
|
|
*/
|
|
|
|
/* begin -- set color of links for whole site */
|
|
a:link { color: #297fb9; text-decoration: none }
|
|
a:visited { color: #297fb9; text-decoration: none }
|
|
a:hover { color: #3d95d0; text-decoration: underline }
|
|
a:active { color: #297fb9; text-decoration: none }
|
|
/* end -- set color of links for whole site */
|
|
|
|
|
|
/* begin - classes for styling as needed
|
|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
|
|
.bold { font-weight: bold }
|
|
.italic { font-style: italic }
|
|
.underline { text-decoration: underline }
|
|
.overline { text-decoration: overline }
|
|
.strike { text-decoration: overline }
|
|
.fltlft { float: left }
|
|
.fltrgt { float: right }
|
|
.clrbth { clear: both }
|
|
.clrlft { clear: left }
|
|
.clrrgt { clear: right }
|
|
|
|
.nobrder { border: 0px !important }
|
|
|
|
.ovrflw_hdn { overflow: hidden }
|
|
|
|
.hide_ADA { position: absolute; left: -999999em } /* hide but remain usable for text readers */
|
|
|
|
.olla {list-style: lower-alpha }
|
|
|
|
span.learn_more { padding-left: 16px; background: url(/images/shared/arrow01.gif) no-repeat 0px 3px }
|
|
|
|
/* end - classes for styling needed
|
|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
|
|
html { background: url(/images/shared/main_background.gif) repeat-x top center }
|
|
|
|
body { min-height: 626px; background: url(/images/shared/logo_background.gif) no-repeat top center }
|
|
|
|
* html body { height: 626px }
|
|
|
|
#wrapper { position: relative; width: 942px; margin: 0px auto }
|
|
|
|
#header { position: relative; width: 942px; height: 141px; margin-bottom: 10px; }
|
|
|
|
#header h1 { position: absolute; top: 3px; left: 10px; margin: 0px; width: 537px; height: 84px; background: url(/images/shared/logo_tag_line.png) no-repeat 0px 0px }
|
|
* html #header h1 { background-image: url(/images/shared/logo_tag_line.gif) }
|
|
#header h1 a { display: block; width: 537px; height: 84px; text-indent: -99999em }
|
|
|
|
#search { display: none; position: absolute; top: 50px; right: 0px; width: 281px; height: 23px; background: url(/images/shared/search_background.gif) no-repeat 0px 0px }
|
|
#search fieldset { position: relative; width: 281px; height: 23px }
|
|
#search fieldset label { position: absolute; left: -99999em; top: -99999em }
|
|
#search fieldset input.textfield { position: absolute; left: 10px; top: 3px; width: 162px; height: 16px; padding: 0px 0px 0px 20px; border: 0px; background: url(/images/shared/google_icon.gif) no-repeat 1px 1px }
|
|
#search fieldset input.search_button { position: absolute; right: 0px; top: 0px; width: 76px; height: 22px; margin: 0px; padding: 0px; border: 0px; background: url(/images/shared/search_button.gif) no-repeat 0px 0px transparent }
|
|
#search fieldset input.search_button:hover { background-position: -76px 0px; cursor: pointer }
|
|
|
|
/* begin - contact us tab */
|
|
a.contact_us { position: absolute; top: 0px; right: 0px; width: 117px; height: 26px; background: url(/images/shared/contact_tab.gif) no-repeat 0px 0px; text-indent: -99999em }
|
|
a.contact_us:hover { background-position: -117px 0px }
|
|
/* end - contact us tab */
|
|
|
|
/* main nav styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
|
|
#main_nav { position: absolute; top: 105px; left: 0px; z-index: 210; width: 940px; height: 36px; margin: 0px; background: url(/images/shared/main_nav_background.gif) no-repeat 0px 0px }
|
|
#main_nav li { height: 36px; margin: 0px; float: left; list-style-type: none }
|
|
#main_nav li#home { width: 99px; margin-left: 10px }
|
|
* html #main_nav li#home { margin-left: 5px }
|
|
#main_nav li#your_needs { width: 140px; margin-left: 2px }
|
|
#main_nav li#services { width: 120px; margin-left: 2px }
|
|
#main_nav li#experience { width: 135px; margin-left: 2px }
|
|
#main_nav li#rems_hub { width: 125px; margin-left: 2px }
|
|
#main_nav li#news_and_events { width: 160px; margin-left: 2px }
|
|
#main_nav li#our_team { width: 129px; margin-left: 2px }
|
|
|
|
#main_nav li a { display: block; width: 100%; height: 36px; background: url(/images/shared/main_nav_sprite.gif) no-repeat 0px 0px; text-indent: -99999em }
|
|
|
|
#main_nav li#home a { background-position: 0px 0px }
|
|
#main_nav li#home.on a { background-position: 0px -36px }
|
|
#main_nav li#your_needs a { background-position: -101px 0px }
|
|
#main_nav li#your_needs.on a { background-position: -101px -36px }
|
|
#main_nav li#services a { background-position: -243px 0px }
|
|
#main_nav li#services.on a { background-position: -243px -36px }
|
|
#main_nav li#experience a { background-position: -365px 0px }
|
|
#main_nav li#experience.on a { background-position: -365px -36px }
|
|
#main_nav li#rems_hub a { background-position: -502px 0px }
|
|
#main_nav li#rems_hub.on a { background-position: -502px -36px }
|
|
#main_nav li#news_and_events a { background-position: -629px 0px }
|
|
#main_nav li#news_and_events.on a { background-position: -629px -36px }
|
|
#main_nav li#our_team a { background-position: -791px 0px }
|
|
#main_nav li#our_team.on a { background-position: -791px -36px }
|
|
|
|
/*#main_nav li:hover ul { display: block }*/
|
|
|
|
#main_nav li ul { display: none; position: absolute; top: 36px; z-index: 100px; margin: 0px; background-image: none; border-left: solid 1px #d1bf82; border-right: solid 1px #d1bf82; background-color: #f5edd0 }
|
|
#main_nav li ul li { width: auto !important; height: auto !important; margin: 0px !important; float: none }
|
|
|
|
#main_nav li ul li a { display: block; width: auto !important; height: auto !important; padding: 5px 5px; border-bottom: solid 1px #d1bf82; background: none; text-indent: 0px }
|
|
#main_nav li ul li a:hover { background-color: #FFFFFF; text-decoration: none }
|
|
|
|
/* make subnav and subnav/subnav adjustments here */
|
|
|
|
#main_nav li#your_needs ul { left: 100px; width: 180px }
|
|
* html #main_nav li#your_needs ul li a { width: 170px !important }
|
|
|
|
#main_nav li#services ul { left: 229px; width: 210px }
|
|
* html #main_nav li#services ul li a { width: 200px !important }
|
|
/* services subnav/subnav */
|
|
#main_nav li#services ul li ul { position: absolute; top: 0px !important; left: 210px }
|
|
#main_nav li#services ul li a { background: url(/images/shared/subnav_arrow.gif) no-repeat 196px -8px !important }
|
|
#main_nav li#services ul li a:hover { background-color: #FFF !important; background-position: 196px -48px !important }
|
|
/* begin - subsub navs */
|
|
#main_nav li#services ul li.subitem013 ul { width: 228px !important; top: 26px !important; border-top: solid 1px #d1bf82 }
|
|
#main_nav li#services ul li.subitem018 ul {width: 228px !important; top: 53px !important; border-top: solid 1px #d1bf82 }
|
|
/* end - subsub navs */
|
|
#main_nav li#services ul li ul li a { background-image: none !important }
|
|
|
|
#main_nav li#experience ul { left: 351px; width: 186px }
|
|
* html #main_nav li#experience ul li a { width: 176px !important }
|
|
|
|
#main_nav li#rems_hub ul { left: 466px; width: 180px }
|
|
* html #main_nav li#rems_hub ul li a { width: 170px !important }
|
|
|
|
#main_nav li#news_and_events ul { left: 626px; width: 180px }
|
|
* html #main_nav li#news_and_events ul li a { width: 170px !important }
|
|
|
|
#main_nav li#our_team ul { left: 760px; width: 170px }
|
|
* html #main_nav li#our_team ul li a { width: 160px !important }
|
|
|
|
/* main nav styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
|
|
|
|
/* two column layout styles */
|
|
div.two_column { width: 940px; background: url(/images/shared/content_background_two_column.gif) repeat-y top center }
|
|
div.two_column div.inner { width: 940px; min-height: 540px; overflow: hidden; background: url(/images/shared/content_top_two_column.gif) no-repeat 0px 0px }
|
|
* html div.two_column div.inner { height: 540px }
|
|
|
|
#main_content_area.two_column div.inner #content { width: 624px; padding: 0px 20px 0px 20px; float: left }
|
|
#main_content_area.two_column div.inner #sidebar { width: 276px; float: right }
|
|
|
|
#main_content_area.two_column span.content_foot { display: block; width: 940px; height: 26px; clear: both; line-height: 0px; font-size: 0px; background: url(/images/shared/content_bottom_two_column.gif) no-repeat 0px 0px }
|
|
|
|
|
|
/* one column layout styles */
|
|
div.one_column { width: 940px; background: url(/images/shared/content_background_one_column.gif) repeat-y top center }
|
|
div.one_column div.inner { width: 940px; min-height: 540px; overflow: hidden; background: url(/images/shared/content_top_one_column.gif) no-repeat 0px 0px }
|
|
* html div.one_column div.inner { height: 540px }
|
|
|
|
#main_content_area.one_column div.inner #content { width: 900px; min-height: 540px; padding: 0px 20px 0px 20px; float: left }
|
|
* html #main_content_area.one_column div.inner #content { height: 540px }
|
|
#main_content_area.one_column div.inner #sidebar { display: none }
|
|
|
|
#main_content_area.one_column span.content_foot { display: block; width: 940px; height: 26px; clear: both; line-height: 0px; font-size: 0px; background: url(/images/shared/content_bottom_one_column.gif) no-repeat 0px 0px }
|
|
|
|
|
|
/* page styles */
|
|
h2.page_header { margin: 0px 0px 0.45em 0px; font: bold 166% Verdana, Arial, Helvetica, sans-serif; color: #909e06 }
|
|
|
|
#breadcrumbs { padding: 1.3em 0px 0.9em 0px; color: #2475ac; font-size: 85%; color: #dc990c }
|
|
#breadcrumbs span.arrow { position: relative; top: 0px }
|
|
|
|
div.previous-next { width: 100%; margin-top: 0.9em; padding-top: 0.7em; border-top: solid 2px #eaeaea; overflow: hidden; text-transform: lowercase; font-size: 85%; line-height: 2.2em }
|
|
div.previous-next span { display: block }
|
|
div.previous-next span.next { display: block; padding: 0.2em 0px 0px 2.15em }
|
|
div.previous-next span a { position: relative; top: 1px; font-size: 108%; text-transform: none }
|
|
|
|
|
|
/* subnavs */
|
|
#subpage_nav { display: none; width: 100%; margin: 0px 0px 1em 0px; overflow: hidden; background: url(/images/shared/subpage_tab_background.gif) repeat-x bottom center; font-weight: bold }
|
|
#subpage_nav li { margin: 0px 6px 0px 0px; float: left; list-style-type: none; background: url(/images/shared/subpage_tab_off_right.gif) no-repeat top right }
|
|
* html #subpage_nav li { margin-right: 3px }
|
|
#subpage_nav li a { display: block; padding: 5px 18px 3px 12px; border-bottom: solid 1px #c0bfbf; float: left; background: url(/images/shared/subpage_tab_off_left.gif) no-repeat top left; color: #FFF; text-transform: uppercase }
|
|
#subpage_nav li.on { background-image: url(/images/shared/subpage_tab_on_right.gif) }
|
|
#subpage_nav li.on a { border-color: #FFF; background-image: url(/images/shared/subpage_tab_on_left.gif); color: #666 }
|
|
#subpage_nav li.on a:hover { text-decoration: none }
|
|
#content div.subitem { display: none }
|
|
#content div.subitem h3 { margin-top: 0px }
|
|
#content div.overview { display: block }
|
|
/* subnavs */
|
|
|
|
|
|
#sign_up { position: relative; margin: 20px 0px; width: 940px; height: 42px; background: url(/images/shared/sign_up_background.gif) no-repeat 0px 0px }
|
|
#sign_up form { display: none; position: absolute; left: 286px; top: 10px; width: 280px; height: 22px; background: url(/images/shared/sign_up_input.gif) no-repeat 0px 0px }
|
|
#sign_up fieldset { position: relative }
|
|
#sign_up fieldset legend { position: absolute; left: -99999em; width: 0px; height: 0px; text-indent: -99999em; font-size: 0px; line-height: 0px }
|
|
#sign_up fieldset label { position: absolute; left: -99999em }
|
|
#sign_up fieldset input.textfield { position: absolute; left: 10px; top: 3px; width: 182px; height: 16px; border: 0px; color: #939393; font-style: italic; font-size: 12px }
|
|
#sign_up fieldset input.submit_button { position: absolute; right: 0px; top: 0px; width: 76px; height: 22px; margin: 0px; padding: 0px; border: 0px; background: url(/images/shared/sign_up_button.gif) no-repeat 0px 0px transparent }
|
|
#sign_up fieldset input.submit_button:hover { background-position: -76px 0px; cursor: pointer }
|
|
|
|
#footer { color: #666 }
|
|
#footer div.links { margin: 1em 0px; font-size: 95% }
|
|
#footer div.links span { padding: 0px 0.7em }
|
|
#footer #copyright { font-size: 80% }
|
|
|
|
|
|
/* begin
|
|
static module styles ~~~~~~~~~~~~~~ */
|
|
|
|
#sidebar #static-mods { font-size: 95%; color: #4e4e4e }
|
|
#sidebar #static-mods h4 { margin-bottom: 0.8em; font-size: 116.7% }
|
|
div.static-mod { margin-bottom: 0.4em; padding: 0px 14px 0em 16px; background: url(/images/shared/sidebar_rule.gif) no-repeat bottom left transparent }
|
|
|
|
/* div.static-mod { margin-bottom: 0.4em; padding: 0px 14px 0px 16px; background: url(/images/shared/curve-short-lighter.png) no-repeat 10px 8px transparent } */
|
|
|
|
#sidebar #static-mods div.static-blue-mod { display: none; width: 250px; margin: 1em auto 1em auto; padding: 0px }
|
|
#sidebar #static-mods div.static-blue-mod h4 { margin: 0px; padding: 8px 14px 6px 14px; background: url(/images/shared/mod-header-01.gif) no-repeat top center transparent; color: #FFF }
|
|
#sidebar #static-mods div.static-blue-mod div.box_content { padding: 0.8em 14px 0.4em 14px; background: url(/images/shared/mod-background-01.gif) no-repeat bottom center transparent }
|
|
|
|
/* end
|
|
static module styles ~~~~~~~~~~~~~~ */
|
|
|
|
|
|
/* begin
|
|
rotating module styles ~~~~~~~~~~~~~~ */
|
|
|
|
/* #sidebar #rotating-mods { width: 251px; margin-bottom: 0.8em; padding: 12px 14px 16px 16px; font-size: 95%; color: #4e4e4e } */
|
|
|
|
#sidebar #rotating-mods { padding-top: 0px; font-size: 95%; color: #4e4e4e }
|
|
#sidebar #rotating-mods h4 { font-size: 116.7% }
|
|
|
|
div.rotate-mod { display: none; padding: 0px 0px .9em 0px; margin-bottom: 0.4em; }
|
|
/*div.rotate-mod { display: none; margin-bottom: 0.4em; padding: 0px 14px 0px 16px; background: url(/images/shared/curve-short-lighter.png) no-repeat 10px 0px transparent }*/
|
|
|
|
.addRule { background: url(/images/shared/sidebar_rule.gif) no-repeat bottom left transparent }
|
|
|
|
/* end
|
|
rotating module styles ~~~~~~~~~~~~~~ */
|
|
|
|
|
|
/* begin
|
|
NEWS MODULE ~~~~~~~~~~~~~~*/
|
|
|
|
#news_summary { margin-bottom: 2.4em; padding-bottom: 0.8em; border-bottom: solid 1px #E7F4FF }
|
|
#news_summary div.news_summary_header { width: 100%; margin: 0.7em 0px; padding-bottom: 0.3em; border-bottom: solid 1px #D2E9FC; overflow: hidden }
|
|
#news_summary div.news_summary_header h3 { margin: 0px; width: 80%; float: left }
|
|
#news_summary div.news_summary_header span.post_date { display: block; width: 18%; margin-top: 2px; float: right; font-size: 80%; text-align: right }
|
|
#news_summary div.news_summary_summary { padding: 0px 0.7em }
|
|
#news_summary div.news_summary_content { padding: 0px 0.85em }
|
|
#news_summary div.news_summary_morelink {font-size: 80%; text-align: right }
|
|
|
|
#news_item div.news_summary_header { width: 100%; margin: 0.7em 0px; padding-bottom: 0.3em; border-bottom: solid 1px #EAEAEA; overflow: hidden }
|
|
#news_item div.news_summary_header h3 { margin: 0px; width: 80%; float: left }
|
|
#news_item div.news_summary_header span.post_date { display: block; width: 18%; margin-top: 2px; float: right; font-size: 80%; text-align: right }
|
|
#news_item div.return_link {font-size: 80%; text-align: right }
|
|
|
|
/* summary in side bar */
|
|
#news-mod { padding: 8px 16px 1.4em 16px; font-size: 80% }
|
|
#news-mod h4 { margin: 0px 0px 0.6em 0px; font-size: 116.7%; color: #474747 }
|
|
#news-mod #news_summary_side_bar h4 { margin: 0px 0px 0.4em 0px; font-size: 116.7% }
|
|
#news-mod #news_summary_side_bar span.post_date { display: block; margin-bottom: 0.4em }
|
|
#news-mod #news_summary_side_bar div.news_summary_morelink { padding-bottom: 0.6em; margin-bottom: 0.5em; border-bottom: solid 1px #B5B5B5; text-align: right }
|
|
|
|
/* end
|
|
NEWS MODULE ~~~~~~~~~~~~~~*/
|
|
|
|
|
|
/* begin
|
|
CALENDAR MODULE ~~~~~~~~~~~~~~*/
|
|
|
|
#calendar_upcominglist { margin-bottom: 2.4em; padding-bottom: 2.1em; border-bottom: solid 1px #E7F4FF }
|
|
#calendar_upcominglist div.calendar_event { width: 100%; margin: 0.7em 0px; margin-top: 2.1em; padding-bottom: 0.3em; border-bottom: solid 1px #D2E9FC; overflow: hidden }
|
|
#calendar_upcominglist div.calendar_event h3 { margin: 0px; width: 40%; float: left }
|
|
#calendar_upcominglist div.calendar_event h4 { margin: 0px; width: 40%; float: left }
|
|
#calendar_upcominglist div.calendar_event span.event_date { display: block; width: 25%; margin-top: 1px; float: right; text-align: right }
|
|
#calendar_upcominglist div.calendar_event span.event_location { display: block; width: 34%; margin-top: 1px; float: right; text-align: right }
|
|
#calendar_upcominglist div.calendar_summary { padding: 0px 0.7em }
|
|
#calendar_upcominglist div.calendar_details { padding: 0px 0.85em }
|
|
#calendar_upcominglist div.calendar_more_link {font-size: 80%; text-align: right }
|
|
|
|
#calendar_entry div.calendar_event { width: 100%; margin: 0.7em 0px; padding-bottom: 0.3em; border-bottom: solid 1px #EAEAEA; overflow: hidden }
|
|
#calendar_entry div.calendar_event h3 { margin: 0px; width: 40%; float: left }
|
|
#calendar_entry div.calendar_event h4 { margin: 0px; width: 40%; float: left }
|
|
#calendar_entry div.calendar_event span.event_date { display: block; width: 25%; margin-top: 1px; float: right; text-align: right }
|
|
#calendar_entry div.calendar_event span.event_location { display: block; width: 34%; margin-top: 1px; float: right; text-align: right }
|
|
#calendar_entry div.calendar_summary { padding: 0px 0.7em }
|
|
#calendar_entry div.calendar_details { padding: 0px 0.85em }
|
|
#calendar_entry div.calendar_return_link {font-size: 80%; text-align: right }
|
|
|
|
/* end
|
|
CALENDAR MODULE ~~~~~~~~~~~~~~*/
|
|
|
|
|
|
/* begin
|
|
SPECIFIC PAGE STYLES ~~~~~~~~~~~~~~*/
|
|
|
|
body#site-map #content ul { margin: 0px; font-size: 120%; font-weight: bold; }
|
|
body#site-map #content ul li { padding: 0.4em 0em; border-bottom: solid 1px #2171a7 }
|
|
body#site-map #content ul li li { padding: 0em; border: 0px }
|
|
body#site-map #content ul li { margin: 0.5em 0px; list-style-type: none }
|
|
body#site-map #content ul li ul { margin: 0em 0px 0em 1em; font-size: 90%; font-weight: normal }
|
|
body#site-map #content ul li ul li ul { margin: 0.7em 0px 1.1em 1em; font-size: 85% }
|
|
|
|
/* end
|
|
SPECIFIC PAGE STYLES ~~~~~~~~~~~~~~*/
|
|
|
|
|
|
/* Safari FOUC - always leave this at the end of this file */
|
|
body { display: block !important }
|
|
/* End of 'main_stylesheet' */
|
|
|