Export styles to an external style sheet

I'm a student taking Dreamweaver 8 and the only software
available was CS3. So, I'm using CS3 and following the tutorial and
it says to add some page-level styles. Then, the next step is to
export those styles to an external stylesheet. The steps say to
open the file that has the styles, click File > Export > CSS
Styles. I don't have CSS Styles as an option. Is it missing in CS3
or am I doing something incorrect? Any help would really be
appreciated.

That option is gone from CS3. Try this instead:
1] Display the CSS panel
2] Select the styles you wish to export. (Select multiple
styles by
selecting the first style in the list, then SHIFT-clicking
the bottom
style to select the block. Or CTRL-click individual styles to
select them.)
3] Right-click any selected/highlighted style and choose Move
CSS Rules
from the popup menu
4] You should be able to figure the rest out from there.
Good luck.
Alec
Adobe Community Expert

Similar Messages

  • Export css rules to an external style sheet

    Hi
    For some reason, when i try and right click on my selected styles to move them into a new external style sheet the option to move css rules isn't in bold so i can't perform the task. Its the same when i try and select move css rules from the format tab in my toolbar. Has anyone come across this before or know another way around it. I also seem to get different options appear on my right click depending on what view I am in, is this normal?
    Thanks
    Ellen

    Why don't you manually move your embedded CSS code into a new CSS file (in code view)? 
    Then link your HTML pages to your external style sheet.
    Dreamweaver, Linking HTML to External Style Sheets
    Nancy O.

  • Is it possible to change the color of a layer of a Customs CSS from an External Style sheet?

    Hi,
    I have sucessfully link External .css  file to my HTML page and able to change the font size of the headlines and the paragraph.
    What I am not able to do is to ADD the color my Custom CSS from the External sheet.  I have difined the color attribute as a 'Advance'
    and gave it the same name "#bigwraper" that is has in my HTML file.
    Attached is the color outline of my 'Blank Layout' with colors?
    Thank you.
    Dreamer101.1

    Hi Murray,
    I am building a web site on which the entire content would be changed at least daily. The website would have similar design to www.Helium.com
    The page will have CCS layout boxes in which different content would  be pasted.
    To re-phrase my question:  I want to know how to change the color of a layer from an external style sheet?
    Because my home page 'Sidebar' and colors would be the same for all page, only the content of different pages would be different.  If I want to change a color of my web side pages, I need to learn how to do it in one spot through an External Style Sheet.
    I am amble to link my external style sheet and to change H1 tag and to give it different colors. But I was not sucess with change the color of a layer on which my content sits around.
    I took out the color from my HTML page and gave the same name to the layer in my External Style Sheet with the same color.
    Hope my question and the reason I was able to clarify.
    cheers,
    Dreamer101.1

  • How does one export a style sheet?

    Adobe Frame 12 help says:
    "You can also use style sheets (.css) to manage the styles in the published output. In this case, you can export the current styles to a .css file. You can then open this file in a text or .css editor (such as Adobe Dreamweaver), make changes to the styles in this file and import the file back.
    To export and import the style sheet:
    To export the output styles defined for the current output, click Export . "
    OK, so where is this?
    Nothing I can find on the menus provide this option displaying regular Frame or XML view.
    Also, when I find it, do I need to load the css into Dreamweaver? Shouldn't I be able to use the XML view?

    No Colum, I've since found it. (Actually I found a video by Bernard A. that explained a bit).
    In the "Publish" pod are 5 choices (epub, html, etc) and selecting one highlights a button for settings. Edit settings has TWO tabs, one called Style Mappings which is where the button for Import/Export styles can be found.
    There's a button there for Automap Paragraph Styles which I'm going to experiment with next.
    Thanks for your efforts to solve my huge learning curve.

  • Firefox External Style Sheet

    I am fairly new at designing Web pages. However, I have
    learned how to create external style sheets and internal syles in
    Dreamweaver. My problem is that when I create an external
    style sheet and attach it to Dreamweaver documents, the styles work
    fine in Safari and Internet Explorer, but not in Firefox. Internal
    styles work fine in Firefox. Is this a Firefox limitation or am I
    do something wrong?

    I checked out your page in FF, EI (6), NS and Opera... all
    looked the same
    to me. Not sure what problem you are having. One note
    however, when your
    text size is changed, it overlaps your "Not taking new
    clients" box badly.
    Might want to take a look at how you do that. Needs to flow
    with the text
    size (and people WILL change the text size so you need to be
    aware of that
    in your designs)
    "MontyC" <[email protected]> wrote in
    message
    news:eiof4j$c0l$[email protected]..
    >I am fairly new at designing Web pages. However, I have
    learned how to
    >create
    > external style sheets and internal syles in
    > Dreamweaver. My problem is that when I create an
    external style sheet and
    > attach it to Dreamweaver documents, the styles work fine
    in Safari and
    > Internet
    > Explorer, but not in Firefox. Internal styles work fine
    in Firefox. Is
    > this a
    > Firefox limitation or am I do something wrong?
    >

  • External Style Sheet ??

    Read and Practice and it all comes together! :)
    Well, most of it anyway...
    I am doing CSS LAYOUT and I forgot to create an external
    style sheet or something.
    Can I just take all the CSS code in the header now and paste
    it into a text file and save it as .css?
    And then delete the code in the header?
    And I lost that little line of code to put on each page to go
    load the .css file.
    Is there some difference between a css layout file and a css
    style file?
    They can be incorporated into one file right?
    peace
    rj

    CSS is CSS, not JS. But you can externalize the js files,
    too.
    And it's not JAVA, it's javascript. The two are completely
    different.
    > So I can put the JAVA that sits in the header, move it
    to notepad or
    > whatever,
    > name it with what extender and what first line in the
    file.?
    Yes. Make sure that you remove the
    <script type="text/javascript">
    <!--
    and the
    -->
    </script> (the comment lines may or may not be there)
    before you save the file. Then use DW's INSERT | HTML >
    Script > browse to
    and select the file.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "rack22" <[email protected]> wrote in
    message
    news:[email protected]...
    > As I spend more time at this, more ideas come by me, and
    that was where I
    > was
    > going next here. :)
    >
    > I wanted to ask if my two rather large JS scripts in the
    header (which
    > will go
    > to all pages) can be put in the .css file. I am pretty
    sure not though!
    > So
    > making various an external file and a loader in the HTML
    would be the
    > starting
    > point learning curve for me.
    >
    > So I can put the JAVA that sits in the header, move it
    to notepad or
    > whatever,
    > name it with what extender and what first line in the
    file.?
    > And then a pointer in each htm file which would be?
    >
    > Then when I get it SUNK IN I can move along. Like the
    two sidebars will
    > never
    > differ, same with the top banner except a few text
    words.
    >
    > I am now working on ROUNDED CORNERS for borders! :)
    > But I intend to get what I call the TEMPLATE up early
    next week and will
    > link
    > so yall know where I am going.
    >
    > PS: Dream is so cool that I was going to uninstall
    FRONTPAGE. But you
    > know, it
    > has one kickass thing going for it.
    > For any web designer, quickly build some WORD ART,
    screen save and work it
    > in
    > Adobe. Not only great art in titles that you can change
    infinitely , but
    > easy
    > to make just about any kind of shaded backgrounds.
    > But other than that, bye bye Bill!
    >
    >
    >

  • Banner image disappears when I move css to external style sheet

    If I have the following code in the head of the document, the banner image is displayed:
    <link href="css/styles.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="javascript/copyNote.js"></script>
    <style type="text/css">
    <!--
    #banner
    margin: 0 auto;
    width: 980px;
    height: 198px;
    background-image:url(images/banner.gif);
    -->
    </style>
    But if I move the above code to the linked external style sheet (css/styles.css) everything shows up except the banner image.
    Anyone know what I'm doing wrong?

    BcSurvivor08 wrote:
    the image path shouldn't change since the image is still in the image folder, right?
    Yes, but the path to the image in the CSS must be relative to the location of the external CSS file.
    In other words, the following rule in the home page
    #banner
    margin: 0 auto;
    width: 980px;
    height: 198px;
    background-image:url(images/banner.gif);
    would be written in the external CSS file as
    #banner
    margin: 0 auto;
    width: 980px;
    height: 198px;
    background-image:url(../images/banner.gif);
    because the CSS file is inside the css folder (one level down from the root folder).
    ../ says "From the "css" folder, go up a folder level then look for banner.gif inside the "images" folder..

  • RH 11 v11.0.2.240:  Cleaning up an External Style Sheet (CSS)

    Hello,
    I am in the process of trying to clean up a CSS for an "old" RoboHelp project.  I believe the CSS contains many unused styles that were probably "trial & error" styles, but were never deleted when they failed to produce the correct format.  I know it doesn't do any harm to leave them in the CSS, but I really don't want them around! 
    I did not see a report in RoboHelp that would provide this information, but before doing a search for each individual style using a program like Agent Ransack, I wanted to see if anyone in the Community had any clever ideas as to how to accomplish this task.
    Thanks for  your input/suggestions!

    I can't say I've had this issue.  But then again, I never use the CSS property inspector to create an external style sheet.  I just hit File > New > CSS.  I add my CSS rules and Save it to the local site folder.
    Link style sheet to HTML pages.
    http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • Link to External Style Sheet

    How do I link a report to an external style sheet?

    I am assuming you're working within a Defined Local Site Folder.  If not, go to Site > Manage Sites > New...  
    For further details:
    http://help.adobe.com/en_US/dreamweaver/cs/using/WS753df6af718a350a60097e0f131686fa2b4-7ff e.html
    How to attach external CSS files to your HTML pages.
    http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/

  • How to include external style sheet

    Hi !!
    Can any one explain how to include external style sheet.

    Anil,
    Simply include the css file as I demonstrated in my last post and then reference one the css classes by name in the "styleClass" attribute of the component. So, if the css file that have included in my JSP file (as demonstrated in the prev post) contains a class like:
    .spicyPink {
    color:#FF1CAE;
    font-weight:bold;
    Then I would simply reference this class in the component as folows:
    <af:outputText value="Pretty In Pink" styleClass="spicyPink"/>
    However, you can also add styling to a component inline and accomplish the same task:
    <af:outputText value="Pretty In Pink" inlineStyle="color:#FF1CAE;
    font-weight:bold;"/>
    The thing to remember is that other than the use of styleClass and inlineStyle, referencing and including css in your JSP/JSPX pages is really no different that used in an HTML page.
    Here is reference to help you along:
    http://www.w3.org/TR/REC-CSS1#containment-in-html
    --RiC                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           

  • Can't name external style sheet

    I have DW CS3 on the MAC (Leopard). I am trying to create an
    external style sheet. I click the New Style + button, the Rule
    window opens and i choos Tag and chose the paragraph tag p and
    Define in is a New Style Sheet. Hit OK and in the Save As field I
    type "feature.css" then hit Save. But then, the Rule Definition
    window opens and the style sheet is called "untitled". Why is this?
    Thanks

    OK, now for the workaround. Use a script to apply the style (I think there's one around here somewhere). Use a KB shortcut to activate the script.
    Numpad keys are reserved, and are the only keys that will work, to define a style shortcut directly.

  • Insert a div box background for one document only while using external CSS style sheet.

    I am trying to set a background image in one of my div boxes, but because I am using an external style sheet it changes it in all my documents. How can I do it with just this one page? Preferably in design mode.

    What i did to slove this problem was:
    Open my external CSS style sheet
    Copy the contents of it
    Remove the CSS link in the one page i wanted to be different.
    Pasted the contents in the <head> under the rest of the CSS rules for that page.
    Then I could set the background for that box w/o altering the other pages..
    I tried the other suggestions, but could not get them to work. Not saying they are wrong, but maybe i was implementing them wrong.

  • Dreamweaver MX and External Style Sheets

    Hi, this issue has been causing me some issues and I am
    hoping some one may hold the answer. I have searched high and low
    but not able to find the answer to this...
    I have dreamweaver MX, I use a style sheet on an absolute URL
    in my dreamweaver HTML files as follows.
    <link href="
    http://mysite/CSS/stylesheet.css"
    rel="stylesheet" type="text/css">
    When I edit a HTML file in dreamweaver that has this refernce
    in it I get no options in my style sheet menu to select my defined
    styles in the style sheet. I know the style sheet works as if I
    preview this page in Internet Explorer or firefox it loads the page
    and appllys my styles to it so it looks completely differnt to what
    it looks like in Dreamweaver.
    I have found if add this link into dreamweaver it works
    giving me my options for my styles so I can format my page and it
    shows correctly in Dreamweaver.
    <link
    href="file:///Q|/Documents%20and%20Settings/BOBO/Desktop/CSS/stylesheet.css"
    rel="stylesheet" type="text/css">
    The only thing that differs from each links is the location,
    the one stored locally works fine but the one on the website will
    not work and dreamweaver mx will not access it.
    I then tried the exaxt same scenario in Dreamweaver 8 and
    using both links locally and absolute it works on both links
    perfectly fine and I can see my stlye sheet options. So it seems
    Dreamweaver 8 is able to connect to both a locally stored style
    sheet and an absolute URL and allow me to use my style sheeta but
    Dreamweaver MX is not allowing access to absolute URL's.
    Can anyone tell me if there is a setting or something I need
    to configure within dreamweaver mx to allow it to connect to an
    absolute URL style sheet?
    Any help appreciated...

    DMX cannot display external files. But you could use a
    design-time
    stylesheet.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "conversionking" <[email protected]> wrote
    in message
    news:[email protected]...
    > Hi, this issue has been causing me some issues and I am
    hoping some one
    > may
    > hold the answer. I have searched high and low but not
    able to find the
    > answer
    > to this...
    >
    > I have dreamweaver MX, I use a style sheet on an
    absolute URL in my
    > dreamweaver HTML files as follows.
    >
    > <link href="
    http://mysite/CSS/stylesheet.css"
    rel="stylesheet"
    > type="text/css">
    >
    > When I edit a HTML file in dreamweaver that has this
    refernce in it I get
    > no
    > options in my style sheet menu to select my defined
    styles in the style
    > sheet.
    > I know the style sheet works as if I preview this page
    in Internet
    > Explorer or
    > firefox it loads the page and appllys my styles to it so
    it looks
    > completely
    > differnt to what it looks like in Dreamweaver.
    >
    > I have found if add this link into dreamweaver it works
    giving me my
    > options
    > for my styles so I can format my page and it shows
    correctly in
    > Dreamweaver.
    >
    > <link
    >
    href="file:///Q|/Documents%20and%20Settings/BOBO/Desktop/CSS/stylesheet.css"
    > rel="stylesheet" type="text/css">
    >
    > The only thing that differs from each links is the
    location, the one
    > stored
    > locally works fine but the one on the website will not
    work and
    > dreamweaver mx
    > will not access it.
    >
    > I then tried the exaxt same scenario in Dreamweaver 8
    and using both links
    > locally and absolute it works on both links perfectly
    fine and I can see
    > my
    > stlye sheet options. So it seems Dreamweaver 8 is able
    to connect to both
    > a
    > locally stored style sheet and an absolute URL and allow
    me to use my
    > style
    > sheeta but Dreamweaver MX is not allowing access to
    absolute URL's.
    >
    > Can anyone tell me if there is a setting or something I
    need to configure
    > within dreamweaver mx to allow it to connect to an
    absolute URL style
    > sheet?
    >
    > Any help appreciated...
    >
    >
    >

  • Dreamweaver very slow when linking to external CSS style sheets

    I'm working on a site on my PC using Dreamweaver CS6.  When I link to external style sheets, Dreamweaver virtually grinds to a halt.  Just clicking from one line to another can take up 10 seconds.  My PC is high spec, i3720, stripes set drives and 32gb ram.
    I have tried deleting the cache no change.  The external css files are part of the site and the site has been rebuilt .  Can somone help with this as it is seriously impacting my ability to use Dreamweaver.

    Hi Murray, the RAM comments were irrelevant, pointless. 32GB RAM vs 4GB RAM?  Sorry, I worked at Microsoft and as a systems integrataion consultant for a number of years.  32bit programmes don't access RAM the same as 64bit, but, having 32gb with a 64Bit OS means RAM usage for a 32bit programme is better managed. Programmes and data files are on seperate drives.  My data files kept are on 3 disk stripe sets.
    The CSS files and the HTML file are on the same drive.  AS an example of performance for data read/writes, I also use Photoshop CS6 to edit images in excess of 2gb in size containg multiple smart object, and I dont experience this type perormance lag.
    In this case, RAM is mainly irrlevent because the file are small, approx 200kb total combined size.  I mentioned RAM in my initial post because any time I've had problems with Adobe products before, I've always been asked how much RAM I have.
    So, can we please drop RAM, and perhaps focus on the problem....
         Dreamweaver, regardless of what background processes I have running, regardless of how much RAM I have, regardless of where the files are kept, has a significant performance hit when editing an HTML file with links to multiple CSS files.

  • Dreamweaver CC understanding external style sheets when using Fluid layouts?

    I'm attempting to build a website using the Dreamweaver CC Fluid layout feature. I've been using this tutorial:
    http://www.adobe.com/inspire/2012/08/fluid-grid-layouts-dreamweaver-cs6.html
    The bit i'm stuck at is when it comes to attaching a external style sheet to format the text and content. So to be clear, i've already created my fluid layout and created a 'layout.css' file when promted, then using some html 5 class div tags (header, navigation and article) i've built my layout. All doing what I want up to this point.
    Now I need to start adding content and from what I understand its much better practice to set up another external style sheet for the text formatting and styling.
    I used the CSS Designer to 'create a new CSS file', called it 'typography.css' and I can see its linked to the main Source Code file.
    I understand that theory but here is where its confusing for me:
    After creating and linking the new CSS file what do I do next? Do I have to hand code in various text formatting ids or is there a more visual way of doing it? Or do I select my text content in the source code page and then press the '+' button in the 'Selectors' panel to start adding ids that way? And should the class or id names in the new CSS file be the same as in the layout CSS file or different?
    I guess I dont really understand excatly how external style sheets should be created and implemented, all the youtube vids i've watched so far are done with hand coding but i'd like to use the Properties panel to do it in a more visual way if possible.
    Any tips or help greatly appreciated, some basic learning needed. Thanks.

    Giving a detailed explanation of  how to best use CSS goes beyond the scope of what this forum can do.  There are volumes of books, blogs and tech sites devoted to this  topic. 
    A Must Read --  How to Develop with CSS?
    http://phrogz.net/css/HowToDevelopWithCSS.html
    In a nutshell, make the most of your logical HTML tags.  They not only add semantic structure to your content, they serve as  hooks for your CSS styles.   Don't class or ID something unless you absolutely need it.   The goal here is to keep your HTML streamlined.
    /**effects all h2 tags in your site**/
    h2 {font-size: 125%} 
    /**only effects h2 tags inside headers**/
    header h2 {color:orange} 
    /**effects all p tags**/
    p {font-size: 100%} 
    /**only effects p tags inside articles**/
    article p {color:#333}
    Nancy O.

  • Should i put my table in my external style sheet?

    Should i put my table in my external style sheet? if so how do i do this?
    i'm having serious problems trying to stop my menu bar and header to stop jumping around when a switch pages. I realised i needed to create an external style sheet. however, when i extracted the ccs styles from my one of my pages (my homepage), there is only styles for my spry menu bar, nothing else. - however this doesnt stop my menu bar from moving around. all of my pages are use tables. so my menu bar and header are both 'td' rather than in a div or wrapper.
    it seems as though nothing i try will stop my items from moving around. they are all exactly the same width and height in html and the same in css. I know about attaching style sheets, but i just cant seem to understand how to get everything aligned properly. I want my external style sheet to have my header at the top and centre, and my menu bar underneath and centre. How do i do this using a table? do i put the table into the external style sheet so that my table measurements etc are the same for each page? + how do i do this? Does anything else other than positions, colours, fonts etc go into my external style sheet? cos im aware that i use the html for the things i want to look different and every page, and the css for the things that i want to look the same. so which stuff goes in which? im getting really confused now, does my header and menu bar need to go in my external style as well as my html? :S
    everything just seems to have gone horribly wrong, ive tried so many things, but everything i try simply has no effect. blahhh :/

    and this is the external style sheet, which i extracted from my home page (the top code). what do i need to add to this?
    @charset "utf-8";
    body {
                        margin: 0px;
              border-left-style: none;
              border-left-color: #CCC;
              border-bottom-color: #FFF;
              border-bottom-width: 25px;
              border-bottom-style: solid;
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
              padding: 0;
              list-style-type: none;
              font-size: 100%;
              cursor: default;
              width: 640px;
              margin-bottom: 0;
              margin-left: auto;
              border-top-style: none;
              border-right-style: none;
              border-bottom-style: none;
              border-left-style: none;
              border-top-color: #000;
              border-right-color: #000;
              border-bottom-color: #000;
              border-left-color: #000;
              margin-right: auto;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
              z-index: 1000;
    #header {
              clip: rect(auto,auto,auto,auto);
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
              margin: 0;
              padding: 0;
              list-style-type: none;
              font-size: 100%;
              position: relative;
              text-align: left;
              cursor: pointer;
              width: 8em;
              float: left;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
              margin: 0;
              padding: 0;
              list-style-type: none;
              font-size: 100%;
              z-index: 1020;
              cursor: default;
              width: 278px;
              position: absolute;
              left: -1000em;
              height: 48px;
              top: 55px;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
              border: 1px solid #CCC;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
              left: 1px;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
              width: 8.7em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
              position: absolute;
              margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
              left: -269px;
              top: 5px;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
              display: block;
              cursor: pointer;
              background-color: #FFF;
              padding: 0.5em 0.75em;
              color: #000;
              text-decoration: none;
              font-family: Pristina;
              font-size: 21px;
              text-align: center;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
              background-color: #FFF;
              color: #999;
              font-family: Pristina;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
              background-color: #FFF;
              color: #999;
              font-family: Pristina;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
              background-image: url(SpryAssets/SpryMenuBarDown.gif);
              background-repeat: no-repeat;
              background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
              background-image: url(SpryAssets/SpryMenuBarRight.gif);
              background-repeat: no-repeat;
              background-position: 95% 50%;
              font-size: 21px;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
              background-image: url(SpryAssets/SpryMenuBarDownHover.gif);
              background-repeat: no-repeat;
              background-position: 95% 50%;
              font-size: 21px;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
              background-image: url(SpryAssets/SpryMenuBarRightHover.gif);
              background-repeat: no-repeat;
              background-position: 95% 50%;
              font-size: 21px;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
              position: absolute;
              z-index: 1010;
              filter:alpha(opacity:0.1);
              font-size: 21px;
              ul.MenuBarHorizontal li.MenuBarItemIE
              display: inline;
              f\loat: left;
              background: #FFF;
              font-size: 21px;
    body {
              margin: 0px;
              border-left-style: none;
              border-left-color: #CCC;
              border-bottom-color: #FFF;
              border-bottom-width: 25px;
              border-bottom-style: solid;

Maybe you are looking for