﻿/* 	REFRESHING:
Shift-refresh
CTRL + F5 will also force download all files on a webpage.

<link rel="stylesheet" type="text/css" href="style.css?<?php echo date('l jS \of F Y h:i:s A'); ?>" />
or
<link rel="stylesheet" type="text/css" href="style.css?<?=time()?>" />
* {
margin: 0;
padding: 0;
}
*/

/*  
				<li id="topp"><a href="#bottom">(to bottom)</a></li>


font: 0.7em Tahoma, sans-serif;
Pumpkin color Background=#CC3300 ----*/
body   {   
	padding: 0;
	margin: 0; 	  
	line-height: 1.5em;
background-color:#CC3300;
 
 color:White; }
	
	
form   {
	 
}

#wrapper  {              
width: 800px;
margin: 0px auto;
padding: 10px;
}
/*
margin: 5px 0  0px   0;*/



    


/* covers ALL CPH_Main  */   
.right {
	float: right;
	width: 624px;
margin: 0  0 10px 0px;
padding-left: 1px; }



/*.H1  { 
	font-size: 22px; 
 text-align:left;
	font-weight: bold;
	color: #A40008;
	margin-bottom: 10px;
}*/
/* not used in logo 
color: #A40008;*/

h1 {
    font-size: 36px; 
     text-align:center;
	font-weight: bolder;
	color:Green;
	padding-top:20px;
	padding-bottom:20px;
	}
   /*  t r b l   */	

.tinyBanner  {
font-style:italic; 
font-weight:bold; 
color: #333333; 
font-size:small; 
 text-align:center;
 margin-top:-40; }
 	
 
/*	
h1 {
font-family:Times New Roman MT Extra Bold;
font-style:inherit; 
font-size: :x-large; 
 font-weight: bolder;
letter-spacing: -1px; 
padding: 7px 0 0 8px; 
margin: 0; }
/*  	margin-left: 0px; 
	*/
h2
{
    font-size: 22px;
    color: #006600;
    text-align: right;
}
    
    /*  neat gray title bar */
h3   {
    font-size: 16px;
    color: #A40008;
    text-align: left;
    font-weight:bolder;}
h3.Http  {
    color: #A40008;
    text-align: center;
    font-weight:bolder;}
h4  {
	padding-top: 8px;
	margin-top:6px;
 font-size:12px;
	color: #A40008;
    text-align: left;
	padding-bottom:5px; }
	
.Date3 {
    font-size: 16px;
    font-weight:bolder;
    color: #A40008;
    text-align: right;
    font-family: 'Times New Roman' , Times, serif;}


/*                   */

    
 #TheMenu  {
    text-align: center;
    position: inherit;
font-family: Verdana,Tahoma,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-variant: normal;
    background-image: none;
  border-style:none;
    background-color: White;
    vertical-align:middle;
    margin: 10px 10px 10px 10px;
    width: 97%;
    height: 100%;}
    
#TheMenu td  {
    border:  thin none #FFFFFF;
 text-align:center;
  vertical-align:middle;}
  
#TheMenu  a {
    color:Black;   }
    
#TheMenu  img {
    border: medium none #FFFFFF;  }

.Tblog  {
    color: Black;
 width:95px; 
 text-align:center;
  vertical-align:middle;
    border-right-color:Maroon;
    border-right-style:ridge;
    border-right-width:thick;
}
/*  
    border-right-color:Maroon;
    border-right-style:ridge;
    border-right-width:thick;
    */
    
