/*
body
{    
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    margin: 0;
    padding: 0;
    overflow:auto;
}
*/

#publicPages
{
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    margin: 0;
    padding: 0;
    background:url("../ThemeImages/sky_tile1.jpg") repeat-x; /*contour_glencoe.png");    /* bg-main2.png") repeat-x; */
    background-position:left top; 
    background-repeat:repeat-x;
    overflow:visible;
}

/**** HEADINGS ****/

h1
{
    font-size: 29px;
    /*
    font-size: xx-large;
    font-weight: normal;
    color: #666699;
    font-style: normal;
    font-family: 'Bauhaus 93' , Sans-Serif;
    font-variant: small-caps;
    text-decoration: none;
    background-color: #e0ffff;
    */
}

h2
{
    background-color: #E8F3F9;
    font-size:16px;
    padding:5px 12px;
}

h3 
{
	color:Navy;
    background-color: #E8F3F9;
    font-size:14px;
    margin:1 1 2px 0;
}

p 
{
    /*margin:10px 0 10px 15px;*/
}

.header_image
{
    position:absolute;
    top: 0;
    float:left;
    margin-left:20%;
	/*background:url("../ThemeImages/PHWC_Demo_Banner1.png") no-repeat;*/
	/*background-image:url("../ThemeImages/PHWC_Demo_Slide1.png");*/
	/*background-attachment:scroll;*/
    width:661px;
    height:145px;	
    z-index:0;
    border: none; /* solid thin #AABBCC;*/
}

.header_logo 
{
    position:absolute;
    top:0px;
    left:0px;
    margin-left:2px;
    margin-top:2px;
    float:left;
    background:url("../ThemeImages/PHWC_Logo_Small.png") no-repeat;
    width:145px;
    height:145px;
    z-index:20;
}

.header_text 
{
	font-size: xx-large;
    font-weight: normal;
    color:Black;

    position:absolute;
    top:0px;
    left: 0px;
    margin-left:-20%;
    padding-right:10px;
    margin-top:85px;
    float:left;
    /*background:url("../ThemeImages/PHWCtext.png") no-repeat; /*logo2.png*/
    z-index:1000;
}

.header_text_light 
{
	font-size: xx-large;
    font-weight: normal;
    /*color: #666699;*/

    position:absolute;
    top:0px;
    left: 0px;
    margin-left:-20%;
    padding-right:10px;
    margin-top:85px;
    float:left;
    color:Orange;
    /*background:url("../ThemeImages/PHWCtext.png") no-repeat; /*logo2.png*/
    z-index:1000;
}

.header_text_light_boxed 
{
	font-size: xx-large;
    font-weight: normal;
    color: #99AA99;

    position:absolute;
    top:0px;
    left: 0px;
    margin-left:-20%;
    padding-right:10px;
    margin-top:85px;
    float:left;
    /*background:url("../ThemeImages/sky_tile1.jpg") repeat-x;*/
    z-index:1000;
    border: solid 1px #889988;
}

.header_text_blue
{
	font-size: xx-large;
    font-weight: normal;
    color: Navy;

    position:absolute;
    top:0px;
    left: 0px;
    margin-left:-20%;
    padding-right:10px;
    margin-top:85px;
    float:left;
    z-index:1000;
    border: solid 1px #8899FF;
}

    /*background:url("../ThemeImages/PHWCtext.png") no-repeat; /*logo2.png*/
    /*width:800px;
    height:105px;*/
    
#logo a
{
    border-width:0;
}

/* The left hand side of the decorative horizontal menu background immediately below the banner image*/
#corner-top-left 
{
	position:absolute;
    top:145px;
    left:0;
    background:url("../ThemeImages/corner-top-left2.png") no-repeat;
    width:56px;
    height:45px;
    z-index:401;	
}

/* the BUMP in the menu top border */
#h_menu_bump 
{
	position:absolute;
    top:145px;
    margin-left:1040px;/*940px;*/
    float:right;
    background:url("../ThemeImages/logo2a.png") no-repeat; 
    width:482px;
    height:50px;
    z-index:200;	
}

/* the BUMP in the menu top border */
#h_menu_filler 
{
    position:absolute;
    top:145px;
    margin-left:0px;
    float:right;
    background:url("../ThemeImages/logo2-repeat.png") repeat-x; /**/
    width:101%;
    height:50px;
    z-index:200;
}

