/* ============================================ */ /* ==== ACUMIUM WCMS 3.0 STYLE DEFINITIONS ==== */ /* ============================================ */ /* ========================================================================= */ /* == BASE SITE DEFINITIONS == */ html, body { height:100%; background-color:#fff; } body { margin:10px auto; text-align:center; background-color:#fff; font-size:12px; line-height:14px; font-family:"CenturyGothic", Verdana, Arial, Helvetica, sans-serif; color:#000; } #mcp { margin:0px auto 10px; text-align:center; background:url(images/mcpbkgd.gif) no-repeat 0 0; width:980px; } img { border:none; border-style:none; border-color:transparent; border-width:0; } p { margin:0 0 1.0em 0; text-indent:0px; } a { text-decoration:none; color:#4B5EE5; } a:hover { text-decoration:underline; } h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:normal; font-weight:normal; color:#333; } h1 { font-size:24px; margin-bottom:25px; } h2 { font-size:20px; } h3 { font-size:18px; margin-top:5px; } /*td { font-size:10px; font-family: "Times New Roman", Times, sans-serif; } textarea, input, select { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 10px; }*/ ul { margin:0 0 0 20px; padding:0; } li { margin-bottom: 5px; } /*clear classes are used to maintain the floating DIVs in the site layout*/ .clearboth { clear:both; } .clearleft { clear:left; } .clearright { clear:right; } /* ========================================================================= */ /* == LIQUID SITEBASE LAYOUT == */ #body_container { margin:0px auto; text-align:left; background-color:#fff; width:900px; border:1px solid #999; } #site_header { width:100%; margin-bottom:0; background-color:#FFD41C; z-index:2; } #site_footer { margin:0px auto; clear:both; width:900px; background:url(images/footerbkgd.gif) no-repeat 0 0; height:66px; } #page_toolbar { width:900px; border-width:1px 1px 0 1px; border-style:solid; border-color:#999; } #printheader { display:none; visibility:hidden; } /*Footer containers*/ #leftfooter { float:left; width:690px; padding-left:20px; } #rightfooter { float:right; width:160px; font-weight:bold; font-size:14px; line-height:normal; text-align:right; padding-right:20px; padding-top:20px; } #rightfooter span { font-size:12px; font-weight:normal; } /*Logo container in the site header*/ #logo { margin:0; width:460px; padding:0; float:left;} /*Parent container for left menu*/ #leftnavigation { float:left; width:207px; padding:5px 0 0 0; margin:0 0 15px 0; clear:both; border-right:1px solid #ccc; background:#007697 url(images/leftnav_bottomgradient.gif) no-repeat 0 100%; min-height:600px; height:auto !important; height:600px; } /*Parent container for right content column*/ #page_content { float:left; display:inline; width:675px; padding:20px 0 0 0; margin:0 0 10px 15px; min-height:500px; height:auto !important; height:500px; color:#333; } /*Parent container for home page content body*/ #homepage_content { float:left; display:inline; width:800px; padding:1px 0 0 0; margin:10px 0 10px 0; min-height:500px; height:auto !important; height:500px; } #homeleft { float:left; width:426px; margin:0 20px 0 9px; } #homeleft .complexlink { margin:0 10px; } #homeleft .complexlink h3 { margin:10px 0; } #homeleft .complexlink h3 a { text-decoration:underline; } #homeleft .complexlink h3 a:hover { text-decoration:none; } #homeleft .complexlink_imagebox { margin-left:-10px; } #homeleft .complexlink_imagebox .complexlink_imagetop { padding-top:0; margin-top:0; } #homemiddle { float:left; display:inline; width:237px; margin-right:10px; } #homemiddle .columnwrap { border:1px solid #999; width:235px; padding-top:8px; margin-bottom:10px; } #homemiddle .title { background-color:#D4D110; border:1px solid #999; display:block; height:27px; width:235px; } #homemiddle .title h1 { background:url(images/rpdicon_small.gif) no-repeat 2px 1px; padding-left:30px; line-height:27px; font-size:18px; margin-bottom:0; } #homemiddle .link { margin:0 11px 18px 11px; } #homemiddle .link .link_link { clear:both; float:right; margin:10px 0; } #homeright { float:left ; display:inline; width:189px; } #homeright .columnwrap { border:1px solid #999; width:187px; padding-top:8px; } #homeright .title { background-color:#7DD0E0; border:1px solid #999; display:block; height:27px; width:187px; } #homeright .title h1 { background:url(/site/framework/images/rpdicon_small.gif) no-repeat 2px 1px; padding-left:30px; line-height:27px; font-size:18px; margin-bottom:0; } #homeright .imagelink { margin-bottom:13px; margin-left:6px; } #homeleft a, #homemiddle a, #homeright a, #interior_rightcolumn a { text-decoration:underline; } #homeleft a:hover, #homemiddle a:hover, #homeright a:hover, #interior_rightcolumn a:hover { text-decoration:none; } /* == ADMIN UI OVERRIDES == */ #homeleft .admin .complexlink_imagetop img { width:380px; } #homemiddle .admin .title, #homeright .admin .title, #interior_rightcolumn .admin .title, #page_content #rightcolumn_announcements .admin .complexlink_titletop { width:auto; } #homeright .admin .imagelink { margin-left:0; } #homeright .admin .imagelink img { width:150px; } .eventspuller { padding:0 10px; } /* == INTERIOR DEFINITIONS == */ #page_content_2column { float:left; display:inline; width:464px; padding:0; margin:0 15px 10px 0px; min-height:500px; height:auto !important; height:500px; color:#333; } #interior_rightcolumn { float:left; display:inline; width:190px; margin-right:5px; margin-top:9px; } #interior_rightcolumn .columnwrap { border:1px solid #999; width:188px; padding-top:8px; margin-bottom:10px; } #interior_rightcolumn .title { background-color:#D4D110; border:1px solid #999; display:block; height:27px; width:188px; } #interior_rightcolumn .title h1 { background:url(images/rpdicon_small.gif) no-repeat 0 0; padding-left:30px; line-height:27px; font-size:18px; margin-bottom:0; } #interior_rightcolumn .link { margin:0 11px 18px 11px; } #interior_rightcolumn .link .link_link { float:right; margin:10px 0; } #homemiddle .homeelementwrap, #interior_rightcolumn .homeelementwrap { margin:0 11px; } /* ========================================================================= */ /* == WCMS SITE SEARCH == */ /*Search form container*/ #search { width:400px; margin:0; line-height:100%; float:right; display:inline; } /*Generic class for both fields, input types*/ div.search_field { float:left; display:inline; padding-right:5px; height:30px; } /*Search field*/ div.search_field .textbox { margin:14px 0 0 19px; height:22px; } /*Search button*/ div.search_field .button { border:none; margin:14px 0 0 3px; } div.search_link { clear:both; width:190px; text-align:right; } div.search_link .button { border:none; padding-top:7px; } /* ========================================================================= */ /* == LEFT NAVIGATION DEFINITIONS == */ #navleftnav { } #leftmenu { padding:0 0 1em 0; margin-bottom:1em; width:100%; } #leftnav { list-style-type:none; margin:0; padding:0 5px 4px 0; width:181px; } #leftnav li { margin:0; padding-left:5px; width:176px; } #leftnav li a { display:block; padding:5px 0 2px 8px; text-decoration:none; font-size:13px; font-family:"Trebuchet MS", Arial, Verdana, sans-serif; color:#fff; } #leftnav li a:hover { text-decoration:underline; } #leftnav a.on { text-decoration:underline; } #leftnav ul { list-style-type:none; margin:0 0 0 5px; padding:3px 0 0 0; border:none; } #leftnav ul li { margin:0; border:none; background:url(/site/framework/images/navarrow.gif) no-repeat 3px 5px; } #leftnav ul li a { display:block; padding:1px 0; margin-left:9px; text-decoration:none; width:100%; font-size:11px; } /* ========================================================================= */ /* == TOP NAVIGATION DEFINITIONS == */ /*Clears the top navigation DIV container so it wraps to the left of the page under the LOGO and SEARCH*/ #topnavigation { clear:both; margin:0; background:url(images/topnavbkgd.gif) no-repeat 0 0;height:30px; z-index:1999; } /*Establishes the NAVHEADERNAV DIV, which is the first container generated by the ULMENU CMS template call; this item = menuwrapper*/ #navheadernav { z-index:1999; } /*Parent - Level 0 UL ID; this item = p7menubar*/ #headernav { float:left; display:inline; color:#fff; z-index:1999; } #headernav, #headernav ul { padding:0; margin:0 0 0 10px; list-style:none; z-index:1999; } #headernav a { /*display:block;*/ text-decoration:none; font-size:14px; color:#fff; text-align:center; height:30px; line-height:30px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; z-index:1999; } #headernav a:hover { text-decoration:underline; z-index:1999; } #headernav li.on a { text-decoration:underline; z-index:1999; } /*Primary Top Navigation LI Items (always visible)*/ #headernav li { float:left; position:relative; margin-bottom:0; margin-right:5px; z-index:1999; } /*Primary Top Navigation LI Items (always visible) - padding that applies only to the topmost navigation items*/ #headernav a.trigger { padding:0 2px; z-index:1999; } #headernav li.pipe { font-size:14px; color:#fff; text-align:center; height:30px; line-height:30px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; z-index:1999; } /* == DROP DOWN MENUS CSS DEFINITIONS START == */ /*#headernav li ul, #headernav ul li { /width:15em;/ width:246px; } #headernav ul li a { color:#565656; border-right:0; padding:3px 12px 3px 16px; height:20px; line-height:normal; } */ /* == DROP DOWN MENUS CSS DEFINITIONS START == */ #headernav ul { margin:0 0 0 -10px; min-width:200px; width:auto !important; width:200px; padding-left:10px; z-index:1999; } #headernav li ul, #headernav ul li { padding-top:5px; z-index:1999; } #headernav ul li { min-width:190px; width:auto !important; width:190px; background:url(images/topnavarrow.gif) no-repeat 0px 10px; padding-left:9px; z-index:1999; } #headernav ul li a { padding:2px 2px 2px 1px; text-align:left; font-weight:normal; line-height:normal; height:24px; min-width:180px; width:auto !important; width:180px; margin-left:0px; color:#000000; z-index:1999; } #headernav li ul { position:absolute; left:0; display:none; background-color:#FFFFFF; border:1px solid #F99D31; padding-bottom:5px; padding-top:5px; z-index:1999; } /*#headernav li:hover a, #headernav a:focus, #headernav a:active, #headernav li.p7hvr a { color:#fff; }*/ #headernav li.on a ul li a { background:none; z-index:1999; } #headernav li.on ul li a { text-decoration:none; } #headernav li.on ul li a:hover, #headernav li.on ul li.on a { text-decoration:underline; z-index:1999; } #headernav li:hover ul, #headernav li.p7hvr ul { display:block; z-index:1999; } /*#headernav li:hover ul a, #headernav li.p7hvr ul a { color:#7EB61F; background-color:transparent; font-weight:normal; line-height:normal; background:url(images/topnavarrow.gif) no-repeat 5px 8px; margin:0 0 0 34px; height:30px; display:block }*/ /*#headernav li:hover ul a.on, #headernav li.p7hvr ul a.on { text-decoration:underline; color:#64564E; background-color:transparent; } #headernav ul a:hover { text-decoration:underline; }*/ /* == DROP DOWN MENUS CSS DEFINITIONS END == */ /* ========================================================================= */ /* == WCMS 3.0 ADMIN DEFINITIONS == */ #cmsManagerMenu { width:530px; border-color:#B04632; border-width:1px; border-style:solid; padding:0px 1px 15px 1px; margin:0 0 20px 10px; } #cmsManagerCaption { position:relative; top:-9px; left:10px; text-align:left; background-color:#ffffff; width:155px; padding:0 5px; font-size:10pt; font-family:"Trebuchet MS", Arial, Verdana; } #cmsManagerItemArrow { background:url(images/acumium/bullet.gif) no-repeat 0 0; padding:0 14px; margin:0 0 12px 8px; font-size:10pt; font-size:12px; font-family:Arial, Helvetica, sans-serif; } /* ========================================================================= */ /* == WCMS FORM DEFINITIONS == */ /* dictates the outer DIV UI */ #twocolform { width:364px; border-style:dotted; border-color:#999999; border-width:0px 0px 1px 0px; padding:0px 0px 10px 10px; margin:0px 0px 10px 0px; } /* dictates the outer H1 UI */ #twocolform h1 { font-size:14px; font-weight:bold; margin:0px 0px 0px 0px; border-width:0px 0px 0px 0px; width:auto; } /* see MAC css for alternate CSS */ /* dictates the overall TD cellpadding */ #twocolform td { padding:3px; } /* dictates the Font treatment, padding, alignment and width of the TD with the form line title */ #twocolform td.linetitle { font-color: #000000; padding:2px 2px 2px 2px; text-align:right; font-size:11px; width:115px; } /* dictates the UI for the drop down menus */ #twocolform select { text-align:left; width:100px; margin-left:10px; border:0px; } /* dictates the UI for the drop down menus, specifically for CITY and STATE */ #twocolform select.city { width:125px; } #twocolform select.state { width:60px; } /* specialized class for text input fields */ #twocolform input.text { text-align:left; width:180px; margin-left:10px; } #twocolform .textprefill { text-align:left; width:180px; margin-left:10px; font-size:11px; height:15px;} #twocolform .textprefillbirthday { text-align:left; width:40px; margin-left:10px; font-size:11px; height:15px;} #twocolform .textprefillcity { text-align:left; width:125px; margin-left:10px; font-size:11px; height:15px;} #twocolform .textprefillstate { width:60px; } #twocolform textarea { text-align:left; width:193px; margin-left:10px; font-size:11px; height:75px; } /* dictates the UI INPUT placement */ #twocolform input { text-align:left; margin-left:10px; } /* generic SPAN class wrapped around selected inline form text */ #twocolform span { font-size:12px; color:#666666; } #twocolform span.requiredinput { font-weight:normal; font-size:12px; color:red; } .redtext { font-weight:normal; font-size:12px; color:red; } #submitbutton { text-align:right; margin:5px 30px 15px 0px; } #submitbutton input.center { text-align:center; } /* ========================================================================= */ /* results paging overrides for product filter*/ div.prodresultpagesummary { display:inline; float:left; width:15%; vertical-align:bottom; } div.prodresultpagenavigation { display:inline; float:left; width:25%; vertical-align:bottom; } div.prodresultperpage { display:inline; float:left; width:25%; vertical-align:bottom; } div.prodresultfilter { display:inline; float:left; width:35%; vertical-align:bottom; } select.resultpagingselect { font-size:11px; } /* == PRODUCT PAGE TAB DEFINITIONS == */ #tabs { width:540px; height:30px; background-image:url(/site/framework/images/backgrounds/tabsbkg.gif); background-position:bottom; background-repeat:repeat-x; margin:20px 0 10px 0; } #tabs td { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:6px; background-color:#FFFFFF; border-style:solid; border-color:#999; border-width:1px 1px 0 1px; } #tabs .none { border-width:0 0 1px 0; background-color:#FFFFFF; padding:0px; } #tabs .on { background-color:#fff; border-style:solid; border-color:#999; border-width:1px 1px 0 1px; } #tabs .off { background-color:#eee; border-style:solid; border-color:#999; border-width:1px 1px 1px 1px; } #tabs .off:hover { background-color:#FFFFFF; border-style:solid; border-color:#999; border-width:1px 1px 1px 1px; } #tabs a { color:#777; text-decoration:none; } #tabs a:hover { text-decoration:underline; } /* == SITE SPECIFIC / CUSTOM CSS DEFINITIONS == */ .site_footermenu { width:690px; padding:20px 0 5px; float:left; } .site_footermenu ul { list-style-type:none; margin:0; padding:0; } .site_footermenu li { float:left; display:inline; margin-right:5px; } .site_footermenu a { /*display:block;*/ text-decoration:none; color:#000; font-size:12px; } .site_footermenu a:hover { text-decoration:underline; } .copyright { clear:left; padding:0; margin:0; font-size:12px; color:#f15b2e; font-weight:bold; text-align:left; } /* == (OVERRIDE) EVENT PULLER DEFINITIONS == */ #eventspuller { margin:0 11px; } div.puller_event { clear:both; } span.eventpullerdate { float:left; font-weight:normal; clear:left; margin-bottom:20px; width:175px; } span.eventpullerdesc { float:left; clear:left; width:175px; } span.eventpullertitle { float:left; clear:left; margin-bottom:0; width:175px; } span.eventpullertitle a { } #page_content .complexlink_link, #page_content_2column .complexlink_link {background-color:#FFFFFF; float:left; font-size:11px; color:#0A23DC; } #page_content h3, #page_content_2column h3 { margin-bottom:15px; } #page_content #rightcolumn_announcements .complexlink_titletop h3 { line-height:27px; font-size:18px; margin-bottom:0; margin-top:0; } #page_content h1, #page_content_2column h1 { margin-bottom:5px; } div#eventssearch { margin-top:10px; background-color:transparent; border:none; padding:10px 0 0; margin-bottom:20px; } #eventsearchformfields { float:left; width:430px; } #eventssearchborderoffun { border-width:1px 1px 1px 0; border-color:#F99D31; border-style:solid; height:66px; width:25px; float:left; display:inline; margin-top:10px; } #eventssearchbutton { text-align:center; margin-left:10px; margin-top:30px; width:100px; float:left; display:inline; } #programssearchborderoffun { border-width:1px 1px 1px 0; border-color:#F99D31; border-style:solid; height:122px; width:25px; float:left; display:inline; margin-top:10px; } #programssearchbutton { text-align:center; margin-left:10px; margin-top:60px; width:100px; float:left; display:inline; } div#eventssearch td.label { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#333; } .keywordsearch {width:300px} table#fourcolumntable {width:100%} .tablecontent { text-align:left; font-size:12px; }