#top-nav {
    list-style: none;
    display: inline-block;
}
#top-nav ul {
    display: table;
}
#top-nav li {
    color: #ffcb05;
    display: table-cell;
    vertical-align: middle;
    height: 64px;
    padding: 0px 10px 0px 10px;
    margin: 0px;
    font-size: 1.3em;
}
#top-nav li a {
    font-family: "walkway-semibold";
    font-weight: normal;
    display: block;
    text-decoration: none;
    color: black;
    font-size: 1.5em;
}
#sub-nav {
    position:absolute;
    top: 64px;
    z-index:5;
    display: none;
    width: 200px;
    background-color: #404040;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px; /* for old Konqueror browsers */
}
#sub-nav li {
    list-style: none;
    color: blue;
    vertical-align: middle;
    padding: 16px 10px 16px 16px;
    margin: 0px;
    font-size: 1.3em;
}
#sub-nav li a {
    font-family: "walkway-semibold";
    font-weight: normal;
    display: block;
    text-decoration: none;
    color: #978e24;
    font-size: 1.5em;
}


/* Tags */ 
a:link { text-decoration:none; font-weight:normal; color: #06C; }  /* was  4B8A08 04B45F  */
a:visited { text-decoration:none; font-weight:normal; color: #06C; }
/* Needed to specify both p and ul so it would apply to p and ul hovers only, and not to the header 
urls which are divs. */
p a:hover, ul a:hover { text-decoration: underline; }  
a:active { }

/* Sidebar */
a.menu:link {text-decoration: none; font-weight:normal; color:#4B8A08;}
a.menu:visited { text-decoration:none;  font-weight:normal;  color:#4B8A08; }
a.menu:hover { text-decoration: underline;  font-weight:normal; background-color:#E6E6E6 ; }
a.menu:active { text-decoration: none;  font-weight:normal; }


/* Contents on the articles   4B8A08 */
a.art_toc:link {text-decoration: none; font-weight:normal; color:#06C;}
a.art_toc:visited { text-decoration: none; font-weight:normal; color:#06C; }
a.art_toc:hover { text-decoration: underline; font-weight:normal; background-color:white}  /* #FFFF99 */
a.art_toc:active { text-decoration: none;  font-weight:normal;}

/* Vegan For Life link in master_top */
a.vfl:link {text-decoration: none; font-weight:normal; color:#2e2e2e;}
a.vfl:visited { text-decoration:none;  font-weight:normal;  color:#2e2e2e; }
a.vfl:hover { text-decoration: underline;  font-weight:normal; background-color:white ; }
a.vfl:active { text-decoration: none;  font-weight:normal; } 


hr { color: #990000; }  
h1 { color: #585858; font-size: 20px;  }  /* 4B8A08 */
h2 { }
h3 { } 
h4 { }
h5 { }
h6 { }

img {
    border:0px;
}

/* This is for all tables that don't have a class specified. But our
goal is to not have any tables on the site without a class specified. */
table {
    font-family: verdana;  /* arial, helvetica, sans-serif */
    font-size: 12px;
    color: #333300;                                        
    border-collapse: collapse;
}

/* All these styles are being used for the tables in articles (12/09) */
th { 
    background-color:#BDBDBD;  /* #696969; */
    border-style: solid;  
    border-width: 1px; 
    color:black;    /* #FFFFFF;  */
    border-color: #696969; 
    padding:4px; 
    text-align:center;
}
tr { border-color: #999999; border-style: solid;  border-width: 1px;}
td { border-color: #999999; border-style: solid; border-width: 1px; vertical-align:top; 
     padding:4px; text-align: left; }

	
		 
/* using for home page tables 03/10 
   using for protein input table 11/10 */
.nb { 
    border-style: none; 
    vertical-align: top; 
    margin-bottom: 0px; 
}

/* Home Page Section Headings 5/10 */

.toc_sechead{
    /* background:# BEF781 D0F5A9*/
    background:black; 
    height:18px; 
    width:500px; 
    padding:4px 1px 1px 4px; 
    margin-top:20px;
}
.toc_insechead{
    text-align:center; 
    /* color:#b22222; */
    color:#E6E6E6; 
    font-weight:bold;
}


.sechead{
    /* background:# BEF781 D0F5A9*/
    background:#E6E6E6; 
    height:18px; 
    width:300px; 
    padding:4px 1px 1px 4px; 
    margin-top:20px;
}
.insechead{
    text-align:center; 
    /* color:#b22222; */
    color:black; 
    font-weight:bold;
}

/* 12/09 */
table.articles {
    font-family: verdana;  /* arial, helvetica, sans-serif */
    font-size: 11px;
    color: #333300;
    border-collapse: collapse;
    margin: 20px;
} 

/* 06/10 for bordered reference remarks in body of article  See b12/apinfants*/
table.apinfantsref {
    border-width: 1px; 
    font-size:82%;
    padding:2px;
}

		 
/* footnotes paragraphs (12/09) In almost every doc 03/10. */
.ref {
    font-size:90%;
    margin-left:15px
}
		 
/* sub-headers (12/09) see Hypospadia's pages */
.subhead {
    margin-top:20px;
    font-weight:bold;
    font-size:16px;
    color: black;
}

.subhead2 { 
    font-weight: bold;
    font-size: 14px; 
    color:#404040; 
} 

/* for the footer of tables 12/09 */
td.tablefooter {
    font-size:90%;
}

/* table footer divider: |  12/09 */
.tfd {
    color:#cc6600;
    font-weight:bold;
}

/* table column heading 12/09 */
.tch {
    color:black;  /* cc6600; 4B8A08 */
    background-color:#E2FBD5;
    font-weight:bold;
    text-align:center;
}

/* "table within a table" for cancer 01/10 */
.twt { 
    border-color: #999999;
    border-style: solid; 
    border-width: 0px; 
    vertical-align:top; 
    padding:1px; 
    text-align: left; 
}
		 
/* bottom border in Table 3 & 5 of dxrates 02/10  */
.borbot { border-bottom-width: 3px; }		 

/* right border in Table 1 of nutrientintakes 03/10  */
.borrt { border-right-width: 3px; }		

/* statistically significant numbers 02/10 */
.statsig { color:red; } 

/* create indented non-bulleted lists in fattyacids 03/10 */
.nobul { list-style-type: none; }
		 
/* b12/index.html.php   being used 03/10 */
.b12toc {margin-top:5px}


/* shaded cells in Table 4 in protein 05/10  */
.graycell {
    background-color: #e4e4e4;
    padding:4px 
}	

/* Indent serving size line in amino acid table for /protein 05/10 */
.servingSize{
    margin-left:10px;
}
	 


/* /protein Table 4 05/10  */
.noborbot { 
    border-bottom-color:white;
    padding:4px 
}	
.aminoAmount { 
    border-bottom-color:white;
    padding:4px;
		vertical-align:bottom;
		text-align:center;		
}	
.nobor {
    border-style:none;
    padding:0px;
		color: #000000;
}	

/* /protein Table 4 footer */
.proT4Foot {
    border-style:none;
    padding:3px;
		color: #000000;
}	



.fdgr{
    text-align:center; 
    padding:1px; 
    height:30px; 
    vertical-align:bottom;
}	 	 

/* /realveganchildren 1-21-10 */
.rvc { 
    border-style: none; 
    vertical-align: top; 
    margin-bottom: 0px; 
    text-align:center
}
.rvc2 { 
    border-style: none;
    vertical-align: top; 
    margin-bottom: 0px; 
    text-align:left 
}

/* home page dictionary list in Table 4 of /articles/diabetestwo
list at top of articles/vitaminb12 
list on articles/def */
.limarbot {margin-bottom:10px} 
.limartop {margin-top:7px}


/* protein2 11/10  */
li.li_list{margin-bottom:10px} 

/* soy article 3/11  */
li.list_mar {margin-bottom:5px}


/* footnotes table  */
/* **Get rid of when Jean is done*** */
.ft { 
    border-width: 0px;
    font-size: 82%; 
}

/* Not sure this is being used 03/10 */
/* for tables in the articles */
.articledata {
    padding:3px;
}

/* Bones - Calcium tips 03/10 */
li.articlelist {
    margin-top:15px;
}


/* This is for the frame to pull the b12 recommendation table in */
#b12_rec_table {
	width:525px;
	height:450px;
	background-color:white;
	border:0px inset #9BB9D5;
}

/* This is for the div to pull the omega-3 recommendation table in */
#omega3_rec {
	width:600px;
	height:510px;
	background-color:white;
	border:0px inset #9BB9D5;
}
.omega3_rec_table{
    font-family: verdana;  /*  Arial, Helvetica, sans-serif */
    font-size: 11px;
    color: #333300;
    margin: 10px;
	text-align:left;

}

/* This is for the div to put the vitamin D recommendation table in */
#d_rec_table {
	width:525px;
	height:410px;
	background-color:white;
	border:0px inset #9BB9D5;
}

/* calculation indentation on protein page 11/10 */
.calc{
margin-left:15px;
}


/* ***********Everything below is for the site design, not the text.
                       So no need to look below it for stuff *************************   */

img.menu{
    border-style:solid;
    border-width:1px;
}	
			
/* The width:760px in the page class keeps the page from extending 100% in IE. */
.page { 
    font-family: verdana;  /*  Arial, Helvetica, sans-serif Garamond */
    font-size: small; 
    background-color: #FFFFFF; 
    color: #000000; 
    text-align: left; 
    width:760px
}

div.page {
	width: 840px;
	height:100%; 
	margin:0px auto;
	text-align:left
}


body {
  	margin:0px;
  	padding:0px;
  	height:100%;
  	background-color:#ffffff;
}

html,body { 
    text-align:center;
    vertical-align:top;
    font-family: verdana;  /*  Garamond Arial, Helvetica, sans-serif */
    background:#ffffff;
} 

div.tinybar {
    width: 840px;
    height:1px;
    margin:0px;
    padding:0px;
    background:#b22222;
}

div.tinybar2 {
    width: 840px;
    height:1px;
    margin:0px;
    padding:0px;
    background:white;
}

/* Clearing element so that divs don't overlap (especially if floating) */
br.clearer { 
    clear:both;
}

div.main {
    width:840px;
    background:white;
    height:100% 
	}

div.header_left {
    width:645px;
    float:left;
    background:#ffffff;
    padding:0px;
    height:112px;
    margin:0px
}

div.header_right {
    width:195px;
    float:right;
    background:#ffffff;
    height:112px;
    padding: 0px;
    margin:0px
}

div.left_sidebar {
    width:150px;
    float:left;
    padding:0px 0px 0px 0px;
		background:white;
    margin: 0px;
    border: 0px;
    font-family: verdana; /* arial, helvetica, sans-serif */
    font-size: 11px;
}


ul.menu{
    width:150px;
    margin:0px;
    padding:0px;
    float:left;
    list-style:none;
    z-index:1
}

li.menu{
    width:150px;
    height:22px;
    margin: 1px 0px 0px 0px;
    padding:0px;
    background-color:#E6E6E6;   /*ECF8E0 ffcc33; CEE3F6 E6E6E6*/
		border-bottom:0px solid #ffffff;  
    position:relative;
    float:left;
    clear:none;
    font-weight:normal;
    font-size:12px;
    line-height:22px;
    text-decoration:none;
    text-align:left;
    text-indent:11px;
    vertical-align:middle
}

p.menu{
    padding:8px;
}
	
div.text {
    width:650px;
    min-height:800px;
    float:right;
    padding:15px 15px 15px 25px;
    background:white;
    margin:0px;
    border: 0px;
    font-family: verdana;  /*  Garamond, Arial, Helvetica, sans-serif */
    font-size: 12px;
	color:#2e2e2e;
}

div.footer {
    width: 810px;
    height:20px;
    margin:0px;
    padding:8px 15px 5px 15px;   /*  top right bottom left  */
    background:white;
    font-family: verdana; /* arial, helvetica, sans-serif; */
    font-size: 11px;
    border:0px;
    text-align:center;
}