@import url("Horizontal%20Menu.css");

/**************** Begin Global Rules ****************/

/* Colors used in this skin:

      Hyperlinks, Menu: Green (#006637) / Submenu: Light Green (#009A4C)
      Reverse Hyperlinks: White / Hover: Gold (#FCD13E)
      Headings, Sidebar: Burgundy (#842E1A)
      Logo tagline: Ochre (#A35B34)
      Page Background: Beige (#6d604d)
      Text: Black
*/

body
{
    background-color: RGB(28,79,114); /* Class = OuterBackground, ID = pageBackground, Value = Blue */
}

.GreenhouseMedicineSkin
{
    background-color: White; /* Class = Background, ID = defaultBackground, Value = White */
}

h1, h1 .Head,
h2, h2 .Head,
h3, h3 .Head,
h4, h4 .Head,
h5, h5 .Head
{
    color: #842E1A; /* Class = Heading, ID = defaultHeading, Value = Burgundy */
    font-weight: bold;
}

p
{
    color: Black; /* Black */
}

a, a:link, a:hover, a:visited, a:active
{
    color: #006637; /* Class = Hyperlink, ID = defaultHyperlink, Value = Green */
}

/**************** End Global Rules ****************/

/**************** Begin Horizontal Menu ****************/

#mainMenu
{
    /* background: #006637; */ /* Green */
}

#mainMenu a
{
    /* color: White; */ /* White */
}

#mainMenu ul
{
    /* background-color: #006637; */ /* Green */
}

#mainMenu ul li
{
    /* background-color: #006637; */ /* Green */
}

#mainMenu ul ul
{
    background-color: #009A4C; /* Light Green */
}

#mainMenu ul ul li
{
    background-color: #009A4C; /* Light Green */
}

#mainMenu li a
{
    /* color: White; */ /* White */
    /* background: url( "MenuItemLeft.gif" ) no-repeat left top; */
}

#mainMenu li a:hover
{
    /* color: #FCD13E; */ /* Gold */
    color: #009A4C; /* Light Green */
    text-decoration: underline;
    /* background: url( "MenuItemLeft.gif" ) no-repeat left top; */
}

#mainMenu li li
{
    border: #006637; /* Green */
    background-color: #006637; /* Green */
}

#mainMenu li li a
{
    color: White; /* White */
}

#mainMenu li li a:hover
{
    color: #FCD13E; /* Gold */
}

/* --------------- #active ------------------ */

#mainMenu #active
{
    /* background-image: url( "MenuItemRightActive.gif" ); */
}

#mainMenu #active a
{
    /* background-image: url( "MenuItemLeftActive.gif" ); */
    color: Yellow; /* Yellow */
}

#mainMenu #active li a
{
    color: White; /* White */
}

#mainMenu #active li a:hover
{
    color: Yellow; /* Yellow */
}

/**************** End Horizontal Menu ****************/

/**************** Begin Content ****************/

#header #logo
{
    /* Class = Background, ID = headerLogoBackground, Value = White */
    /* background: White url( "PageUpperLeftCorner.gif" ) no-repeat left top; */
}

#separator td
{
    background-color: #006637; /* Class = Background, ID = separatorBackground, Value = Green */
}

/* ----------- Header ----------- */

#headerPaneCell a
{
    color: #006637; /* Class = Hyperlink, ID = headerPaneHyperlink, Value = Green */
}

/* ----------- Footer ----------- */

#upperFooterArea
{
    /* Class = Background, ID = upperFooterAreaBackground, Value = White */
    background: white /* url( "FooterTopRightBackground.gif" ) no-repeat right bottom */;
}

#upperFooterAdornmentCell
{
    /* Class = Background, ID = upperFooterAdornmentBackground, Value = White */
    background: white /* url( "FooterTopOrnament.gif" ) no-repeat center bottom */;
}

#footerArea
{
    /* Class = PageBackground, ID = footerPageBackground, Value = Green */
    /* background: #006637 url( "FooterBottomRightBackground.gif" ) no-repeat right bottom */;
}

#footer
{
    background-color: RGB(28,79,114); /* Blue */
    color: White; /* Class = Text, ID = footerText, Value = White */
}

div.Credits, 
div.Credits .SkinObject, 
div.Credits a,
#footer .SkinObject, 
#footer a.SkinObject
{
    color: White; /* Class = Text, ID = creditsText, Value = White */
}

#footer a, #footer a.SkinObject
{
    color: White; /* Class = Hyperlink, ID = footerHyperlink, Value = White */
}

#footer a:hover
{
    color: #FCD13E; /* Class = HoverHyperlink, ID = footerHoverHyperlink, Value = Gold */
}

/* ----------- Sidebar ----------- */

.Sidebar
{
    background: #842E1A; /* Class = Background, ID = sidebarBackground, Value = Burgundy */
}

.Sidebar #search a.SkinObject, .Sidebar #search a.SkinObject:visited, .Sidebar #search a.SkinObject:active
{
    color: White; /* Class = Hyperlink, ID = sidebarSearchHyperlink, Value = White */
}

.Sidebar #search a.SkinObject:hover
{
    color: #FCD13E; /* Class = HoverHyperlink, ID = sidebarSearchHoverHyperlink, Value = Gold */
}

.SidebarTop
{
    /* Class = Background, ID = sidebarTopBackground, Value = Burgundy */
    /* background: #842E1A */ /* url( "SidebarTop.gif" ) no-repeat top left; */
}

.SidebarMiddle a, .SidebarMiddle a:visited, .SidebarMiddle a:active
{
    color: White; /* Class = Hyperlink, ID = sidebarHyperlink, Value = White */
}

.SidebarMiddle a:hover
{
    color: #FCD13E; /* Class = Hyperlink, ID = sidebarHoverHyperlink, Value = Gold */
}

.SidebarBottom
{
    /* Class = Background, ID = sidebarBottomBackground, Value = Burgundy */
    /* background: #842E1A */ /* url( "SidebarBottom.gif" ) */ /* no-repeat bottom right; */
}

/**************** Pane styles *****************/

.SidebarMiddle .Normal p, 
.SidebarMiddle .Normal div, 
.SidebarMiddle h1, .SidebarMiddle h1 .Head,
.SidebarMiddle h2, .SidebarMiddle h2 .Head,
.SidebarMiddle h3, .SidebarMiddle h3 .Head,
.SidebarMiddle h4, .SidebarMiddle h4 .Head,
.SidebarMiddle h5, .SidebarMiddle h5 .Head
{
    /* Class = Text, ID = sidebarText, Value = White */
    color: White;
}

/* ----------- Content ----------- */

#content a
{
    /* Class = Hyperlink, ID = contentHyperlink, Value = Green */
    color: #006637;
}

/*********************************
 *
 * FCK Editor Tweaks (for our skin background colors)
 *
 *********************************/

/* Tweak the editor background. For this change to take effect,  you must also edit:

      Providers\HtmlEditorProviders\Fck\Custom\fckconfig.js

   and change the line:

      FCKConfig.BodyId = '' ;

   to:

      FCKConfig.BodyId = 'fckbody' ;

   to have the rule below style the editor window.
*/
#fckbody
{
    background-color: White; /* to match inner page background */
}

/* Set the FCK image browser, link browser and Editor Options  background to White */
.FCKImageGalleryContainer, 
.FCKImageGalleryListStyle, 
.FCKLinkGalleryContainer, 
#fckinstanceoptions_tblEditorOptions
{
    background-color: White;
}