/* CSS for SimpleSite2 master page */
/* Top realigned because there is no logo image */
#simple2_corner-top-left 
{
	position:absolute;
    top:0px;
    left:0;
    background:url("../ThemeImages/corner-top-left2.png") no-repeat;
    width:56px;
    height:45px;
    z-index:401;	
}

/* the BUMP in the menu top border */
#simple2_h_menu_bump 
{
	position:absolute;
    top:0px;
    margin-left:1040px;/*940px;*/
    float:right;
    background:url("../ThemeImages/logo2a.png") no-repeat; 
    width:482px;
    height:50px;
    z-index:200;	
}

/* the BUMP in the menu top border */
#simple2_h_menu_filler 
{
    position:absolute;
    top:0px;
    margin-left:0px;
    float:right;
    background:url("../ThemeImages/logo2-repeat.png") repeat-x; /**/
    width:101%;
    height:50px;
    z-index:200;
}
/* This is the area that contains the horizontal upper level menu */
/* This determines where the menu buttons are rendered */
#simple2_MenuAnchorWithBanner
{
    position:absolute;
    top:9px;
    left:56px;
    z-index:200;
}/* CSS for SimpleSite2 master page */


/* This is the area that contains the horizontal upper level menu */
/* This determines where the menu buttons are rendered */
#MenuAnchorWithBanner
{
    position:absolute;
    top:154px;
    left:56px;
    z-index:200;
}


/* The left hand side of the decorative horizontal menu background immediately there is no banner image*/
#corner-top-left_anchor_top
{
	position:absolute;
    top:0px;
    left:0;
    background:url("../ThemeImages/corner-top-left2.png") no-repeat;
    width:56px;
    height:45px;
    z-index:200;	
}

/* the BUMP in the menu top border */
#h_menu_bump_anchor_top
{
	position:absolute;
    top:0px;
    margin-left:1040px;
    float:left;
    background:url("../ThemeImages/logo2.png") no-repeat; 
    width:482px;
    height:50px;
    z-index:201;
}

/* the filler behind in the menu top border */
#h_menu_filler_anchor_top
{
    position:absolute;
    top:0px;
    left:56px;
    margin-left:0px;
    float:left;
    background:url("../ThemeImages/logo2-repeat.png") repeat-x; /**/
    width:2000px;
    height:50px;
}

/* This is the area that contains the horizontal upper level menu */
/* This determines where the menu buttons are rendered */
#MenuAnchorTop
{
    position:absolute;
    top:10px;
    left:56px;
    z-index:200;
}

#MenuAnchorBottom
{
    position:absolute;
    vertical-align:text-bottom;
    left:56px;
    z-index:200;
}

/*
#LogoImage
{
    position:absolute;
    top:20px;
    left:20px;
}
#LogoText
{
    position:absolute;
    top:100px;
    left:50%;
    padding-right:10%;
    background:url("../ThemeImages/PHWCtext.png") no-repeat;
    z-index:199;
}

#LogoText:hover
{
    background:url("../ThemeImages/PHWCtext-hover.png") no-repeat;
}
*/

#TheGoods
{
    margin: 85px 50px 50px 50px;
    position: relative;
	top: 120px;
/*	min-height: 1280px; 
	max-height: 1680px;
	overflow: visible;
	/* left: 120px; ADJUSTMENT - If left menu enabled ???? */
}

#TheGoodsNoBanner
{
    margin: 5px 5px 5px 5px;
    position: relative;
	top: 40px;
	left: 15px; /* ADJUSTMENT - If left menu enabled ???? */
}

#TheGoodsWithLeftMenu
{
    margin: 85px 50px 50px 50px;
    position: relative;
	top: 120px;
	Left: 120px; /* ADJUSTMENT - If left menu enabled ???? */
}

#TheGoodsWithLeftLoginMenu
{
    margin: 85px 50px 50px 50px;
    position: relative;
	top: 120px;
	Left: 250px; 
}

#TheGoodsImagePageWithLeftMenu
{
    margin: 10px 25% 10px 10px;
    position: relative;
	top: 35px;
	Left: 157px; /* ADJUSTMENT - If left menu enabled ???? */
}


