body{
	font: 80% Tahoma,"MS Sans Serif";
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-color: #E1E7F7;
/*    background-image: url(../images/page_bg.jpg);   */
/*	background-repeat: repeat-x;*/

}

body.foodie {
  background: #CDC8A8 url(../foodie/images/pageBg.jpg) no-repeat top;
}

body.botantei {
	background-color: #000;
}


/*navigation bar*/

#navbar {
  padding: 0 15px 0 0px;
  background: transparent;
 /* height: 100%;*/
 /* border: 1px solid #fff;*/
/*  width: 100%;*/  /*cause IE extra space at the end*/
}

/*
#nav { width: 100%;}
this way it'work in IE7 but not in opera and firefox
cause un even high in the padding area
so fix by using fix-width in #nav
calculate by width = 1004-padding area*/

#nav {
/* float: left;*/ /*float to fix clearing*/
 /* width: 100%; */
 /*width: 780px;*/
 float: right;
  margin: 0;
  padding: 0;
  list-style: none;
 /* background-color: transparent;  */

}

#nav ul {
    border-left: 1px solid #666;
}


#nav li {
  float: left;
  margin: 0 0 0 0;
  padding:0;
  font-family: "Trebuchet MS", "Arial Unicode MS", "Arial", sans-serif;
  font-weight: bold;
}

#nav a {
  float: left;      /*make it close together */
  display: block;
  margin: 0;
  padding: 4px 10px;
  color: #333;
  text-decoration: none;
  border: 2px solid #fff;
  background: #b9d300 url(../images/gradient_tab.png) repeat-x left top;
/*background: #f9e9a9 transparent;   */
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-width: 1px;
}

#nav #t-home a {
  border-left-width: 2px
}


#nav a:hover, body#home #t-home a, body#products #t-products a, body#services #t-services a, body#about #t-about a, body#contact #t-contact a, body#herbs #t-herbs a, body#order #t-order a, body#member #t-member a {
  background: #b5b07a url(../images/gradient_tab.png) repeat-x top left;

}

/*Nav bar Vertical*/

#navbarVertical {
  padding: 0 0px 0 0px;
  background: transparent;
  width: 150px;
 /* height: 100%;*/
 /* border: 1px solid #fff;*/
/*  width: 100%;*/  /*cause IE extra space at the end*/
}

#navVertical {
/* float: left;*/ /*float to fix clearing*/
 /* width: 100%; */
 /*width: 780px;*/
/* float: right;*/
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
 /* background-color: transparent;  */

}

#navVertical ul {
    border-left: 1px solid #666;
}


#navVertical li {
 /* float: left;*/
  margin: 0px 0px;
  padding:0;
  font-family: "Trebuchet MS", "Arial Unicode MS", "Arial", sans-serif;
  font-weight: bold;
}

#navVertical a {
  /*float: left; */     /*make it close together */
  display: block;
  margin: 0;
  padding: 10px 10px;
  color: #466013;
  text-decoration: none;
  border: 0px solid #fff;
  background: #D5EDB3 url(../images/leaf.gif) no-repeat top left;
/*background: #f9e9a9 transparent;   */
/*  border-bottom-width: 1;
  border-left-width: 1; */
  border-top-width: 0px;
  border: solid #fff;
}

#navVertical #t-home a {
  border-top: 0px solid #fff;
}



#navVertical a:hover, body#home #t-home a, body#products #t-products a, body#services #t-services a, body#about #t-about a, body#contact #t-contact a, body#herbs #t-herbs a, body#order #t-order a, body#member #t-member a {
  background: url(../images/leafOver.gif) no-repeat top left;

}

/******* hi list *******/
.hiList {
    color: #FFCC33;
  list-style-image: url(../images/leaflet.gif);
  margin: 0 50px 0 0;
}

.hiList li a {
    color: #b9d300;
}

.hiList2 {
    color: #669900;
  /*list-style-image: url(../images/leaflet.gif);  */
  /*margin: 0 50px 0 0;  */
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;

}

a:hover{
	text-decoration: underline;
}


