@CHARSET "utf-8"; /* ################################################################################ # CMS content page styles # File: sta04_content_v3.css # Author: David Brown, revised 10/21/09 # Note: CSS for YAML based site structure # Items displayed in order of appearance ################################################################################ */ /* ==================== ==================== General Site Formatting ==================== ==================== */ html, body { margin: 0; padding: 0; height: 100%; min-height: 100%; } html { } body { background: #ffffff url('/templates/sta04_content_v3/images/background_interior_tile.jpg') repeat-y scroll center 579px; } .body_content { width: 100%; min-width: 962px; background: transparent url('/templates/sta04_content_v3/images/background_interior_top.jpg') no-repeat scroll center top; } .body_content { min-height: 100% /* pushes content outside this div below the fold */; height: auto !important /*ignored by IE6 */; height: 100% /*For IE 6 */; margin-bottom: -120px /* Height of Sticky Footer, pulls above the page fold */; } .page_margins { width: 100%!important; min-height: 662px /*prevent sticky footer from coming too far up and looking bad */; max-width: none; margin: 0 auto!important; /*overflow: auto;*/ height: auto; } .page { padding: 0; width: 100%!important; margin: 0 auto!important; letter-spacing: 0px; } #page_content { } #header { height: 134px; margin-top: 0; background: transparent; } #header_content { position: relative; width: 962px; height: 134px; margin: 0 auto; } #topnav page{ display: none; } #rel8-logo-flashbox { width: 250px; height: 134px; position: absolute; left: 0px; top: -40px; z-index: 1; } .twitter-feed { background: transparent url(/templates/sta04_content_v3/images/Lizard-Sprite.png) no-repeat scroll left top; height:133px; position: absolute; right: -10px; top: 2px; width: 455px;} .twitter-feed#lisa-feed {background-position: left bottom;} .twitter-feed#larry-feed {background-position: left top;} .twitter-feed .rss-feed-entry { height: 60px; margin: 50px 148px 20px 18px; overflow: hidden; } .twitter-feed p.rss-feed-entry-description { font-size: 10px; font-family: verdana, 'trebuchet MS', arial, verdana, sans-serif; } .twitter-feed p.rss-feed-entry-publishedDate { font-size: 10px; font-family: verdana, 'trebuchet MS', arial, verdana, sans-serif; color: #e38204; } .twitter-feed a#twitter-feed-link { bottom: 0px; background: 0 none !important; color: #CCC; display: block; font-size: 0.01%; height: 23px; margin: 0px !important; padding: 0px !important; position: absolute; right: 137px; text-align: right; width:130px } #nav { height: 42px; background: ; margin-bottom: -9px; position: relative; z-index: 100; background: transparent url('/templates/sta04_content_v3/images/nav_tile.png') repeat-x scroll top left; } #nav_content { position: relative; z-index: 101; height: 33px; width: 962px; margin: 0 auto; } #nav #nav_content a:focus { outline: none; } #nav .dropmenu { width: auto; background: transparent none; margin-left: 19px; } #nav .dropmenu ul.menu { margin-left: 0; } #nav .dropmenu ul.menu li.item { line-height: 33px; } #nav .dropmenu ul.menu li.item .pipe { color: white; line-height: 33px; } #nav .dropmenu ul.menu li.item .pipe-1 { display: none; } #nav .dropmenu ul.menu li.item span.header { font-size: 13px; font-family: 'trebuchet MS', arial, verdana, sans-serif; text-transform: uppercase; color: #450426; line-height: 25px; padding: 9px 13px 10px;} #nav .dropmenu ul.menu li.item:hover span.header, #nav .dropmenu ul.menu li.sfhover span.header { background-color: #450426; color: #FFF; } #nav .dropmenu ul.menu li.item:hover ul { left: 8px; } #nav .dropmenu ul.menu ul { width:165px; background-color: #450426; top: 34px; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); border: 0 none; } #nav .dropmenu ul.menu ul li { border-bottom: 1px solid #6a2a4b; } #nav .dropmenu ul.menu ul li a, #nav .dropmenu ul.menu ul li a:visited { color:#ffffff; font-size: 14px; display: block; padding: 3px 10px 3px 15px; font-family: 'trebuchet MS', arial, verdana, sans-serif; text-transform: capitalize;} #nav .dropmenu ul.menu ul li a:hover, #nav .dropmenu ul.menu ul li a:focus, #nav .dropmenu ul.menu ul li a:active { color:#000000; background-color: #E38204; } /* #nav .dropmenu ul.menu li.item-6:hover ul { left: auto; right: 0; }*/ #nav #socialMediaIcons { height: 29px; width: 171px; float:right; margin-top: 3px; margin-right: 35px; } #nav #socialMediaIcons .social-media-button { display: -moz-inline-box; display: inline-block; width: 31px; height:29px; margin-left: 5px; font-size: 0.1%; text-indent: -999em; } #nav #socialMediaIcons #forum-button { background: transparent url('/templates/sta04_content_v3/images/social_media_forum_2.gif') no-repeat scroll left top; width:58px;} #nav #socialMediaIcons #myspace-button { background: transparent url('/templates/sta04_content_v3/images/social_media_myspace.png') no-repeat scroll left top; } #nav #socialMediaIcons #twitter-button { background: transparent url('/templates/sta04_content_v3/images/social_media_twitter.png') no-repeat scroll left top; } #nav #socialMediaIcons #facebook-button { background: transparent url('/templates/sta04_content_v3/images/social_media_facebook.png') no-repeat scroll left top; } #nav #socialMediaIcons #forum-button:hover { background: transparent url('/templates/sta04_content_v3/images/social_media_forum_2_hover.gif') no-repeat scroll left top; width:58px; } #nav #socialMediaIcons #myspace-button:hover { background: transparent url('/templates/sta04_content_v3/images/social_media_myspace_hover.png') no-repeat scroll left top; } #nav #socialMediaIcons #twitter-button:hover { background: transparent url('/templates/sta04_content_v3/images/social_media_twitter_hover.png') no-repeat scroll left top; } #nav #socialMediaIcons #facebook-button:hover { background: transparent url('/templates/sta04_content_v3/images/social_media_facebook_hover.png') no-repeat scroll left top; } #teaser {} #teaser_content { width: 962px; margin: 0 auto; } #main { padding-bottom: 120px;} #main_content { width: 962px; margin: 0 auto; padding-top: 0px; font-family: "trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color:#000; } #main_content a#content { display: none; } #main #pagetitles { padding-bottom: 10px; } #main h1.pagetitle { font-size:23px; color:#000000; font-family: "trebuchet MS", Arial, Helvetica, sans-serif; line-height:1em; margin:0px; } #main h2.pagesubtitle { display:block; font-size:20px; font-style:italic; font-family: "trebuchet MS", Arial, Helvetica, sans-serif; color:#39430d; margin:0px; padding:0px; } #main h1, #main h2, #main h3, #main h4 { font-family: "trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; } #main h1 { font-size: 19px; line-height: 1.2em; color: #000000; } #main h2 { font-size: 17px; line-height: 1.304em; color: #000000; } #main h3 { font-size: 15px; line-height: 1.5em; color: #39430d; } #main h4 { color: #555555; /*color: #003366;*/ } #main hr { color: #39430d; border-color: #39430d; } #main blockquote { color: #39430d;} /* Duplicate styles for old, span-class headers */ #main a, #main a:visited { font-weight:normal; color:#DDFF52; text-decoration: none; padding: 0; background: none; } #main a:hover, #main a:active, #main a:focus { font-weight: normal; color:#450426; text-decoration: underline; } #col1 { width: 211px; } #col1_content { margin: 40px 34px 0 42px; } .site_search { position: absolute; top: -32px; left: -3px; } .searchbgIE { /* put in IE specific patch file */ background: url(/templates/sta04_content_v3/images/search_bar.png) 0 0 no-repeat; } .searchform-bg { /* A hidden field that recieves a background image in Firefox et al */ background: url(/templates/sta04_content_v3/images/search_bar.png) 0 0 no-repeat; width: 138px; /* width of search bar image */ height: 23px; /* height of search bar image */ display: block; border: 0 none; } .searchform-submit { /* An image type input. src should be the button image */ position: absolute; top: 2px; /* position inside container (in search bar itself in this case; can go anywhere) */ right: 3px; /* position inside container (in search bar itself in this case; can go anywhere) */ } .searchform-query { margin-left: 10px; /* Margin along top */ margin-top: 5px; /* Margin along left */ width: 100px; /* Width of text input area */ height:18px; /* Height of text input area */ } /*====Dept Menu Structure & Positioning====*/ #col1 .department_menu { /* Department Menu div */ margin-left: 5px; /* Space whole div away from edge of frame */ font-size: 13px; font-family: "trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; } #col1 .department_menu ul.menu { /* ul.menu reset left margins */ margin-top: 5px; margin-left: 0; } #col1 .department_menu ul.menu * { /* Reset everything contained in ul.menu */ margin: 0; line-height: 1em; list-style-type: none; } #col1 .department_menu ul.menu li.item { /* Vertical seperation on top-level item blocks */ margin-bottom: 1em; margin-left: 10px; } #col1 .department_menu ul.menu li.item .pipe { display: none; } #col1 .department_menu ul.menu li.item li { /* Indents on sub-level links */ margin: 0 0 0.65em 1.2em; } #col1 .department_menu ul.menu span.header { /* Remove Indents on header items */ margin-left: 0; } /*====Dept Menu Aesthetics====*/ #col1 .department_menu .department-title { font-size: 18px; font-family: "trebuchet MS", Arial, Helvetica, sans-serif; color: #e38204; text-shadow: 2px 2px 2px #4E5614; } #col1 .department_menu ul.menu span.header { /* Header items text styles */ text-transform: lowercase; font-size: 11px; font-weight: bold; color: #ffffff; } #col1 .department_menu ul.menu span.header:hover { /* Header items text styles */ color: #450426; } #col1 .department_menu a, #col1 .department_menu a:visited { /* department menu links: static & visted */ text-transform: lowercase; font-family: verdana, "trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; } #col1 .department_menu a:hover, #col1 .department_menu a:focus, #col1 .department_menu a:active { /* department menu links: hover, focus, & active */ color: #450426; text-decoration: none; } .demographic-link { position: absolute; left:-39px; } #students {top: 1px; } #adults {top: 120px; } #teachers {top: 238px; } #col2 { width: 257px; } #col2_content { margin: 20px 62px 0 0px; } #col3 { margin-left: 212px; margin-right: 260px; } #col3_content { margin: 15px 24px 0 14px; } /* #col3 form fieldset { background: none; } Unecessary due to new form changes */ /* Styles for standard, html headers */ #col3 a#content { background: none; } #col3 p.featuretext { background-color:#E0F0CA; margin:10px; padding:5px; color:#587037; } #col3 p.featuretext strong { display:block; text-align:center; font-size:13px; } #col3 div.errormessage { color: red; } div#print_whereami { display:none; } .print_text { display:none; } .aligncontainer { text-align:center; width:100%; } /*.centered { width:775px; border:solid 1px #000; border-width:0px 1px; margin-left:auto; margin-right:auto; }*/ .clear,.stretcher { width:100%; clear:both; height:1px; float:none; margin:0px; padding:0px; font-size:1px;} .cmsForm .pagetitles { margin-left: 0; } /* * ====================== * Homepage Banners * ====================== */ #homepageBannerSpacer { height: 200px; display: block; margin-bottom: 10px; position: relative; top: -2px; width: 409px; } #homepageBanners { height: 420px; overflow: hidden !important; position: relative; top: -2px; width: 409px; z-index: 0; } /*=================== Footer - based on Ryan Fait's sticky footer - http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ =====================*/ #footer { display: none; } #stickyfooter { height: 120px; padding-top: 1px; background: transparent url('/templates/sta04_content_v3/images/background_interior_footer.jpg') no-repeat scroll center bottom; } #stickyfooter_content { width: 962px; margin: 77px auto 0; } #stickyfooter_content #stickyfooter_contact .footer_highlight { color: #ffff00; } #stickyfooter_content #itrtext { margin-top: 4px; margin-right: 30px; } #stickyfooter_content #itrtext a { margin: 0; display: block; } #stickyfooter_content #copyright { color:#39430d; font-size: 11px; text-align:left; line-height: 30px; margin-left: 10px; font-weight: bold; } /* Centered footer content: #sticky_footer_content #itrtext { margin-top: 10px; margin-left: 105px; margin-right: 0; float: none; } #sticky_footer_content #itrtext a { margin: 0; display: block; } #sticky_footer_content #copyright { float: none; color:#ffffff; text-align:center; line-height: 30px; margin-left: 105px; font-weight: bold; } */ /* Footer styles pulled from ITR_Defaults, modified to use stickyfooter div */ #sticky_footer_content { font-size: 0.75em; text-align: center; } #copyright { float: left; } #itrtext { float: right; margin-top: -0.35em; /* Must be adjusted on a per-site basis */ } #itrtext a { padding: 0; background: none transparent; } #stickyfooter #itrtext a img, #stickyfooter #itrtext a:link img, #stickyfooter #itrtext a:visited img { background-image: url('/templates/pre01_page/images/ITR_WebBug2009.png'); } #stickyfooter #itrtext a:hover img, #stickyfooter #itrtext a:active img, #stickyfooter #itrtext a:focus img { background-image:url(/_media/default/itr/designed-and-powered-by-itr-blue.png); background-repeat:no-repeat; }