


body {
margin: 0 auto;
font: normal normal 76%/100% helvetica, 'lucida grande', arial, 'trebuchet ms', tahoma, verdana;
_font: normal normal 12px/14px arial, 'lucida sans unicode', 'trebuchet ms', tahoma, verdana;
background: #fff  url(../img/bg-tile.gif) center top  repeat;
background-repeat:repeat;
}

a{ text-decoration:none; color: #009900}
blockquote {
margin: 0 20px; padding: 0px 0px;
}
blockquote p {
margin: 0; padding: 0 0 4px;
}
blockquote ul {
margin: 0 10px; padding: 0 10px;
}
blockquote ul li { list-style-type: disc; 
}
img {
border: none;
}
p {
font-size: 100%; _font-size: 92%;
}
/*
3)
Basic Page Structure
*/
#wrapper {
width: 100%; margin: 0 auto; padding: 0; text-align: left;
}
#container {
width: 990px; margin: 0 auto; padding: 0; text-align: left; border:1px solid green; background-color:#FFFFFF;
height:auto;


}
 #header{ height:75px; border:0px solid black; background-image:url(../img/SkinCare1.jpg); background-repeat:no-repeat; padding-top:75px; text-align:left; }
 #header strong{ font-weight:bold; font-size: 40px; font-family:"Myriad Pro"; color:#006600; }
 #header h4{ font-family:"Myriad Pro"; font-size:13px;}
 
 

 #MenuNav{ height:47px; padding-left:10px; }
 #MenuNav #MenuBarLeftBG{height:47px; float:left; background-image:url(../img/leftMenuBar.jpg); background-repeat:no-repeat; width:6px;}
/*
--------------------------------------------------- 
NAVIGATION
--------------------------------------------------- */
 #MenuNav #MenuBar{height:47px; float:left; background-image:url(../img/MenuBarBG.jpg); background-repeat:repeat-x; width:952px;


margin: 0;
padding: 0;
font-size:18px;





 

}

 #MenuNav #MenuBar ul {
margin: 0;
padding: 0px;
padding-top:17px;
height:30px;
}

 #MenuNav #MenuBar ul li {
display: inline;
border: 0px solid black;

}

 #MenuNav #MenuBar ul a {
padding: 8px;
color: #5A7A93;





border-right: 1px solid   #EEEEEE;
border-left: 1px solid   #999999;
padding-bottom:10px;
padding-top:10px;
padding-right:25px;
padding-left:25px;
}

#MenuNav #MenuBar ul a.nav_selector {
margin-left: -5px;
color: #fff;
background: #324D60;
border-top: 1px solid #5A7A93; 
}

 #MenuNav #MenuBar ul a.nav_selector:hover {
color: #fff;
background: #5A7A93 url(../img/nav-arrow.gif)
bottom center no-repeat;
}

 #MenuNav #MenuBar ul a:hover {

 background-image:url(../img/MenuBarBG_over.jpg); background-repeat:repeat-x;
 background-position:0px 3px;
 

}



 #MenuNav #MenuBarRightBG{height:47px; float:left; background-image:url(../img/MenuBarRightBG.jpg); background-repeat:no-repeat; width:7px;}

/*
--------------------------------------------------- 
CONTENTS PART
--------------------------------------------------- */

#Contents{ width:980px; margin-top:10px; padding-left:10px; overflow:auto;}
#Contents #LeftContents{ float:left;  width:235px; height:auto;   }
#Contents #LeftContents .Box .HeaderBG{background-image:url(../img/left-heading.gif); background-repeat:no-repeat; height:25px; padding-top:10px; padding-left:10px; font-size:15px; color:#FFFFFF; }
#Contents #LeftContents .Box .Boxbody{  background-image:url(../img/left-mid.gif); background-repeat:repeat-y;height:auto; width:235px;overflow:auto; }
#Contents #LeftContents .Box .Boxbody hr{ margin-right:12px; border-bottom:#333333 2px solid; border-top: #FFFFFF 1px solid;}
#Contents #LeftContents .Box .Boxbody ul {
margin: 0;
padding: 0px;
width:210px;

float:left;
margin-top:10px;
margin-left:10px;
 


}

#Contents #LeftContents .Box .Boxbody ul li {
display: block;

padding-top:10px;
padding-bottom:10px;
border-bottom: 1px solid  #FFFFFF  ;
border-top: 1px solid #999999 ;
width:200px;



}
#Contents #LeftContents .Box .Boxbody ul a {
padding: 8px;
color: #666666;
font-weight:bold;
width:200px;

}
#Contents #LeftContents .Box .Boxbody ul a:hover {
width:209px;
padding: 8px;
color: #666666;
font-weight:bold;

 

 
 


}

#Contents #LeftContents .Box .FooterBG{background-image:url(../img/left-bottom.gif); background-repeat:no-repeat; height:18px; }


#Contents #MiddleContents{ float:left;  width:530px; height:auto; }


#Contents #MiddleContents  .bHeaderBG{background-image:url(../img/content-top.gif); background-repeat:no-repeat; background-position:bottom;  border:0px solid black; height:8px; }
#Contents #MiddleContents  .bBoxbody{background-image:url(../img/content-mid.gif); background-repeat:repeat-y;  padding:10px 10px 10px 10px; line-height:20px; overflow:auto;  }
#Contents #MiddleContents  .bBoxbody strong{ color:#009900; font-size:14px;}
#Contents #MiddleContents  .bBoxbody img{ float:right;}
#Contents #MiddleContents  .bFooterBG{background-image:url(../img/content-bottom.gif); background-repeat:no-repeat; height:8px; }

#Contents #RightContents{ float:left;  width:203px; height:auto; line-height:20px;}


#Contents #RightContents  .rHeaderBG{background-image:url(../img/Right_headings.jpg); background-repeat:no-repeat; font-size:14px; height:26px; padding-left:10px; padding-top:8px; color:#FFFFFF; }
#Contents #RightContents  .rBoxbody{background-image:url(../img/Right_Contents.jpg); background-repeat:repeat-y; margin:0px; height:auto; padding-left:10px;  overflow:auto;  }
#Contents #RightContents  .rFooterBG{background-image:url(../img/Right_Bottom.jpg); background-repeat:no-repeat; height:8px; }



/*
--------------------------------------------------- 
Footer PART
--------------------------------------------------- */
#Footer{
padding-top:5px; line-height:25px; }





