﻿
body
{
    font-size: 10pt;
    font-family: Arial;
}

h1
{
    font-weight: bold;
    font-size: 14pt;
    font-family: Arial;
}
h2
{
    font-weight: bold;
    font-size: 11pt;
    font-family: Arial;
}
a
{
    font-weight: bold;
    color:#6a43a5;
    text-decoration:none;
}
p, li, ul
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}



/*******************************************************************/
/*******************************************************************/
/****************************** MENU *******************************/
/*******************************************************************/
/*******************************************************************/

#nav, #nav ul 
{ 
    padding: 0;
    margin: 0; 
    list-style: none; 

} 
    
/*Style Outside level list element*/   
/*#nav li 
{ 
    float: left; 
    position: relative; 
    margin-left:.5em;
    margin-right:.5em;
    padding-right:0em;
    padding-left:0em;
    border: 0px solid #B0C4DE; 
    color: #2D486C;
    font-family: Verdana, Arial, sans-serif;
    font-size:8pt;
    font-weight:bold;
    top: 0px;
    left: 0px;
   
}*/

#nav li 
{ 
    float: left; 
    position: relative; 
    margin-left:.2em;
    /*margin-right:.5em;*/
    /*padding-right:0em;*/
    /*padding-left:0em;*/
    border: 0px solid #B0C4DE; 
    color: #2D486C;
    font-family: Verdana, Arial, sans-serif;
    font-size:8pt;
    font-weight:bold;
    top: 0px;
    left: 0px;
   
}

/*the links in the top-level menu to display as blocks, 
so they fill the rectangular areas defined by the menu items.*/
#nav a:link, #nav a:visited 
{ 
    display: block; 
    text-decoration: none; 
    color: #FFFFFF; 
    padding: 1em 1em 1em 0em;    /*center the text inside the block.  Top, Left, Bottom, Right*/
}

/*Top-level menu hover*/
#nav a:hover 
{ 
   /*color: #FFFFFF;*/ 
    color: #fcfddb; 
}



/*******************************************************************/
/*******************************************************************/
/*****************************SUB MENU******************************/
/*******************************************************************/
/*******************************************************************/

/* By default, the sub-menus will not show. */
#nav ul 
{
    display: none;   /* makes sub-menu invisible */
    position: relative;  /* positions underneath */
    /* margin-left: -300px; */
}


/* The sub-menu */
#nav ul li a:link, #nav ul li a:visited 
{ 
    display: block; 
    text-decoration: none; 
    color: gray;
    background-color: #fffae6;
    margin:0em 0 0 0;
    padding: 3pt 2pt 3pt 2pt;    /*center the text inside the block*/
    font-size:10pt;
    font-weight:normal;
    width:160px;
    border: 1px solid #B0C4DE;
}

/* Hover over sub-menu item */
#nav ul li a:hover 
{ 
    color: #d6252e;    /* changes text color when hovered over */
    display: block;   /* makes sub-menu invisible */
    background-color: #f4edff;
}

/* When you roll over original menu */
#nav li:hover ul 
{ 
    display: block;   /* makes sub-menu invisible */
    position: absolute;  /* positions underneath */
}

.subnav {
	width: 200px;
	z-index:10;

	}


/*******************************************************************/
/*******************************************************************/
/************************** FORMULA NAV ****************************/
/*******************************************************************/
/*******************************************************************/

/* By default, the sub-menus will not show. */
.formulanav 
{
    padding: 0;
    margin: 54pt 0pt 1pt 6pt;
    list-style: none; 
}

.formulanav li a
{
    display: block; 
    text-decoration: none; 
    color: #54377f;
    background-color: #f4edff;
    margin: 1pt 0pt 1pt 6pt;
    padding: 4pt 3pt 4pt 3pt;    /*center the text inside the block*/
    font-size:11pt;
    font-weight:normal;
    width:180px;
    border: 1px solid #54377f;
}

.formulanav a:hover
{
    background-color: #fffae6;
}

li a.formulanavon
{
    background-color: #fffae6;
}




/*******************************************************************/
/*******************************************************************/
/*********************** BLOCKS FOR LINKS **************************/
/*******************************************************************/
/*******************************************************************/

a.blockref
{
    padding:2pt;
    display:block;
    width: 350px; 
    background-color:#fffae6;
    border:1pt solid #0e4e82;
    margin-left:10px;
}
a.blockref2
{
    display:block;
    width: 328px; 
    margin-left:40px;
    background-color:#efefef;
}

a.blockref:hover, a.blockref2:hover
{
    background-color:#f4edff;
    color: #3b2163;
}












.menubutton
{
    color: #6a43a5;
    font-size: 10pt;
    font-weight: bold;
    font-family: Arial, Sans-Serif;
}

.printrecipes
{
    text-decoration: none;
    font-weight:bold;
    font-size: 10pt;
}
A.printrecipes:hover
{
    text-decoration: none;
    font-weight:bold;
    color:#fca94b;
    
}


/***************************//*Accordion Style****************************************/
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    /*background-color: #999966;*/
    background-color: none;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionLink
{
    /*color: #999966;*/
    color:#f88f93;
    /*background-color:#999966;*/
    
    font-Family:Arial;
    font-Size:12pt;

}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
	
	
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    /*background-color: #cbe8a8;*/
	font-family: Arial, Sans-Serif;
	font-size: 12pt;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    /*background-color: #D3DEEF;*/
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/***************************//*Collapsible Panel Style****************************************/
        .collapsePanel 
        {
	        /*width: 570px;*/
	        /*height:0px;*/
	        /*background-color:#cce5ff;*/
	        /*background-color: #dae9a6;*/
	        background-color: #F2FEBF; /*Drop-down panel*/
	        overflow:hidden;
	          border: 1px dashed #2F4F4F;
        }

        .collapsePanelHeader
        {	
	        		
	        height:25px;
	        /*color: #f88f93;*/
	        color: #CC0099;
	        font-size: 12pt;
	        /*background-color: #f88f93;*/
	          border: 1px dashed #2F4F4F;
	        font-weight:bold;
	        float:right;
	        padding:8px 0px 0px 20px ; 
	        cursor: pointer; 
	        vertical-align: middle;
        }
        
         .collapsePanelHeader a
        {	
	        		
	       background: none;
	        text-decoration: none;
        }
        
        
         .collapsePanelHeader a:hover
        {	
	        		
	       background: Blue;
	        text-decoration: none;
        }
        
        /*CollapsiblePanel*/
/*.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}*/