/* <![CDATA[ */
body {
margin: 0;
padding: 0;
background: #CC99FF;
}
Content {
position: static;
margin: 0;
padding: 0;
background: "tiledragon2.png";
}

/* static divs -- to set up vertical positioning */
#Header {
position: static;
top: 0;
background: #CC00FF;
margin: 0; 
padding: 0;
height: 216px;
border-bottom: 1px solid black;
}
#Middle {
position: static;
margin: 0 236px 0 200px;
background: #fff;
border-left: 1px solid black; 
border-right: 1px solid black; 
width: 400px;
height= 100%;
}
#Footer {
background: #eee;
margin: 0;
padding: 10px;
border-top: 1px solid black; 
border-bottom: 1px solid black; 
}
/* absolute divs -- % based margins to set up 3 cols */
#Left, #Right {
background: #CC99FF;
position: absolute;
top: 236px;
}
#Left {
	background: "tiledragon2.png";
left: 0;
width: 200px;
}
#Right {
left: 600px;
maxwidth: 10%;
}
/* layout, no positioning */
#Header .box {
margin: 0;
padding: 0 0 0 0; /* bottom has to be 0 to avoid leak into #Content */
}
#Content .box {
	margin: 0;
	padding: 0;
}
#Middle .box {
margin: 0;
padding: 0px;
}
#Left .box {
padding: 0px;
}
#Right .box {
padding: 0px;
}
/* ]]> */
h1 {
	font-size:28px;
	background:transparent;
}
h2 {
	font-size:24px;
	background:transparent;
}
p { 
	font-size: 16px;
	background:transparent;
}
ul,li,td { 
	font-size: 14px;
	background:transparent;
}