/* Epistola CSS*/
#sidebar p.sidebarhead {background: url(images/button_red2.jpg); 
		font-family: georgia; color: white; font-size: 20px; font-weight: bold; 
		text-align: center; padding: .15em 0 .15em 0; margin-top: 0px; margin-bottom: 0px;}
#sidebar p.sidebarhead hover {background: none;}

#sidebar {float: left; width: 170px; font-family: georgia; font-size: 12px; font-weight: bold;}

#sidebar a {text-align: center; background: url(images/button_blue2.jpg); position: relative;}
#sidebar a:hover {margin: 0; background: url(images/button_blue6.jpg);}
#sidebar input {font-family: georgia; font-size: 12px; border: 0; width: 170px; height: 30px; background: url(images/button_blue2.jpg) 0% 0% no-repeat;}
#sidebar input:hover {background: url(images/button_blue6.jpg);}
#sidebar option {background: url(images/gradient_blue.png) 0% 0%;}
#sidebar ul {margin: 0; padding: 0; width: 170px; border-bottom:}
#sidebar ul li {list-style: none; margin: 0; background: url(images/button_blue2.jpg) 0% 0% no-repeat; position: relative;}
#sidebar ul ul {background: url(images/gradient_blue.png) 0% 0%}
#sidebar ul ul ul input {padding: 0.59em 0.58em 0.58em .58em;}

#sidebar ul li:hover > ul {display: block;} 
#sidebar li a {display: block; padding: 0.59em 0 0.58em 0; text-decoration: none; width: 170px; color: black;}
#sidebar ul ul {display: none; width: 170px; position: absolute; top: 0; left: 170px;}

#sidebar ul ul ul {display: none; padding: .2em .2em 1em 3em; width: 400px; position: absolute; top: 0; left: 140px;}
#sidebar ul ul ul a {width: 170px; top: 5px; position: relative;} /* add float: left; to make buttons left to right */

/* Fix IE. Hide from IE Mac \*/
	* html #sidebar ul li { float: left; height: 1%; }
	* html #sidebar li a { height: 1%; }
/* End */

body{background: url(images/gradient_blue.png) 0% 0%} font-size: 12px; font: Georgia;}