.Tblog:hover  {
    background-color: #AEDEAD;  }
.Tnutrient  { 
 text-align:center;
  vertical-align:middle;
 width:85px;   }
.Tnutrient:hover  {
    background-color: #AEDEAD;   }
    /*  
    padding-top: +23px;*/
.Tculinary  { 
 text-align:center;
  vertical-align:middle;
 width:75px;   }
.Tculinary:hover  {
    background-color: #AEDEAD;   }

.Tchild  { 
 text-align:center;
  vertical-align:middle;
 width:75px; }
.Tchild:hover  {
    background-color: #AEDEAD;    }
.Tag  { 
 text-align:center;
  vertical-align:middle;
 width:70px;    }
.Tag:hover  {
    background-color: #AEDEAD;    }
.Tskincare  { 
 text-align:center;
  vertical-align:middle;
 width:80px;    }
.Tskincare:hover  {
    background-color: #AEDEAD;    }
.Tskincare img  { 
}


/*     was    background-color: #FF9933;
    height:400px;     position:absolute;
font-variant: small-caps; 	the older one above  

    padding-top: 10px;
    padding-bottom: 10px;
x    top:100px;   */

	 /*  	background-image: url(../images/menu_tabs.gif);   */

/* 	REFRESHING:
Shift-refresh
CTRL + F5 will also force download all files on a webpage.

<link rel="stylesheet" type="text/css" href="style.css?<?php echo date('l jS \of F Y h:i:s A'); ?>" />
or
<link rel="stylesheet" type="text/css" href="style.css?<?=time()?>" />

*/

/*  KEEP ABOVE padding:10px	 !!! to prevent li's from shifting horizontally
	padding-top:40px;       changes don't seem to change anything
	padding-bottom:20px;    this one will increase padding at bottom, IF WANTED
    
    margin-top:20px;  no diff 	 
	margin:100px 0 0 0;
 */


/*    */

/*     */

 /*   border-left: #8C8484 1px solid;  */
a {
	font-weight: bold;
	text-decoration: none  }
/*  maroon
	color: #A40008;*/
a:hover  {
	font-weight: bold;  }

/*
	text-decoration: underline*/
a.rcol_link {
	color: #000000;
	font-weight: bold;  }
/*	text-decoration: underline
maroon	color: #A40008;*/
a.rcol_link:hover {
	font-weight: bold;
	text-decoration: none  }






#clock  {
    background-color: #C4E1FF;
    color: #333333;
    border-bottom: solid 1px #bfb8af;
    border-right: solid 1px #bfb8af;
    border-top: solid 1px #bfb8af;
    text-align: right;
    font-size: 80%  }

#login  {
    background-color: #FFCC99;
    color: #333333;
    border-bottom: solid 1px #36743A;
    border-left: solid 1px #36743A;
    border-top: solid 1px #36743A;
    text-align: left;
    font-size: 90%;
    border-color: #36743A }
    
    
.bar2 {
	clear: both;
	font-size: 1.1em;
	height: 30px;
	color: #FFF;
	margin: 0 0 0 0px;
	background: #FF9148;
padding: 0   5px 0    80px;
}
.FileBtns     {
    width: 50px;
    float: right;
    font-weight:normal; 
    font-size: 10px;
    font-family:MS Sans Serif;
    margin-left: 1px;
    margin-right: 1px;
    z-index: 1;
    vertical-align:inherit;
    background-color: #DDDDDD;
    color:Black; 
	height: 25px;
      }

 .addBtns {
 border-color:Green;
 border-style:solid;
 border-width:3px;
background-color:#FFFF66;
 color:Green;
  }
 .addBtns:hover {
  background-color: Black;
    color:White;
 }


.LabelC3  {
font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bolder;
font-style: normal;
font-variant: normal;
    color: Red;
 text-align: center ;width:33%; }
 /* 
 border-color:Red; background-color:#FFFF66; 
 border-style:inset; 
 border-width:2px; */
 .ClrBtns {
 font-size:medium;
  font-weight:bold;
 color:Red;

  }
 .ClrBtns:hover {
  background-color: Black;
    color:White;   
 }
      
      
.PrintBtns     {
    width: 50px;
    float: right;
    font-size: 10px;
    font-family:MS Sans Serif;
	height: 25px;
    margin-left: 2px;
    margin-right: 1px;
    z-index: 1;
    vertical-align:inherit;
      background-color:#EEEEEE;
    color:Navy;    }
.PrintBtns:hover    {
 color:#EEEEEE;
background-color:Navy;  }

.SrchBtn {
 font-size:11px; 
 margin-left:0px;
margin-right:3px;
 text-align:left;
 z-index: 1; 
 width: 50px; 
 vertical-align:top; 
 float:left;           
background-color:#EEEEEE;
color:Green;       }
.SrchBtn:hover {       
 color:#EEEEEE;
  background-color:Green;}
    
.PrevBtn {
 font-size:11px; 
 margin-left:0px;
margin-right:3px;
 text-align:left;
 z-index: 1; 
 width: 50px; 
 vertical-align:top; 
 float:left;           
  background-color:#EEEEEE;
 color:Maroon;
}

.PrevBtns:hover {
         
 color:#EEEEEE;
  background-color:Maroon;}
  /* 
background-color:#FFFFFE;  */
.LabelHi {
background-color:#FFFFFE;
 color:Navy;

  width:99%;
 text-align:center;
 height:50px;
 vertical-align:top;
 padding-top:0;
}
 .Labelwgt {
 margin-top:0;
   font-weight:bold;
 }
 .One23Btns {
background-color:#FFFFFE;
 color:Navy;
  width:99%;
 height:26px; 
 vertical-align:top;
 top:0;
margin-top:0;}

 .One23Btns:hover {
color:#FFFFFE;
 background-color:Navy;
 }

.LabelL  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bolder;
    font-style: normal;
    font-variant: normal;
    color: Red;
    text-align: left; }
.Labeltd4 {
 width:100px;

}
 

.LabelC  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bolder;
    font-style: normal;
    font-variant: normal;
    color: Red;
    text-align: center; }


  /*  color: #552922;  */

/*============================================================*/


/*    NEW   */

.otrheader {
    width: 780px;
	height: 88px;
	padding: 0px 0px 0px 0px;
	margin-bottom:2px;
	background:black;
border-color: #FF9148;
border-width: 10px;
border-style:solid ;
}
   /*  t r b l   */   
/*  	color: #808080; 
  width  : 772px;
	height: 77px; */
.header {
  margin: 0px 0px 0px 0px;
background-color:White;
padding: 0px 0 0 0;
border-color: black;
border-width: 5px;
border-style:solid ;}
      

   /*--  	border-bottom: 1px solid #ccc; -->*/
        /*  t r b l   */
.gglsrch_row  {
    clear: both;
	font-weight: bold;
	background-color:white;  
        text-align:center;
	height: 18px;
	padding: 0px 10px 10px 10px;
	margin:  -3px auto;}    
  /*  padding: 7px 25px 10px 10px;  */

/*   	color: #808080; 
	border-bottom: 1px solid #eee;  */
.top_info {
	float: right;
	height: 27px;
	width: 550px;
 margin-bottom:0px;
padding: 15px 0 4px 0;
background-color:white;
font-family:Times New Roman;
 }
           /*  t r b l   */
/* width:200px;    text-align:left;     */
.logo{
color: #993300;    
font-family:Georgia;
    font-size: 30px;
    font-weight:900; 
background-color:white ;
font-style:italic;
     width: 190px;
padding:  0px  0px 0 5px;
margin: 15px 0px -5px 15px;  }
     /*  t r b l   */	      
   
 /* 
        right: 100%; position: static;      */

.top_info_ctr {
          top:0px;
          margin-top: 3px;
background-color:white ;
	width: 175px;
	float: left;
	color: #E93C32;
	font-size: 12px;
	font-weight: bolder;
 	}

/*	border-left: 1px solid #eee; */
.top_info_right {
background-color:white ;
	float: right;
	width: 340px;
padding: 0px  5px 0 5px;
margin-top:-12px;

color: green;  
 font-weight:bolder;
 font-size: 16px;
 font-style:normal;
  }
.top_info_rr {
background-color:white ;
	float: right;
	width: 220px;
	padding: 0px  5px 0 5px;
margin-left: 50px;
margin-top:-9px;
	color: green;  
font-weight:bolder;
font-style:oblique;
font-size: 16px;
  }


/* was 120px left  */
.bar {
	clear: both;
	font-size: 1.1em;
	height: 30px;
	color: #FFF;
	margin: 0 0 0 0px;
	background: #FF9148;
padding: 0  80px 0    80px;
}

	.bar li { 
list-style-type: none;
		margin: 0; 
		padding: 7px  12px 5px 12px;
		color: #FFEADC;
		background: #FF9148;
		float: left;
	}
	
	.bar li.active { 
		background: #E0691A url(bar.gif) no-repeat center top; 
		color: #fff;
		font-weight: bold; 
		padding: 7px 10px 6px 10px;
	}
	
	.bar li a { 
	font-weight: bold;
	color: #FFF;
	background: inherit;
text-decoration: none;
	} 
	/*
		color: #E0691A; */
	.bar li a:hover { 
		color: black; 
background: inherit;
	} 


   /* left side
   --------- */

   /*  t r b l   */	
.left {
clear:left;
	float: left;
	width: 170px;
	margin: 0px 0px 10px 0px;
background-color:#FFFFCC;
padding-left: 5px;
}
.left_script  {
margin-top: 7px}

  /*  t r b l   */	
  /*  right_side is	the 
  RIGHT side of LEFT Column	*/
.left_side a, .right_side a { color: #414141; background: #FFF; }
		
		

/* right side
 background-color:White;
   ---------- */
   /*  t r b l   */	



.right h3 {
	background: #6C757A  url(corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	margin: 0 0 3px 0; 
	font: bold 1em Tahoma, Arial, Sans-Serif; }



#NST_Left   {
 top:5px;
margin: 0px  auto auto  -6px;
background-color:#FFFFCC;
	width: 457px;
	height:100px;
	float: left;
  vertical-align:middle;
	color: #E93C32;
	font-size: 12px;
	font-weight: bolder;  }
	
#NST_Rgt    {
background-color:#FFFFCC;
	float: right;
	width: 130px;
 height:100px;	
	margin-right:-7px;
	padding: 0   10px 0   20px;
font-weight:bolder;
 font-size: 16px;
}

   /*  t r b l  
         font-style:oblique; 
margin: 0px  auto 0px  ;*/	
#DblCol_Left   {
 top:5px;
 margin-left:-8px;
  background-color:#FFFFDF;
	color: #E93C32; 
	width: 250px;
	float: left;
  vertical-align:middle;
	font-size: 12px;
	font-weight: bolder;  }
#SumL_Left   {
 top:5px;
margin: 0px  auto auto   -4px;
  background-color:#FFFFDF;
	color: #E93C32; 
	width: 330px;
	float: left;
  vertical-align:middle;
	font-size: 12px;
	font-weight: bolder; 
	 text-align:center }