a img {
  border: 0;
}

/************** header tag styles **************/

h1{
 font: bold 120%;
 color: #0066CC;
}

h2{
 font: bold 120%;
 color: #336699;
}

h3{
 font: bold 120%;
 color: #003366;
}


h4{
 font: bold 110%;
 color: #FF3300;
}

h5{
 font: bold 110%;
 color: #FF6600;
}

h6{
 font: bold 110%;
 color: #FF9900;
}



strong, b {
	font-style: bold;
	color: #fe0000;
}

em {
	font-style: normal;
	color: #DE6100 ;
  font-weight: bold
}



#content p {
	padding: 0px 10px 0px 25px;
}

#home h1, #home h2,#home h3,#home h4,#home h5,#home h6, #home table, #home table td {
	margin: 0px;

}


h1.foodie {
 font: bold 110% Tahoma,"MS Sans Serif";
 color: #fff;
 text-align: left;
  padding: 3px 0px 3px 10px;
 background-color: #4B3A1F;
}

h1.botantei {
 font: bold 110% Tahoma,"MS Sans Serif";
 color: #fff;
 text-align: left;
 padding: 3px 0px 3px 10px;
 margin: 0;
 background-color: #fe0000;
}


#id_apartment {
  font-family: Trebuchet MS, Verdana, "san serif";
  /*background: #c0d7e1; */
  background: #7198a6;
  color: #5a6e7d;
}

#id_apartment h1 {
  font: italic 160%  "Times New Roman";
  color: #3380d2;

}

#id_apartment h2 {
  font: italic 140%  "Times New Roman";
  color: #fd972b;

}

#id_apartment h3 {
  font: 120%  "Times New Roman";
  color: #2c598f;

}

#id_apartment strong {
  color:  #5a6e7d;
}



/*************** list tag styles ***************/
ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Tahoma,"MS Sans Serif";
 color: #334d55;
}
				
input{
font-family: Tahoma,"MS Sans Serif";
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#layout {
	margin: 20px  auto 0px;
/*	margin: 0px auto;*/
	width: 760px;
	text-align: left;

}

#masthead{
	margin: 10px 0px 0px 0px;
}

#pagecell1{
	/*background-color: Aqua;*/
	background-image: url(../images/contentBgEdge.jpg);
	background-position: right;
	background-repeat: repeat-y;
	text-align: left;
	width: 760px;
}

#pagecell2{
	background-color: #ffffff;
	text-align: left;
	width: 780px;
	padding: 10px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-top-width: 1px;
}

#pagecell3{
	background-color: #ffffff;
	text-align: left;
	width: 780px;
	padding: 5px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-top-width: 1px;
}

#pagecell4{
	background-color: #ffffff;
	text-align: left;
	width: 780px;
	padding: 0px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-top-width: 1px;
}

#pagecell5{
	background-color: #ffffff;
	text-align: left;
	width: 780px;
	padding: 0px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-top-width: 5px;
}


#pageNav{
	float: left;
	width: 166px;
  	padding: 0px;
	background-color: transparent;
/*   border-right: 1px solid #CF589F;
*/	font: 100% "MS Sans Serif", Tahoma;
}

#content{
	padding: 10px 10px 10px 16px;
	margin:0px 0px 0px 166px;
	background-image: url(../images/contentBg.jpg);
	background-repeat: no-repeat;
}

#contentEnd {
	background-image: url(../images/contentBgEnd.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0px 0px 0px 166px;
}

#bottombarReflex {
	background-image: url(../images/bottombarReflex.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: -4px 0px 0px 0px;
}
.verLineRight {
	border-right: 1px dotted #ccc;
}

.box1 {
	width: 500px;
}

table {
	margin: 0px;
    text-align: left;
}

table.center {;
  table-layout: auto;
  height: auto;
}


#siteinfo table {
	margin: 0px 0px;
}

table.tabledata {
/*font-size: 80%;*/
	background-color: #EFF5FC;
	border: solid #A5B8C9;
	border-left-width: 2px;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	
}

