body, html {
	margin: 0;
	padding: 0;
	background: #FEF2F7;
	color: #CC6291;
	font-family: arial, verdana, sans-serif;
	text-align: center;
}

/* This div will surround every part of the page */
#wrap {
	text-align: left;
	position: relative;
	background: url() repeat-y right white;
	margin: auto; /* Force the div to horisontal centering */
	margin-top: 10px;
	margin-bottom: 10px;
	width: 23cm;
	border-top: 1px solid #eebbd9;
	border-left: 1px solid #eebbd9;
	border-right: 1px solid #eebbd9;
	border-bottom: 1px solid #eebbd9;
	padding: 0px;
	padding-right: 0px;
	padding-bottom: 8px; /* Because IE fucks it up */

}



a {
	color: #BA006F;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #7B2A90 ;

}

/* The upper-most words on the page */
#keywords p {
	text-align: center;
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
	font-variant: small-caps; /* Convert small letters to capital */
	font-weight: bolder;
	background: white;
	margin: 0;
	padding: 0;
	z-index: 5;
}

/* The logotype header div */
#header {
	position: relative;
	background: white url(misc/topics5.jpg) no-repeat left; no-repeat top;
	color: white;
	height: 140px;
	padding: 00;
	margin: 0;
}




/* The navigation bar (beneath the header) */
#nav {
	background: #EEDCDF;
	position: left;
	float: left;
	margin-left: 0cm;
	padding: 10px;
	border-top: 0px solid #eebbd9;

	border-right: 0px solid #eebbd9;
	border-bottom: 0px solid #eebbd9;
	margin: 0;
	padding: 0;
}

/* Links in the navigation bar */
#nav a {
	color: #BA006F;
	text-decoration: none; /* Remove underline on links */
	padding: 0 1em 0 21px; /* Top right bottom left */
}

/* When one is holding the mouse over a link */
#nav a:hover {
	color: #fff; /* Change the font color */
	background: url(images/linkknob.png) no-repeat 0;
}

/* Unordered lists in the navigation bar */
#nav ul {
	margin: 0cm;
	padding: 0 0.2;
	list-style: none; /* Remove the knob */
}

/* List items in the navigation bar */
#nav li {
	background: #EEDCDF;
	margin: 0 0.2;
	padding: 0;
}

#nav form {
	margin: 0;
}



/* The main wrapper */
#main {
	background: white;
	float: left; /* Allow another div to be on the right side */
	width: 14cm;
	border-right: 1px dashed #BA006F; /* The dashed line between the main and right bars */
	border-spacing: 1;
}

/* Setting colors and margins for <h2>foo</h2> and <h3>bar</h3> */
#main h2, #main h3 {
	color: #BA006F;
	margin: 0.2em 0 0.5em 0.2cm;
}

/* Paragraphs <p>like those</p> in the main wrapper */
#main p {
	margin: 0 0 1em 0.2cm;
}

/* Tables within the main wrapper */
#main table {
	width: 14.6cm;
	margin: 0 0 1em 0.2cm;
	border: 1px solid #BA006F;
	border-spacing: 0;
}

#main table td {
	padding: 0 0.5em;
	border-bottom: 1px dotted #BA006F;
}

#main table td.price {
	text-align: right;
	border-left: 1px dotted #BA006F;
}

#main ul {
	padding: 0 0.8cm;
	margin: 0 0 1em 0;
}

#main p.question, #main p.question a {
	font-weight: bold;
	color: #336;
}

#main p.answer {
	display: none;	
}

#main a {
	font-weight: normal;
}



/* The main link wrapper */
#lmain {
	background: white;
	float: left; /* Allow another div to be on the right side */
	width: 14cm;
	border-right: 0px dashed #BA006F; /* The dashed line between the main and right bars */
}

/* Setting colors and margins for <h2>foo</h2> and <h3>bar</h3> */
#lmain h2, #lmain h3 {
	color: #BA006F;
	margin: 0.2em 0 0.5em 0.2cm;
}

/* Paragraphs <p>like those</p> in the main wrapper */
#lmain p {
	margin: 0 0 1em 0.2cm;
}

/* Tables within the main wrapper */
#lmain table {
	width: 14.6cm;
	margin: 0 0 1em 0.2cm;
	border: 0px solid #BA006F;
	border-spacing: 1;
}

#lmain table td {
	padding: 0 0.5em;
	border-bottom: 1px dotted #BA006F;
}

#lmain table td.price {
	text-align: right;
	border-left: 0px dotted #BA006F;
}

#lmain ul {
	padding: 0 0.8cm;
	margin: 0 0 1em 0;
}


#lmain a {
	font-weight: normal;
}



/* The right-most side bar */
#sidebar {
	float: right; /* Allow stuff floating to the right side */
	margin-left: 0cm;
	width: 4cm;
	padding: 0.2 0.2;

}

/* Unordered lists in the sidebar */
#sidebar ul {
	padding: 0;
	margin: 0;
}



/* <h3>Subjects</h3> in the sidebar */
#sidebar h3 {
	margin: 0.2em 0 0.2em 0;
	color: #BA006F;
	font-size: 0.8em;
}

/* <p>Paragraphs</p> in the sidebar */
#sidebar p {
	margin: 0 0 0.5em 0;
}


/* Tables within the main wrapper */
#sidebar table {
	width: 5cm;
	margin: 1em 0 1em 0.2cm;
	border: 1px solid #BA006F;
	border-spacing: 0;
}

#sidebar table td {
	padding: 0 0.5em;
	border-bottom: 1px dotted #BA006F;
}

#sidebar table td.price {
	text-align: right;
	border-left: 1px dotted #BA006F;
}

#sidebar ul {
	padding: 0 0.8cm;
	margin: 0 0 1em 0;
}


#sidebar a {
	font-weight: normal;
}


/* The bottom-most footer bar wrapper */
#footer {
	background: white;
	/* Ensure this one is pushed down, and does not float beside other divs */
	clear: both; 
	text-align: center;
	border-top: 1px solid #eebbd9;
}

/* <p>Paragraphs</p> in the footer */
#footer p {
	text-align: center;
	font-family: verdana, arial, sans-serif;
	font-size: 0.7em;
	padding: 0 5px;
	margin: 0;
}