#TheGoodsWithLeftMenuNoBanner
{
    /*margin: 85px 50px 50px 50px;*/
    position: relative;
	top: 50px;
	Left: 161px; /* ADJUSTMENT - If left menu enabled ???? */
}


#TheFooter
{
	padding-left: 20%;
	display:inline-table;
	width: 100%;
	text-align:center;
	vertical-align: text-top;
	background-color: #EEEEFF;
}



/*
#Logo1
{
    position:absolute;
    top:0px;
    left:0px;
}
*/

/* Selectors for menu inside the banner */
/* Forms Menu */
.MainFormMenu  .AspNet-Menu-Horizontal ul
{
    /*background: #E6F0FA;*/
    /* Note: must have a background or menu loses focus*/
    background: #E6F0FA url("../ThemeImages/bg-menu-long.png") repeat-x;
}
.MainFormMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    /*background:url(bg-menu-inactive.png) repeat-x;*/
    width: 100%;
    top:0px;
}

.MainFormMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    width: 220px;
    padding: 4px;
    border: 1px solid #165EA9;
}
/* THE BORDER ATTRIBUTES DETERMINE WHAT THE UPPPER MENU TAB EDGES LOOK LIKE */
.MainFormMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    /*width: 110px;*/
    padding: 2px 0 2px 0;

    border-left: dotted 1px LightBlue;
    border-top:solid 1px Transparent;
    border-right: dotted 1px LightSteelBlue;
    border-bottom: solid 1px #808080;
    /*border-style:none;*/
    
}

.MainFormMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a,
.MainFormMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li span
{
    color: #083000; /*#124500;*/
    border-style: none;
    text-align: center;
    padding: 0 10px;
}

.MainFormMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li a,
.MainFormMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li span
{
    text-align: left;
}

.MainFormMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover,
.MainFormMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover 
{
    background: #165EA9 url("../ThemeImages/bg-menu-main.png") repeat-x;
}

.MainFormMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:active 
{
    background: #165EA9 url("../ThemeImages/bg-menu-active.png") repeat-x;
    /*,
.MainFormMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover
*/
}

/*
.MainFormMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:visited 
{
    background: #165EA9 url(bg-menu-active.png) repeat-x;
    /*,
.MainFormMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover
}
*/

/* Not used presently.  
KH - Added     border-style: none; attribute so that imageURL renders without visible border
This is here if you modify the menu adapter so it renders img tags, too. */
.MainFormMenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

/*
.MainFormMenu ul.AspNet-Menu-Link
{
    color:#000;
    background: transparent url(arrow-active.png) right center no-repeat;
    text-decoration:none;
    border-style:hidden;
}

.AspNet-Menu-Leaf .AspNet-Menu-Link a
{
    text-decoration:none;
    border:solid 0 transparent;
}

.MainFormMenuSelected 
{
    background: #E6F0FA;
}
*/
/*
.MainFormMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:active,
.MainFormMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Active 

{
    background: #165EA9 url(bg-menu-active.png) repeat-x;
}
*/

.MainFormMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a:hover
{
    color: White;
    
}

.MainFormMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a:active
{
    color: Red;
    background: #165EA9 url("../ThemeImages/bg-menu-clicked.png") repeat-x;
}
/* Forms Menu */


.MainMenu .AspNet-Menu-Horizontal ul
{
    /*background: #E6F0FA;*/
    /* Note: must have a background or menu loses focus*/
    background: #C6D0DA url("../ThemeImages/bg-menu-long.png") repeat-x; /*#E6F0FA url("../ThemeImages/bg-menu-long.png") repeat-x;*/
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    /*background:url(bg-menu-inactive.png) repeat-x;*/
    /* width should equal number of menu items * menu item width + padding */
    width: 1050px;
    top:0px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    width: 130px;
    padding: 4px;
    border: 1px solid #165EA9;
    /* added to offset sub menu */
	left: -1px;    
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    width:130px;
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: -1.8em 0 0 128px;
}

