:link,:visited{text-decoration:none}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,body,html,p,blockquote{margin:0;padding:0}
a img,:link img,:visited img,abbr{border:none}
address,cite,dfn{font-style:normal}
q {quotes:none}
dfn,abbr{cursor:help;font-style:normal}
tabindex="-1"]:focus{outline:none}
html{font-size:100.01%}

body {padding:10px 0;
	font: 1em/120%  "trebuchet MS", Helvetica, verdana, sans-serif;
	color: black;
	background: #E9E9E9 url(/images/wat-poh-tile.jpg) repeat fixed;
	text-align:center; /* IE5*/}

/* grid */

#wrapper {
	text-align: left;
	width: 720px;
	margin: 0 auto; line-height:1.4; -moz-border-radius: 10px; 
	padding: 7px 10px 40px 10px;
	background: white url(/images/rice-in-the-fields.jpg) no-repeat center bottom;}

#header  {
	background:  url(images/headerbg.jpg) no-repeat center top;
	height: 185px;
	width: 720px;
}


#content {
	float: left; display:inline;
	width: 470px; /*real width*/ 
	background: white ; margin-top:20px;
	margin-left:10px;
}

#sidebar {
	float: right; display:inline;
	width:190px; margin: 20px 10px 0 0;
	padding: 0 10px 68px 10px; 
	background:  #ffc url(images/flower-tile.gif) no-repeat center bottom;
	color: #0D0A7B;
	-moz-border-radius: 15px;} 

/*global styles (unless overwritten later) */

a:link, a:visited{ color:inherit;text-decoration:underline;}
a:hover {color:blue; text-decoration:none;} 

cite {font-style:italic;}

p {margin: 1em 0;}

ol {list-style: decimal inside;}
ul {list-style:circle outside; margin-left:1em; padding-left:1em;}

h2 {
	text-align:center;
	color:#4284bd;
	font-size:1em;
	font-style: italic;}


h3 {font-size: x-large;
	color: #4284BD;
	text-align: center; margin:1em 0 .5em;}

h4 {font-size:large; color:red;
	text-align: center;}

/* main divs and styles */

#header a {display:block;	height: 200px;
	width: 760px; text-decoration:none;}

#header  span { margin-left:-5000px;} /* float text away */

/*Main navigation */

ul#nav {
	display:block;  width:auto;
	font-size:x-large;
	text-align:center;
	list-style: none;}

ul#nav li { margin-right:1.5em; display:inline; }

ul#nav a {text-decoration:none;padding-bottom:15px;color:#FF0000; display:inline;  }

ul#nav li a:focus, ul#nav li a:hover , ul#nav li a:active {
	background:  url(images/RedChilli.jpg) no-repeat center bottom; text-decoration:none;
} 

#content a {color: #4284BD;}
#content a:focus, #content a:hover {color:red;}
#content img {border:1px double #AD2229;  padding:2px; background-color:transparent; margin-right:10px; margin-bottom:1em; display:inline;}
#content h3 {clear:left;}

#content ol {
	text-align:center;
	color:red;
	font-size: large;
}
#content ol h4 {display:inline;}
#content ol li p {
	text-align:left;
	color:black;
	font-size: medium;
}
/* lists of meals inside each lesson */

#content ol ul {margin-bottom:1em;}
#content ol ul li {
	text-align:left;
	color:black;
	font-size: medium;
}

/*Sidebar */

#sidebar li {margin-bottom:.8em;}

/* footer */

#footer {
	clear:both;
	text-align: center;
	font-size: small; 
	padding-top:1em;
}