body {
}

.bottomnav
{
    color: #666666;
    font-family: Arial;
    font-size: 8pt;
}

.formnav
{
    color: black;
    font-family: Arial;
    font-size: 9pt;
    padding-right: 8px;
    padding-left: 17px;
}

p, li
{
    font-family: Arial;
    font-size: 8pt;
    margin-left: 10pt;
    margin-right: 30pt;
}

H3
{
    font-weight:normal;
    font-family: Arial;
    font-size: 14pt;
    height: 4pt;
    margin-left: 10pt;
    margin-right: 10pt;
}

H4
{
    font-weight:normal;
    font-family: Arial;
    font-size: 12pt;
    height: 12pt;
    margin-left: 10pt;
    margin-right: 30pt;
}


.formnav1   /* top row (formula name) */
{
    background-color: #e8e1f1;
    font-size: 8pt;
    font-family: Arial;
    vertical-align: top;
    font-weight: bold;
    height: 12pt;
    width: 160pt;

}
.formnav2   /* right column (formula can) */
{
    font-size: 8pt;
    font-family: Arial;
    vertical-align: top;
}
.formnav3   /* second row (formula description) */
{
    font-size: 8pt;
    font-family: Arial;
    vertical-align: top;
    height: 12pt;
}
.formnav4
{
    font-size: 8pt;
    font-family: Arial;
    vertical-align: top;
    height: 22pt;
    padding-left: 6px;
}
.formtable
{
    padding: 0px;
}

.momshomehead
{
    height: 52px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11pt;
    text-align: center;
}
.momshome
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    padding-left: 12px;
    padding-right: 20px;
    line-height: 12pt;
}



.momshome a, .home a, .formnav4 a
{
    line-height: 12pt;
    text-decoration: none;
    color: #6847ba;
}

.momshome a:hover, .home a:hover, .formnav4 a:hover
{
    color: #32137a;

}


.home
{
    font-size: 8pt;
}

.footnote
{
    font-size: 8pt;
    color: #666666;
}

a
{
    text-decoration: none;
    color: #6847ba;
}
a:hover
{
    color: #3e2775;
}

.formtab
{
    background-color: #493c71;
    color: #ffffff;
    font-weight:bold;
    height:20px;
    text-align:center;
}

.formtab2
{
    border: 1pt solid #493c71;
    background-color: #ffffff;
    text-align: center;
}

.formtab3
{
    text-align: center;
}

.arrowlist
{
    list-style-type: none;
    margin-top: -8pt;
    padding-left: 20pt;
    margin-left: 0pt;
    list-style-image: url( 'list-arrow.jpg' );
}

.formula-info a
{
   border: 1pt solid #493c71;
   background-color: #ffffff;
   text-align: center;
   display: block; 
   padding-top: 6pt;
   padding-bottom: 6pt;
   font-size: 9pt;
}
.formula-info a:hover
{
    background-color: #EFE7F5;
}


.nutrition-head
{
    background-color: #443667; 
    color: #FFFFFF; 
    font-weight: bold;
}

/*******************************************************************/
/*******************************************************************/
/********************* BRIGHT BEGINNINGS MOMS **********************/
/*******************************************************************/
/*******************************************************************/
.ddmoms .ddmoms td
{
    vertical-align: top;
}


.momtable
{
    border-style: solid;
    border-width: 1px;
}
.mom1A
{
    background-color: #E9F2F5;
}
.mom1B
{
    background-color: #c6aed2;
    font-weight: bold;
    text-align: left;
}




/*******************************************************************/
/*******************************************************************/
/****************************** MENU *******************************/
/*******************************************************************/
/*******************************************************************/

#nav, #nav ul 
{ 
    padding: 0;
    margin: 0; 
    list-style: none; 

} 
    
/*Style Outside level list element*/   
#nav li 
{ 
    float: left; 
    position: relative; 
    margin-left:0em;
    margin-right:0em;
    padding-right:0em;
    padding-left:0em;
    border: 0px solid #B0C4DE; 
    color: #2D486C;
    font-family: Verdana, Arial, sans-serif;
    font-size:8pt;
    font-weight:bold;
}

/*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: 0pt 0pt 0pt 0pt;    /*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: #fcf5e9;
    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 #d2c5df;
}

/* Hover over sub-menu item */
#nav ul li a:hover 
{ 
    color: #280b75;    /* changes text color when hovered over */
    display: block;   /* makes sub-menu invisible */
    background-color: #e8e1f1;
}

/* When you roll over original menu */
#nav li:hover ul,  #nav li.over ul
{ 
    display: block;   /* makes sub-menu invisible */
    position: absolute;  /* positions underneath */
}

.subnav {
	width: 200px;
	z-index:10;
	}