/* Tags */ 
a:link { text-decoration:none; color: #4B8A08; }
a:visited { text-decoration:none; color: #4B8A08; }
a:hover { background-color: #D0F5A9; }
a:active { }

hr { color: #990000; }  
h1 { color: #585858; font-size: 150%;  }  /* 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: 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:7px; text-align: left; }

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

/* Home Page Section Headings 5/10 */
.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: arial, helvetica, sans-serif;
    font-size: 12px;
    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:120%
}

.subhead2 { 
    font-weight: bold; 
    font-size: 110%;  
} 

/* 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:#4B8A08;  /* cc6600; */
    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:bottom; 
    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}

/* 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;
}

/* Not sure this is being used 03/10 */
li.articlelist {
    margin-top: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: Arial, Helvetica, sans-serif; 
    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
}

.sidebar { 
    float: right; 
    font-size: smaller; 
    text-align: left; 
    padding: 1em; 
    border: 1px solid #666666; 
    background-color: #FFFFCC; 
}

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

html,body { 
    text-align:center;
    vertical-align:top;
    font-family: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:#ffcc33;
    padding:0px;
    height:112px;
    margin:0px
}

div.header_right {
    width:195px;
    float:right;
    background:#ffcc33;
    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: arial, helvetica, sans-serif;
    font-size: 11px;
}

/* Active as of 03/2010 */
a.menu:link {text-decoration: none; color: #006800;}
a.menu:visited { text-decoration: none; color: #006800; }
a.menu:hover { text-decoration: none; background-color:FFFF99 ; }
a.menu:active { text-decoration: none; }


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:#CEE3F6;   /*ECF8E0 ffcc33; */
		border-bottom:0px solid #ffffff;  
    position:relative;
    float:left;
    clear:none;
    font-weight:bold;
    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: arial, helvetica, sans-serif;
    font-size: 13px;
		color:#2e2e2e;
}

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