/* CSS Document */ /***********************************************/ /* 2col_rightNav.css */ /* Use with template 2col_rightNav.html */ /***********************************************/ /***********************************************/ /* HTML tag styles */ /***********************************************/ body{ font-family: Arial,sans-serif; color: #333333; line-height: 1.166; margin: 0px; padding: 0px; width: 80%; } a:link, a:visited, a:hover { color: #006699; text-decoration: none; } a:hover { text-decoration: underline; } /* overrides decoration from previous rule for hovered links */ h1, h2, h3, h4, h5, h6 { font-family: Arial,sans-serif; margin: 0px; padding: 5px; } h1{ font-family: Verdana,Arial,sans-serif; font-size: 120%; color: #334d55; } h2{ font-size: 114%; color: #006699; } h3{ font-size: 100%; color: #006699; } h4{ font-size: 100%; font-weight: normal; color: #333333; } h5{ font-size: 100%; color: #334d55; } ul{ list-style-type: square; } ul ul{ list-style-type: disc; } ul ul ul{ list-style-type: none; } label{ font: bold 100% Arial,sans-serif; color: #334d55; } /***********************************************/ /* Layout Divs */ /***********************************************/ #masthead{ margin: 0; padding: 10px 0px; border-bottom: 1px solid #cccccc; width: 80%; } #navBar{ margin: 0 0 0 79%; padding: 0px; background-color: #eeeeee; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; } #content{ float:left; width: 75%; margin: 0; padding: 0 3% 0 0; } /***********************************************/ /*Component Divs */ /***********************************************/ #siteName{ margin: 0px; padding: 0px 0px 10px 10px; } /*************** #pageName styles **************/ #pageName{ padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 10px; } /************* #globalNav styles **************/ #globalNav{ color: #cccccc; padding: 0px 0px 0px 10px; white-space: nowrap; } /* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line this will force a horizontal scrollbar if there isn't enough room for all links remove rule or change value to 'normal' if you want the links to line-wrap */ #globalNav img{ display: block; } #globalNav a { font-size: 90%; padding: 0px 4px 0px 0px; } /************* #breadCrumb styles *************/ #breadCrumb{ font-size: 80%; padding: 5px 0px 5px 10px; } /************** .feature styles ***************/ .feature{ font-size: 90%; background-color: #FFFFFF; background-position: left; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 5px; padding-right: 0px; padding-bottom: 10px; padding-left: 10px; } .feature h3{ padding: 30px 0px 5px 0px; text-align: center; } .feature img{ float: left; padding: 0px 10px 0px 0px; margin: 0 5px 5px 0; } /* adjust margins to change separation between the feature image and text flowing around it */ /************** .story styles *****************/ .story{ clear: both; padding: 10px 0px 0px 10px; font-size: 90%; } .story p{ padding: 0px 0px 10px 0px; } /************* #siteInfo styles ***************/ #siteInfo{ clear: both; border: 1px solid #cccccc; font-size: 75%; color: #cccccc; padding: 10px 10px 10px 10px; margin-top: 0px; } /* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with) the bottom border of the navBar in cases where they "touch" */ #siteInfo img{ padding: 4px 4px 4px 0px; vertical-align: middle; } /************* #search styles ***************/ #search{ padding: 5px 0px 5px 10px; border-bottom: 1px solid #cccccc; font-size: 90%; } #search form{ margin: 0px; padding: 0px; } #search label{ display: block; margin: 0px; padding: 0px; } /*********** #navBar link styles ***********/ #navBar ul a:link, #navBar ul a:visited {display: block;} #navBar ul {list-style: none; margin: 0; padding: 0;} /* hack to fix IE/Win's broken rendering of block-level anchors in lists */ #navBar li {border-bottom: 1px solid #EEE;} /* fix for browsers that don't need the hack */ html>body #navBar li {border-bottom: none;} /*********** #sectionLinks styles ***********/ #sectionLinks{ position: relative; margin: 0px; padding: 0px; border-bottom: 1px solid #cccccc; font-size: 90%; } #sectionLinks h3{ padding: 10px 0px 2px 10px; } #sectionLinks a:link{ padding: 2px 0px 2px 10px; border-top: 1px solid #cccccc; width: 100%; voice-family: "\"}\""; voice-family:inherit; width: auto; } #sectionLinks a:visited{ border-top: 1px solid #cccccc; padding: 2px 0px 2px 10px; } #sectionLinks a:hover{ border-top: 1px solid #cccccc; background-color: #dddddd; padding: 2px 0px 2px 10px; } /*********** .relatedLinks styles ***********/ .relatedLinks{ margin: 0px; padding: 0px 0px 10px 10px; font-size: 90%; } .relatedLinks h3{ padding: 10px 0px 2px 0px; } /************** #advert styles **************/ #advert{ padding: 10px 0px 0px 10px; font-size: 80%; border-top: 1px solid #cccccc; } #advert img{ display: block; } /************** #headlines styles **************/ #headlines{ margin: 0px; padding: 10px 0px 20px 10px; font-size: 80%; } #headlines p{ padding: 5px 0px 5px 0px; } .CoachTitle { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: none; border-right-style: none; border-bottom-style: dotted; border-left-style: none; border-top-color: #ff8c00; border-right-color: #ff8c00; border-bottom-color: #ff8c00; border-left-color: #ff8c00; top: 10px; padding-top: 5px; } .Picture { vertical-align: text-top; position: static; padding-left: 5px; } .SHGSOrangeHead{background-color: #ff8c00; font-family : Arial, Helvetica, sans-serif; font-size : 12px; font-style : italic; font-weight : bold; border : 1px solid #000000; border-color : Gray; } .RTgoldhead{background-color: #ff8c00; font-family : Arial, Helvetica, sans-serif; font-size : 12px; font-style : italic; font-weight : bold; border : 1px solid #000000; border-color : Gray; } .RTgraywline {background-color: #DCDCDC;color:#000000; font-family : Arial, Helvetica, sans-serif; font-size : 11px; border-bottom : 1px solid #A9A9A9; } .borderTRBLb { border: 1px solid #000000; background-color : #DFDFDF; vertical-align: text-top; } .blacksm { COLOR: black; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 9px; TEXT-DECORATION: none; font-weight: bold; } .hpfeature{ font-size: 90%; background-color: #FFFFFF; background-position: left; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 5px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; } .blacksmallPadding { COLOR: #666666; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 9px; TEXT-DECORATION: none; font-weight: bold; padding-left: 0px; padding-top: 15px; margin: 5px; padding-right: 0px; padding-bottom: 0px; border-top-width: thin; border-top-style: dashed; border-top-color: #666666; border-right-color: #666666; border-bottom-color: #666666; border-left-color: #666666; } /*All Modules*/ .moduletable h3 { text-indent:18px; margin:0; padding:5px 0px; color:#000; background-image: url(../images/moduleh3.png); background-repeat: no-repeat; background-position: left center; position:relative; font-family: "Lucida Grande", "Trebuchet MS", Tahoma; font-size: 1.16em; line-height: 2em; font-weight: bold; } .moduletable p {font-size:1em;line-height:1.15em; color:#fff;} .moduletable { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; margin-bottom: 20px; } .scroll_text_mor { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; /************** #headlines styles **************/ .gallery_content { margin: 0 20px; } .gallery_content a { color: #fff; } .gallery_content p.linkage { margin-top: 2em; text-align: right; font-size: 1.7em; color: #ddd; } #SHSGS_myGallery { text-align: left; margin: 0 auto; } /********** FADING SCROLLER **********/ div.SHSscroller { font-weight: normal; font-size: 8pt; padding-top: 2; padding-right: 10; padding-bottom: 2; padding-left: 10; margin-top: 4px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; } .SHSscroller a { font-size: 8pt; text-decoration: underline; } .SHSscroller-score { float: right; font-size: 8pt; padding-top: 0; padding-right: 60; padding-bottom: 0; padding-left: 0; }