/* Standard Classes - edit as needed do rename or delete */ .ItemDescriptionn { background-image: url(/stock/description-back.png); background-repeat: repeat-x; background-position: top; border-top-width: 1px; border-top-style: solid; border-top-color: #C8C8C8; font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif; font-size: 10px; line-height: 16px; } .ItemTitle { font-family: "Book Antiqua", "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #000; line-height: 17px; } .ItemStyle { color: #4E4E4E; } h3, .SubTitle { font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif; color: #7E7E7E; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: 7E7E7E; font-weight: normal; } .TransitionBack { background-image: url(/stock/fall10/1-Home-2270-zip-mock-pullover.jpg); background-repeat: no-repeat; background-position: left top; } div.noDisplay { display:none; } div.display { display:block; } html { height: 100%; margin-bottom: 1px; } php { height: 100%; margin-bottom: 1px; } A{ text-decoration: underline; } a:hover { text-decoration: underline; } TD { font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif; font-size: 14px; } INPUT, TEXTAREA, OPTION { font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding: 0px; color: #000000; } .Bullet { list-style-position: outside; list-style-image: url(/stock/Bullet.gif); font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; } SELECT { font-family: "Trebuchet MS"; font-size: 14px; padding: 2px; } .PageColor { background-color: #FFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .SidebarTitle { text-transform: uppercase; font-size: 16px; } .Bold { font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif; font-size: 18px; } .italic { font-style: italic} .Footer { font-size: 12px; color: #FFFFFF; font-family: Tahoma, "Trebuchet MS"; line-height: 17px; } .BreadCrumbs { font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #000; font-style: italic; } .BlueLink { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #0000FF; text-decoration: underline; } .BlockNav { font-family: "Trajan Pro Bold", "Georgia Bold", "Times New Roman Bold"; font-size: 13px; font-weight: normal; color: #D8D8C0; margin: 0px; float: left; padding-right: 25px; padding-left: 25px; text-decoration: none; vertical-align: middle; } a:hover.BlockNav { color: #3F5163; text-decoration: none; } .PadLeft { margin-left: 12px;} .PadRight { margin-right: 12px;} /* CSS On State Buttons - also requires: body tag (i.e. ) nav (i.e. Sample 1 */ #about #nav-about a, #history #nav-history a, #foundation #nav-foundation a, #employment #nav-employment a, #materials #nav-materials a, #design #nav-design a, #technology #nav-technology a, #usa #nav-usa a, #fall-2010 #nav-fall-2010 a, #spring-2010 #nav-spring-2010 a, #spring-2011 #nav-spring-2011 a { font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif; font-size: 16px; text-decoration: none; font-weight: normal; color: #900; float: left; text-indent: 15px; padding-top: 4px; padding-bottom: 4px; } .SubNav { font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif; font-size: 16px; font-weight: normal; color: #333; text-decoration: none; text-indent: 15px; float: left; padding-top: 4px; padding-bottom: 4px; } /* CSS Image Transition */ #pics { padding: 0; margin: 0; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } #pics img { padding: 0; margin: 0; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } .HeaderLeft { background-image: url(/stock/header-left.jpg); background-repeat: no-repeat; background-position: right top; } .HeaderRight { background-image: url(/stock/header-right-repeat.jpg); background-repeat: repeat-x; background-position: top; } .HeaderBack { background-image: url(/stock/header-back.png); background-repeat: no-repeat; background-position: right top; } .Login { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #333; font-weight: bold; text-transform: uppercase; text-decoration: none; padding-right: 12px; line-height: 35px; } .FooterLeft { background-image: url(/stock/footer-left-repeat.jpg); background-repeat: repeat-x; } .FooterRight { background-image: url(/stock/footer-right.jpg); background-repeat: no-repeat; background-position: left top; } .FooterBack { background-image: url(/stock/footer-back.png); background-repeat: no-repeat; background-position: right top; height: 115px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333; padding-top: 40px; vertical-align: middle; padding-bottom: 40px; } .FooterLink { color: #333; } .FooterBreadcrumbs { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9px; color: #CCC; line-height: 30px; text-align: center; font-weight: normal; } .MainNav { float: left; width: 196px; font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif; font-size: 14px; font-weight: normal; text-transform: uppercase; color: #666; text-decoration: none; background-image: url(/stock/nav-underline.jpg); background-repeat: no-repeat; background-position: left bottom; padding-top: 10px; padding-bottom: 10px; } .MainNav2a { float: left; width: 196px; font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif; font-size: 14px; font-weight: normal; text-transform: uppercase; color: #666; text-decoration: none; padding-top: 10px; } .MainNav2b { float: left; width: 196px; background-image: url(/stock/nav-underline.jpg); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 6px; } .SideBarCell { font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #000; font-weight: normal; line-height: 16px; } .CellLight {background-color: #ECECEC;} .GrayLink { font-size: 12px; color: #666666; } #Content { font-family: "Times New Roman", Times, serif; font-size: 14px; height: 519px; text-align: left; vertical-align: top; padding-top: 18px; padding-right: 18px; padding-bottom: 30px; padding-left: 18px; } h1, .Title { font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif; font-size: 26px; font-weight: normal; color: #000; } h2 { font-size: 20px; font-weight: normal; text-transform: uppercase; color: #666; font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif; } .NewsLink { font-weight: normal; text-decoration: underline; font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif; color: #000000; font-size: 14px; } .NewsLinkSmall { font-size: 11px; color: #666666; font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif; } .Thumbs { style:hspace="3" vspace="3"; margin: 2px; } .CollectionButton { font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif; font-weight: normal; color: #000; background-color: #B1B1B1; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CFCFCF; border-right-color: #9A9A9A; border-bottom-color: #9A9A9A; border-left-color: #CFCFCF; width: 170px; padding-top: 3px; padding-bottom: 3px; font-size: 14px; text-decoration: none; float: left; text-align: center; margin-top: 2px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; } /* root element for the scrollable. when scrolling occurs this element stays still. */ /* root element for scrollable */ div.scrollable { /* required settings */ position:relative; overflow:hidden; /* vertical scrollers have typically larger height than width */ height: 180px; width: 190px; } /* root element for scrollable items */ div.scrollable div.items { position:absolute; /* this time we have very large space for height */ height:20000em; left: 0px; width:191px; } /* a single item. must be floated on horizontal scrolling typically this element is the one that *you* will style the most. */ div.scrollable div.items div { float:left; width:88px; padding-bottom:6px; text-align:center; } /* you may want to setup some decorations to active item */ div.items div.active img{ border:1px solid #900; } div.items img{ border:1px solid #ECECEC; } /* this makes it possible to add next button beside scrollable */ div.scrollable { float:left; } /* next button uses another background image */ a.next, a.nextPage { background-image:url(/stock/gallery-down.jpg); display:block; width:182px; height:12px; float:left; cursor:pointer; } /* prev, next, prevPage and nextPage buttons */ a.prev, a.prevPage{ display:block; width:182px; height:12px; float:left; cursor:pointer; background:url(/stock/gallery-up.jpg) no-repeat; } /* mouseover state */ a.prev:hover, a.prevPage:hover { background:url(/stock/gallery-up_f2.jpg no-repeat center; } a.next:hover, a.nextPage:hover{ background-image:url(/stock/gallery-down_f2.jpg); } /* disabled navigational button */ a.disabled { visibility:hidden !important; }