/** Styles in this sheet will NOT be available in Content Editor 
*** See ContentStyles.css for Content Editor styles 
*** Do not include font/text related styles in this sheet, use the ContentStyles css file instead
blue:#000066
red:#CC0000
**/

/* Start General Styles */
body
{
    text-align:center; /* centering site 1/3 */
    margin:0;
    /*DO NOT include font information here, see ContentStyles.css*/
    color:#000000;
}

.hiddenDiv { display: none; visibility:hidden;}
/* End General Styles */

/* Start General Layout Styles */
#wrapper
{
    margin: 0 auto; /* centering site 2/3 */
    text-align:left; /* centering site 3/3 */
    width: 900px; /* Overall site width */
    color:#000000;
}

#main_container
{
    float: left;
    width: 670px;
    margin-left: 230px; /* Pushes this column over by same width as what will be first col to appear before this col */
    margin-right: 10px;
    color:#000000;
    /*background-color:Gray; Background color of main content area center */
    /*padding:5px;  causes column to stretch */
     
}
* html #main_container
{
    display: inline;
}
#main_content,#extra_content
{
    padding:5px 5px 5px 5px;
}

#menu_content
{
    padding:5px 5px 5px 0px;
}

#main_content ul li
{
    list-style-type: disc;
    margin: 1px 0px 1px 20px;
    
}

#menu_container
{
    float: left;
    width: 225px;
    margin-left: -910px; /* Makes this column show before first block even though first block is first in code */
    
     /*padding:5px;  causes column to stretch */
}


#extra_container
{
    float: left;
    width: 55px;
    background-color: #648ABD;
}
/* End General Layout Styles */

/* Start Header classes */
#header
{
    color:#000066;
}
#header_content
{
    padding:10px;
    color:#000066;
}
#Logo       {float: left; width:200px;}
#Tagline    {clear:both;}
#Welcome    {float:right; width:600px; text-align:right;}