/* THE BORDER ATTRIBUTES DETERMINE WHAT THE UPPPER MENU TAB EDGES LOOK LIKE */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    width: 130px;
    padding: 2px 0 2px 0;
    border-left: dotted 1px LightBlue;
    border-top:solid 1px Transparent;
    border-right: dotted 1px LightSteelBlue;
    border-bottom: solid 1px #808080;
    /*border-style:none;*/
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li span
{
    color: #083000; /*#124500;*/
    border-style: none;
    text-align: center;
    padding: 0 10px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li span
{
    text-align: left;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover 
{
    background: #165EA9 url("../ThemeImages/bg-menu-main.png") repeat-x;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:active 
{
    background: #165EA9 url("../ThemeImages/bg-menu-active.png") repeat-x;
    /*,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover
*/
}

/*
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:visited 
{
    background: #165EA9 url(bg-menu-active.png) repeat-x;
    /*,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover
}
*/

/* Not used presently.  
KH - Added     border-style: none; attribute so that imageURL renders without visible border
This is here if you modify the menu adapter so it renders img tags, too. */
.MainMenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

/*
.MainMenu ul.AspNet-Menu-Link
{
    color:#000;
    background: transparent url(arrow-active.png) right center no-repeat;
    text-decoration:none;
    border-style:hidden;
}

.AspNet-Menu-Leaf .AspNet-Menu-Link a
{
    text-decoration:none;
    border:solid 0 transparent;
}

.MainMenuSelected 
{
    background: #E6F0FA;
}
*/
/*
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:active,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Active 

{
    background: #165EA9 url(bg-menu-active.png) repeat-x;
}
*/

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a:hover
{
    color: White;    
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a:active
{
    color: Red;
    background: #165EA9 url("../ThemeImages/bg-menu-clicked.png") repeat-x;
}

/*
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a:visited
{
    color: Yellow;
    background: #165EA9 url(bg-menu-active.png) repeat-x;
}
*/




/* Selectors for menu inside the secondary navigation menu */

#SecondaryMenuBanner
{
    position:absolute;
    top:183px;
    left:180px;
    z-index:201;
}

#SecondaryMenuBanner .lbl_secondaryNav
{
    position:absolute;
    text-align:center;
    vertical-align:middle;
    color: Gray;
    top:0px;
    left:-110px;
    z-index:199;
    width: 110px;
    padding: 2px 0 2px 0;
    background: #165EA9 url("../ThemeImages/bg-secondarymenu-main-border.png") repeat-x;
    border-left: dotted 1px #40B0EA;
    border-right: dotted 1px White;
    border-bottom: dotted 1px Silver;
}


.SecondaryMenu .AspNet-Menu-Horizontal ul
{
/*    background: #E6F0FA;*/
}

.SecondaryMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 900px;
    top:0px;
}

.SecondaryMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    width: 160px;
    padding: 5px;
    border: 2px solid #165EA9;
}

/* The border attributes define the 'button' effect of the nav tabs */
.SecondaryMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    width: 160px;
    padding: 2px 0 2px 0;
    background: #165EA9 url("../ThemeImages/bg-secondarymenu-main-border.png") repeat-x;
    border-left: dotted 1px #40B0EA;
    border-right: dotted 1px White;
    border-bottom: dotted 1px #40B0EA;
    /*border-style:none;*/
}

.SecondaryMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a,
.SecondaryMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li span
{
    color: #124500;
    border-style: none;
    text-align: center;
    padding: 0 10px;
}

.SecondaryMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li a,
.SecondaryMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li span
{
    text-align: left;
}

.SecondaryMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover,
.SecondaryMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover 
{
    background: #165EA9 url("../ThemeImages/bg-secondarymenu-hover-border.png") repeat-x;
}

/*
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:active,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Active 

{
    background: #165EA9 url(bg-menu-active.png) repeat-x;
}
*/

.SecondaryMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a:hover
{
    color: White;
}

.SecondaryMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a:active
{
    color: Red;
    /*background: url(bg-secondarymenu-active.png) repeat-x;/*#165EA9 */
}
/*
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a:active
{
    color: Red;
    background: #165EA9 url(bg-menu-active.png) repeat-x;
}
*/



/* --------------------------------------------------------------------------------------------------- */
/* Used when the Menu adapter is NOT used. */
/* These styles are used by the Menu's skin, found in this theme's skin file. */

.Menu-Skin-Static
{
    padding:2px 10px;
}

.Menu-Skin-DynamicHover
{
    background: #165EA9 url("../ThemeImages/bg-menu-main.png") repeat-x;
}