table.tabledata td, th {
	border: solid #A5B8C9;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-width: 0px;
	padding: 5px;
	}
	
	
table.tabledata th 
{
color: #fff;
background-color: #587992;
text-align: center;
}

	
.tabledata li {
	margin-left : -25px;
	margin-bottom: 0px;
	list-style-image: url(../images/bullet3.gif);
}

.box500 {
	width: 500px;
} 

/************* globalNav styles ****************/

#globalNav{
position: relative;
width: 100%;
min-width: 640px;
height: 32px;
color: #cccccc;
padding: 0px;
margin: 0px;
background-image: url(../bars/globalNav/glbnavBg.gif);
}

#globalLink{
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 6px;
	text-align: center;
}

a.glink, a.glink:visited{
  	font: bold 90% Arial,sans-serif;
  	color: #000000;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}

a.glinkLast, a.glinkLast:visited{
  	font: bold 90% Arial,sans-serif;
  	color: #000000;
	margin: 0px;
	padding: 2px 5px 4px 5px;
}

a.glink:hover, a.glinkLast:hover {
  	background-image: url(../bars/globalNav/glblnavSelectedBg.gif);
	text-decoration: none;
}

.skipLinks {display: none;}

/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;
	font: bold 120% Tahoma,"MS Sans Serif";
    background-color: #cb3da4;
}


#sectionLinks #navtop {
	display: block;
	padding: 2px 3px 5px 12px;
	color: #fcf;
/*	background-color: #cb3da4;*/
	background-image: url(../images/navbartop.jpg)!important;
	background: no-repeat center;
}

#sectionLinks #navbottom {
	display: block;
	padding: 6px 3px 5px 12px;
	color: #ffa3ff;
/*	background-color: #ffa3ff;*/
	background-image: url(../images/navbarbottom.jpg)!important;
	background: no-repeat center;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
/*	padding: 0px 3px;*/
	padding: 5px 2px 5px 12px;
	color: #fff;
	background-color: #cb3da4;
	background-image: url(../images/navbarlink.jpg) !important;
	background: repeat-y center;
}

#sectionLinks a:hover{
/*	color: #cb3da4;*/
	color: #cf0;
	background-image: url(../images/navbarover.jpg)!important;
	text-decoration: none;
}


#sectionLinks h6{
	padding: 12px 5px 11px 10px;
	background-color: #dddddd;
	border-bottom: 1px solid #cccccc;

}

#sectionLinks h4{
	padding: 10px 0px 2px 10px;
	margin: 0px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks p{
	padding: 10px 5px 5px 10px;
	margin: 0px;
	font: 100% Tahoma,"MS Sans Serif";
}

#sectionLinks2 {
	margin: 0px;
	padding: 0px;
	font-family: Arial,sans-serif;
	background-color: #F5f7f7;
}

#sectionLinks2 a:link, #sectionLinks2 a:visited {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ccc;
	background-image:  url("../images/navBg.jpg");
	font: bold;
	padding: 3px 0px 3px 10px;
	color: #003366;
}

#sectionLinks2 a:hover{
	border-top: 1px solid #cccccc;
	background-color: #ccccff;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}


/************* relatedLinks styles **************/

