/* ------------------------------------------------------------  */
/* within the middle vertical area we have 3 horizontal columns  */
/* ------------------------------------------------------------  */

/* ---------------------------  */
/* first, the left hand sidebar */

#sidebar { 
	background: transparent;
	border: 0; 
	float: left;
	margin-right: 1%;
	padding: 5px 5px 1em 5px;
	overflow: hidden;  
	width: 22%; 
	}

#sidebar .item { 
	background: #8394c5;
	border-top: 1px solid #a8beec;
	border-right: 1px solid black; 
	border-bottom: 1px solid black; 
	border-left: 1px solid #a8beec;
	font-size: 1em; 
	margin-bottom: 0.5em;
	padding: 5px 5px 0.5em 5px;
	}

#sidebar .item h2 {
	color: #fff;
	font-size: 0.9em; font-weight: bold;
	margin-bottom: 3px; 
	padding: 0 0 2px 3px;
	}

#sidebar .item h2.itemhead {	
	background: #7C272D url(../../graphics/bodyback.jpg);	
	border-top: 2px solid #a8beec;
	border-right: 1px solid black; 
	border-bottom: 1px solid black; 
	border-left: 2px solid #a8beec;
	}

#sidebar .item h2.subhead {	
	color: #6f6000;
	font-weight: bold;
	padding: 1em 0 5px 0.5em;
	}


#sidebar .item h2.itemhead a:link {	color: #fff; }
#sidebar .item h2.itemhead a:visited { color: #fff; }
#sidebar .item h2.itemhead a:hover { color: #0ff; }
#sidebar .item h2.itemhead a:active {	color: #0ff; }

#sidebar .item h2.nolink {	
	background: #7c272d url(../../graphics/mainback.jpg);	
	}


#sidebar p { color: #fff; font-size: 0.8em; padding-left: 0.5em; padding-right: 0.5em; }

#sidebar p.gap { padding-bottom: 1em; }

#sidebar p.linknote { line-height: 1.1; padding-bottom: 0.5em; }

#sidebar p span.link-extranote { 
	color: #600;
	display: block; 
	padding: 4px 1em 0 1em;
	}



#sidebar p.toppic { margin: 2em 0 2em 0; text-align: center; }

#sidebar img { 
	background: #7183b5;
	border-top: 1px solid #a8beec;
	border-right: 1px solid black; 
	border-bottom: 1px solid black; 
	border-left: 1px solid #a8beec;
	}


#sidebar ul, #sidebar ol { 
	font-family: arial, helvetica, sans-serif; 
	font-size: 0.8em;
	font-weight: bold; 
	margin-bottom: 2.5em;
	padding: 1em 0 0 0;
	}

#sidebar ul {  
	list-style: none; 
	}

#sidebar ul li, #sidebar ol li {	
	background: #7c272d url(../../graphics/bodyback.jpg);	
	border-top: 1px solid #a8beec;
	border-right: 1px solid black; 
	border-bottom: 1px solid black; 
	border-left: 1px solid #a8beec;
	margin-bottom: 1px;
	padding: 2px 0 3px 3px;
	}



/* -------------------------  */
/* and the right hand sidebar */

#rightbar { 
	border: 0; 
	float: right;
	overflow: hidden;  
	padding: 1em 5px 1em 5px;
	width: 21%; 
	}

#rightbar .item { 
	background: #7183b5;
	border-top: 1px solid #a8beec;
	border-right: 1px solid black; 
	border-bottom: 1px solid black; 
	border-left: 1px solid #a8beec;
	font-size: 1em; 
	margin-bottom: 0.5em;
	padding: 5px 5px 0.5em 5px;
	}

#rightbar .item h2.itemhead {	
	background: #7C272D url(../../graphics/bodyback.jpg);	
	border: 1px solid #893337;
	color: #fff;
	font-size: 0.9em; font-weight: bold;
	margin-bottom: 3px; 
	padding: 0 0 2px 3px;
	}

#rightbar .item h2.nolink {	
	background: #7C272D url(../../graphics/mainback.jpg);	
	}


#rightbar p { padding-left: 0.5em; padding-right: 0.5em; }

#rightbar p.linknote { font-size: 0.8em; line-height: 1.1; }
#rightbar p.updated { color: #fcc; font-style: italic; padding-bottom: 5px; }

#rightbar p.toppic { margin: 0.5em 0 0.5em 0; text-align: center; }

#rightbar img { 
	background: #7183b5;
	border-top: 1px solid #a8beec;
	border-right: 1px solid black; 
	border-bottom: 1px solid black; 
	border-left: 1px solid #a8beec;
	}

#sidebar img { 
	background: #7183b5;
	border-top: 1px solid #a8beec;
	border-right: 1px solid black; 
	border-bottom: 1px solid black; 
	border-left: 1px solid #a8beec;
	}

#rightbar a:hover { color: #600; }

#rightbar p.gap { padding-bottom: 1em; }

/* --------------------------------------  */
/* and lastly we do the bottom and footer  */
/* --------------------------------------  */

/* we get rid of the floats once we're out of the middle area  */
#bottom { clear: both; font-size: 0.8em; }

#footer p { font-size: 0.8em; }