/*  background-color:white ;
background-color:#FFFFDF;">
*/	
#DblCol_Rgt    {
background-color:#FFFFDF; 
	float: right;
	width: 348px;
margin-right:-7px;
margin-bottom:0px;
	padding: 0    0px 0   0px;
         font-weight:bolder;
         font-size: 16px;}
#SumL_Rgt    {
top:0;
background-color:White ;
	float: right;
	width: 275px;
margin-right:-3px;
margin-left: -3px;
padding: 0px    0px 0px   0px; 
font-weight:bolder;
font-size: 16px;
}/*background-color:white ;*/

/*  style="
 height:88px;	padding: 0 0 0  0; width: 600px;"  */
 
/* 		background: #f5f5f5;  color: #414141;*/
.right_articles {
background: white;
		color:Black;
		padding: 8px;
	margin: 10px  0 3px 0;
	 font-family:Arial;
	 font-size:medium;	
	 font-size:90%;}


#footer {
	text-align: center;
	font-size: 12px;
	margin:  5px 0 0 0;  
    font-family: 'Trebuchet MS';
    font-weight: bold;
    text-align: center;    
}
/*  full width  */
.central {
width:800px;
background-color:#CC3300;
  height:40px;
	text-align: center;
	font-size: 12px;
	margin:  -5px 0 5px 0;  
    font-family: 'Trebuchet MS';
    font-weight: bold;
}