.relatedLinks{
	margin: 7px;
	padding: 2px 5px 10px 10px;
/*	border-bottom: 1px solid #A32F75;
*/	font: 100% Tahoma,"MS Sans Serif";
	background-image: url(../images/gradientbg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.relatedLinks h6{
	padding: 10px 0px 6px 0px;
	background-color: transparent;
	color: #A32F75;
	font: bold 120% Tahoma,"MS Sans Serif";
}

.relatedLinks a{
	display: block; 
	margin-bottom: 4px;
}


/**************** advert styles *****************/

#advert{
	padding: 6px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#advert img{
	display: block;
}

/************** feature styles *****************/

/*.feature{
	padding: 0px 0px 0px 0px;
}



html>body .feature {height: auto;}

.feature h1{
 color: #ffcc33;
}

.feature h2{
 color: #ffff99;
}

.feature h3{
	font: bold 100% Arial,sans-serif;
	color: #ffcc33;
	padding: 5px;
	margin: 0px;
	background-color: #003366;
}*/

/*.feature img {
	border: 0px;
	display: inline;
	margin: 10px 10px 10px 0px; 
}*/

/*************** story styles ******************/

.story, story2{
	padding: 0px 0px 0px 0px;
	}

/*.story h1{
	font: bold;
	color: #336699;
}*/

.story p {
	padding: 0px 0px 0px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}

.story img {
	border: solid #ccccff 3px;
/*	display: block;*/
	margin: 5px 10px 5px 0px;
}

.story2 img {
	border: 0px;
	display: inline;
	margin: 0px;
}

/*.story3 img {
	border: 0px;
	display: inline;
	margin: 10px 10px 10px 0px; 
}*/

.noBorder img {
	border: 0px;
	display: inline;
	margin: 10px 10px 10px 0px; 
}


/********************* Highlight **********************/
.highlight1 {
	background-color: #EBEDEC;
	padding: 10px;
}

.highlihgt1 strong {
	color: #003366;
}


.highlight2 {
	margin: 0px 25px 10px 25px;
	padding: 5px;
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: #ffcc33;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #ffcc33;
}

.highlight2 strong {
	color: #ffcc33;
}

.highlight3 {
	background-color: #E6E6FA;
	padding: 2px;
	margin: 0px;
	text-align:center;
 }
	
	
.code { 
	border-bottom-color: #FFCC33;  
	border-bottom-style: dashed;  
	border-bottom-width: 1px;
	border-top-color: #FFCC33;
	border-top-style: dashed;
	border-top-width: 1px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #FFFFC6;
	font-size: 90%;
 }

.noMargin {
	margin: 0px;
}


.whitetext {
  color: #fff;
}

/*************** list tag styles ***************/

li {
	 margin-bottom: 10px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/*************** Utilities ***************/
table, tr, td {
	clear: none;
}


hr {
	border: 1px solid #ccccff;
}



.note {
	margin: 0px 25px 10px 25px;
	padding: 5px 5px 5px 5px;
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: #ffcc33;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #ffcc33;
}

.note strong {
	color: #ffcc33;
}

p.note {
	margin: 0px 25px 10px 25px;
	padding: 5px 5px 5px 5px;
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: #ffcc33;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #ffcc33;
}

.tip {
	margin: 0px 25px 10px 25px;
	padding: 5px 5px 5px 5px;
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: #ffcc33;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #ffcc33;
}

.tip strong {
	color: #ffcc33;
}

p.tip {
	margin: 0px 25px 10px 25px;
	padding: 5px 5px 5px 5px;
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: #ffcc33;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #ffcc33;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

/*#content br {
clear: all;
}*/

br.none {
	clear: none;
}

#topButton {
	position: fixed;
	top: 200px;
	left: 200px;
}

body#activity table {
	background-color: #E6E6FA;
}

/************** siteInfo styles ****************/
#siteinfo{
border-top: solid 2px #587992;
	clear: both;
    text-align: center;
	color: #587992;
	padding: 10px;
	margin: 0px;
  /*	font-family: Arial,sans-serif;*/
	font-size: 100%;
/*	background-color: Lime;
	background-image: url();
	background-position: bottom;
	background-repeat: repeat-x;*/
}

.botanteiFooter {
  color: #999999;
  text-align: center;
  padding: 5px 0;
}


#infoLinks{
	float: left;
	margin-top: 5px;
}

#infoText {
	text-align: right;
	margin-top: 5px;
}

/********************* see through table **********************/

#pagecell4 table {  
border-color: #FF9900 #FF9900 black black; 
border-style: dashed; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 0px; 
border-left-width: 0px
}

#pagecell4 td {  
border: dashed; 
border-width: 0px 0px 1px 1px; 
border-color: black black #FF9900 #FF9900}

#pagecell4#pageNav {
	padding: 0px;
	background-color: #F5f7f7;
	border-bottom: 1px solid #cccccc;
	font: 80% Tahoma,"MS Sans Serif";
}

/********************* end **********************/