.redbg{width:100%;background:#CC0000;font-weight:bold;font-size:16px;color:#ffffff;vertical-align:middle;padding:10px;}
.redbg a{color:#ffffff;}
.searchText {font-size:11px;padding:2px}
/* End Header classes */

/* Start Footer classes */
#footer
{
    clear: both;
    /*padding:10px;  Causes footer to jut out on right hand side*/
    
    
}

#footer_content
{
    padding:10px 10px 10px 0px;
    
}

#footer_content a:link,
#footer_content a:visited
{
    color:#000066;
}
#footer_content a:hover,
#footer_content a:active
{
    color:#CC0000;
}
/* End Footer classes */

/* Start LeftNav */
.LeftNav
{
    
}
.LeftNav .TitleText
{
    color:White;
    background:#CC0000;
    padding-left:20px;
}

.AspNet-TreeView-Root a:link,.AspNet-TreeView-Root a:visited
{
    background-color:#CC0000;
    color:#ffffff;
    padding:5px;
    margin-bottom:10px;
    line-height:27px;
    text-decoration:none;
    font-size:14px;
}
.AspNet-TreeView-Root a:hover,.AspNet-TreeView-Root a:active
{
    background-color:#CC0000;
    color:#ffffff;
    text-decoration:underline;
}

.AspNet-TreeView-Root ul li a:link,.AspNet-TreeView-Root ul li a:visited
{
    background-color:#ffffff;
    color:#000066;
    padding:0px;
    margin-bottom:0px;
    line-height:15px;
    text-decoration:underline;
    font-size:12px;
}
.AspNet-TreeView-Root ul li a:hover,.AspNet-TreeView-Root ul li a:active
{
    background-color:#ffffff;
    color:#CC0000;
}

.AspNet-TreeView li 
{
    margin:2px 0px 2px 0px;
    background-color:#CC0000;
}

.AspNet-TreeView li ul li
{
    margin:0px 0px 0px 0px;
    background-color:#ffffff;
    padding-left:6px;
}

.AspNet-TreeView li.AspNet-TreeView-ParentSelected
{
    /*margin:0px 0px 0px 20px;*/
    text-decoration:none;
    font-weight:normal;
}

.AspNet-TreeView-Parent a
{
    background-color:#ffffff;
    color:#000066;
}

.AspNet-TreeView-Leaf a
{
    background-color:#ffffff;
    color:#000066;
}
.AspNet-TreeView a
{
    color:#ffffff;
    text-decoration: underline;
    
}
.AspNet-TreeView-Selected ul li a
{
    color:#000066;
    text-decoration: underline;
    
}

.AspNet-TreeView a:hover
{
    color:#ffffff;
   
}
.AspNet-TreeView-Selected a
{
    color:#CC0000;
   
}
/* End LeftNav*/


/* Start Login/Password Recovery Styles */
#pswReminderDiv .ButtonStyle {margin: 5px 0px 5px 0px;}
.AspNet-Login-InstructionPanel, .AspNet-PasswordRecovery-UserName-InstructionPanel,.AspNet-PasswordRecovery-Question-InstructionPanel, .AspNet-PasswordRecovery
{
    padding:0px 0px 5px 0px;
}
.PRInstructionPanel {padding: 10px 0px 5px 0px;}
.AspNet-Login-UserPanel label, .AspNet-Login-PasswordPanel label, .AspNet-PasswordRecovery-UserName-UserPanel label,
.AspNet-PasswordRecovery-Question-UserPanel label, .AspNet-PasswordRecovery-QuestionPanel label, .AspNet-PasswordRecovery-AnswerPanel label
{
    width: 8em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
}
.prLabel {padding-right: 0.5em;}
.prInput {}
.AspNet-Login-UserPanel input, .AspNet-Login-PasswordPanel input, .AspNet-PasswordRecovery-UserName-UserPanel input,
.AspNet-PasswordRecovery-Question-UserPanel input, .AspNet-PasswordRecovery-QuestionPanel input, .AspNet-PasswordRecovery-AnswerPanel input
{
    width: 10em;
}
.AspNet-Login-RememberMePanel
{
    padding:5px 25px 5px 25px;
}
.AspNet-Login-PasswordRecoveryPanel
{
    padding:5px 0px 5px 0px;
}
.AspNet-Login-UserPanel, .AspNet-Login-PasswordPanel, .AspNet-Login-RememberMePanel {margin:2px 0px 8px 0px;}
.AspNet-Login-UserPanel span, .AspNet-Login-PasswordPanel span {font-size:14px; font-weight:bold;}
/* End Login/Password Recovery Styles */

/* Start SitePath and DataPager Styles */
#SitePathContainer {padding:6px 0px 6px 0px;}
.SitePath {text-decoration:none; font-size:12px; color:#000066;}
.SitePath:hover, .SitePath:active {color:#000066; font-size:12px; text-decoration:underline;}
.SitePathSelected {color:#CC0000;font-weight:bold; font-size:12px;}

#DataPagerContainer {text-align:right; padding:6px 0px 6px 0px;}
.Pager {padding:0px 4px 0px 0px; border:0px none #ffffff; border-right:1px solid #000000;}
/* End SitePath Styles */

/* Start Main Navigation Styles */
/* -------------------------------------------------------------------------- */
/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
.PrettyMenu .AspNet-Menu-Horizontal{}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 100%;
}


/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.PrettyMenu ul
{
    background:#012e57;
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.PrettyMenu ul.AspNet-Menu li
{
    background:#012e57;
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.PrettyMenu ul.AspNet-Menu li a,
.PrettyMenu ul.AspNet-Menu li span
{
    color: #648ABD;
    padding: 4px 2px 4px 8px;
    border:1px solid #648ABD;
    border-bottom: 0;
    /*background: transparent url(../images/arrowRight.gif) right center no-repeat;*/
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
}

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

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.PrettyMenu ul.AspNet-Menu li:hover, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background:#012e57;
}

.PrettyMenu ul.AspNet-Menu li:hover a, 
.PrettyMenu ul.AspNet-Menu li:hover span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
    color: White;
}

.PrettyMenu ul.AspNet-Menu li:hover ul a, 
.PrettyMenu ul.AspNet-Menu li:hover ul span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    color: #648ABD;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.PrettyMenu ul.AspNet-Menu li a:hover,
.PrettyMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: White;
    background: transparent url(activeArrowRight.gif) right center no-repeat;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    width: 10.5em;
    left: 0;
    top: 100%;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    top: -0.3em;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    width: 11.5em;
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    width: 12em;
    text-align:left;
}

/* 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. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    text-align:left;
    width: 12em;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width: 12em;
}

/* 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. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: -1.4em 0 0 10.35em;
}
/* End Main Navigation Styles */


/* Start FNS Classes */
.RefineGroup
{
    margin:0px 10px 10px 10px;
   
}
.RefineHeading
{
    display:block;
    padding:6px 0px 3px 0px;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;

}
.RefineLinks
{
    padding:1px 4px 1px 4px;
}
.RefineLinks a
{
   /* display:block;*/
   padding:0px 3px 0px 3px;
}
.RefineLinks a:link, .RefineLinks a:visited
{
    display:block;
    text-decoration:none;
    font-size:11px;
    color:#262626;
    font-weight:normal;
}
.RefineLinks a:hover, .RefineLinks a:active {
    display:block;
    text-decoration:none;
    font-size:11px;
    color:#2685fc;
    font-weight:normal;
}
.RefineLinks select
{
    color:#333333; font-size:11px; border:1px solid #CCCCCC; font-weight:normal;
}
/* End FNS Classes */

/* Start Address Control Classes AND Checkout Classes */

.SmallerFieldSection, .HalfFieldSection
{
    margin:0px 4px 0px 0px;
    float:left;
}
.disabledField
{
    color:#999999;
    background-color: #cecece;
}

.paypal:hover {cursor: pointer;}

.HoverImg:hover
{
    cursor: pointer;
}

/* End Address Control Classes AND Checkout Classes */
/* Mini Login (found on checkout.aspx) */
#mini-login
{
    width: 300px;
    float: left;
    margin-left: 10px;
    border: 4px solid #21AAE7;
    position: absolute;
    /*left: 180px;*/
    z-index: 9999;
}
.mini-login-inner
{
    background: #ffffff;
    padding: 5px;
    border: 3px solid #CEEBFF;
}
.mini-login-close
{
    text-align: right;
    margin-bottom: 5px;
}
.mini-login-close span
{
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}
#mini-login td, #mini-login input
{
    font-size: 12px;
}
/* End Mini Login */

/* Start Create Account */
.password-checklist-div
{
    font-size: 11px !important;
    color: #000000;
    margin: 5px 0px;
}
.password-checklist-div ul
{
    margin-left: 25px;
}
.password-checklist-div li
{
    font-size: 11px !important;
    color: #000000;
    list-style-type: disc;
}
.create-acct-div
{
    text-align: left;
}
.create-acct-div input
{
    margin: 0px auto;
}
/* End Create Account */
/* Start Tooltip Classes*/
.tooltip_content {
    display: none;        /* required */
    position: absolute;   /* required */
    padding: 10px;
    border: 1px solid black;
    background-color: white;
}

/* End Tooltip Classes*/

/* Start Calendar CSS */
.ajax__calendar_container {z-index: 9000;}
.ajax__calendar_body table tr td { padding: 0px; }
/* End Calendar CSS */


/** Hacks Start **/

/* Start Mac IE5 filter \*/
#main_container, #menu_container, #extra_container
{
    padding-bottom: 32767px !important;
    margin-bottom: -32767px !important; 
}
/* End Mac IE5 filter */

#wrapper
{
    overflow: hidden; /* This hides the excess padding in non-IE browsers */
}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
{
    /* Normally a Holly-style hack height: 1% would suffice but that causes 
    IE 5.01 to completely collapse the wrapper - instead we float it */
    float: left;
    /* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
    (I saw it happen many moons ago) makes the width of wrapper too small 
    the float: none with the comment is ignored by 5.01,
    5.5 and above see it and carry on about their business
    It's probably fine to just remove it, but it's left here 
    just in case that many moons ago problem rears its head again */
    float/**/: none;
}
/* easy clearing */
#wrapper:after
{
    content: '[DO NOT LEAVE IT IS NOT REAL]'; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#wrapper
{
    display: inline-block;
}
/*\*/
#wrapper
{
    display: block;
}
/* end easy clearing */

/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
{
    position: relative;
    z-index: 1000;
}

/* Hacks End */