/* Main definitions */

/* text-align here (and in #wrap--indeed, the very presence of #wrap itself)
 * works around IE6 problems with centering.
 */
body { font-family: Times New Roman, Times, serif; margin: 0px;
	text-align: center;
	font-size: 14px; color: #24a231; background-color: #fff; }

h1, h2 { text-align: center; color: #f78bb9; }

a { text-decoration: none; }
a:link { color: #c4206d; }
a:visited { color: #e45092; }
a:hover { text-decoration: underline; }

/* This should be 800px, but IE6 adds its 3-pixel jog. Instead of more
 * kludging, I'm just going to expand the container to accept the jog.
 */
#wrap { text-align: left; width: 803px; margin: auto; }

#leftcol { float: left; width: 223px; }
#rightcol { margin-left: 223px; padding: 0px; width: 577px; }
#content { min-height: 300px; }
/* kludge \*/
* html #content { height: 300px; }
/* end kludges */


/* Right column items */

#titlebox img { float: left; height: 53px; width: 94px; }
#titlebox h2 { margin: 0px; margin-left: 94px; padding-left: 5px;
	font-weight: normal; text-align: left; font-size: 32px; line-height: 53px; }
#titlebox hr { height: 2px; width: 90%; margin: 12px auto 0px; padding: 0px;
	color: #f1f8f1; border-style: solid; display: block; }

#content { margin-right: 18px; padding: 11px 15px 0px 0px;
	width: 523px;
	background: url(../images/shadow_tr.png) no-repeat top right; }

#copyright { border-top: 2px solid #8acd90; background-color: #ffeffa;
	color: #f78bb9; text-align: center; line-height: 24px; padding-bottom: 5px;
	width: 523px; margin-top: 1em; }


/* Left column items */

#prenavbar { margin: 6px 0px 25px 0px; }
ul#navbar { padding: 0px; margin: 0px; width: 100%; }
ul#navbar li { margin: 0px 20px; font-size: 18px; height: 30px;
	line-height: 30px; color: #24a231;
	border-bottom: 1px solid #d2e7d3;
	list-style-type: none; padding: 2px;
	background: url(../images/bullet_c1.png) no-repeat 0% 50%; }

#navbarheading { margin: 0px 20px 27px; padding-left: 9px; color: #f78bb9;
	font-size: 18px; height: 30px; line-height: 30px;
	background-color: #ffeffa;
	border-top:    2px solid #8acd90;
	border-bottom: 2px solid #8acd90; }
ul#navbar li:first-child { border-top: 1px solid #d2e7d3; }
ul#navbar li.c2 { background-color: #fff9fe;
	background-image: url(../images/bullet_c2.png); }

ul#navbar a { text-decoration: none; color: #24a231; display: block;
	width: auto; height: 100%; padding-left: 33px; overflow: hidden; }
ul#navbar a:hover { color: #125119; }