/* the fons, margins, color, etc of everything */
#html, body {
font: 13px trebuchet ms;
margin: 0;
padding: 0;
color: #666;
height: 100%;
}

/* what holds everything in place */
#container {
background: #fff;
width: 820px;
margin: 10px auto;
padding: 2px;
}

/* the banner image holder */
#banner {
width: 819px;
background: url("images/bgb.jpg"/*tpa=http://www.zoe2009.com/images/bgb.jpg*/)
top left no-repeat;
margin: 0 0 3px 0;
position: relative;
height: 150px;
color: #fff; }

/* the top navigation bar */
#nav {
background: #fff;
width: 810px;
background: #fff;
text-align: right;
padding: 5px;
margin: 0 0 5px 0;
}

/* where all the main text is stored */
#content {
height: 100%;
float: left;
background: #fff;
padding: 5px;
width: 600px;
margin-bottom: 20px;
}

/* the right bar */
#sidebar {
float: right;
width: 180px;
border-left: 1px dotted #ccc;
padding: 5px 0 0 10px;
margin: 10px 0 10px 15px;
}

/* the links in the banner image */
#topbar { text-align: right; color: #666; padding: 5px; margin-right: 55px; }

/* footer */
#footer { clear: both; background: url("images/blackbg.gif"/*tpa=http://www.zoe2009.com/images/blackbg.gif*/) repeat; border-top: 4px solid #666;  text-align: center; padding-bottom: 5px;  }

/* link styling */
#content a {
color: #557B4A;
text-decoration: none;
}

#content a:hover {
text-decoration: underline;
}

#topbar a {
color: #557B4A;
text-decoration: none;
}

#topbar a:hover { text-decoration: underline; }
#nav a { color: #666; font-weight: bold; text-decoration: none; } #nav a:hover { text-decoration: underline; }
#topbar a { color: #666; font-weight: bold; text-decoration: none; } #topbar a:hover { text-decoration: underline; }
#footer a { color: #666; font-weight: bold; text-decoration: none; } #footer a:hover { text-decoration: underline; }
#sidebar a { display: block; color: #666; text-decoration: none; padding: 5px 0 5px 0;} #sidebar a:hover { background: #deebd2; color: #666; }

/* extra attributes */
.headline {
font-size: 18px;
margin: 3px 0 3px 0;
}

.meta {
background: url("images/bg.gif"/*tpa=http://www.zoe2009.com/images/bg.gif*/);
border-top: 1px solid #666;
text-align: right;
color: #666;
text-transform: uppercase;
letter-spacing: 2px;
}

.imageright {
	float: right;
	border: 1px solid #ccc;
	padding: 3px;
	clear: both;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 7px;
}

.imageright:hover {
border: 1px solid #666;
}

.imageleft { float: left; border: 1px solid #ccc; padding: 3px; margin: 3px 10px 0 0px; }  .imageleft:hover { border: 1px solid #666; }
.sideimage {
border: 1px solid #ccc;
padding: 3px;
margin: 5px 0 5px 10px;
}

.sideimage:hover {
border: 1px solid #666;
}
#topbar ul { margin: 0; padding: 0; } #topbar li { list-style: none;  width: auto;  }

#sidebar ul {
margin: 5px 0 5px 0px;
padding: 0;
border-top: 1px solid #ccc;
}

#sidebar li {
margin: 0;
padding: 0;
text-align:
center;
list-style-type: none;
border-bottom: 1px solid #ccc;
}

#content ul {
margin: 0 0 0px 5px;
padding: 0;
border-top: 1px solid #ccc;
width: 570px;
}

#content li {
float:left;
width:180PX;
display: block;
text-align: left;
margin: 0;
padding: 4px 0 3px 10px;
list-style-type: none;
border-bottom: 1px solid #ccc;
}

#content li:hover {
background: #deebd2;
}

#p_show {
padding: 0 0 0 0px;
width:550px;
border-top: 0px solid #ccc;
}
#p_menu {
margin: 0 0 0 40px;
border-top: 0px solid #ccc;
}
#p_menu ul {
border-top: 0px;
width:500;
border-top: 0px solid #ccc;
}
#p_menu li {
display: block;
text-align:center;
float:left;
width:90PX;
list-style-type: none;
}
#p_p {
padding:10px 0 0 20px;
width:100%;
}
#p_p ul {
border-top: 0px solid #ccc;
}
#p_p li {
text-align:center;
width:170px;
padding:6px 10px 2px 0;
}


strong {
color: #87af7b;
background: inherit;
}

blockquote {
background: url("images/blockbg.jpg"/*tpa=http://www.zoe2009.com/images/blockbg.jpg*/) repeat-x;
color: #666;
padding: 5px;
border: 1px solid #ccc;
margin: 5px 0 15px 0px;
}

#banner h1 {
	position: absolute;
	letter-spacing: -2px;
	font-size: 24px;
	left: 300px;
	color: #666666;
}

#topbar h3 {
margin: 0 0 3px 0;
padding: 0;
}
.clear {
	clear:both;
	float:none;
	height: 15px;
}
.cc  table th, table td {
  font-family: Verdana, sans-serif;
  font-size: 10pt;
  color: #393938;
  line-height: 1.7em;
}
.cc p {
	font-size: 14px;
}
.cc .mtitle {
	font-size: 20px;
	font-weight: bold;
	height:30px;
	border-top:solid 1px #999999;
	border-bottom: solid 1px #999999;
	background-color: #0099CC;
	padding: 2px 0px 0px 15px;
}
.cc .ltitle {
	font-size: 16px;
	font-weight: bold;
	height:22px;
	border-top:solid 1px #999999;
	border-bottom: solid 1px #999999;
	background-color: #DDDDDD;
	padding: 0px 0px 0px 15px;
}
.cc .acube {
	border: 2px dashed #999999;
	padding: 10px;
	margin: 10px;
}
.cc .tcube {
	border: 3px double #006699;
	padding: 10px;
	margin: 10px;
}
.cc .content {
	padding: 10px 0px 0px 20px;
	}
.cc a:link, a:visited {
	color: #006600;
	text-decoration:none;
}
.cc a:hover {
	text-decoration: underline;
	}
.cc .style3 {color: #FF0000}