/*
* General CSS miniature-bonsai.com
*/

h1 {
	margin-top: 0px;
}

#menuBarContainer {
	width: 99%;
}

h3 {
	margin-top:30px;
}

th {
	border-bottom: 2px solid blue;
}

td {
	border-bottom: 1px solid blue;
    border-right: 1px solid lightblue;
}

.notdclass {
	border-bottom: none;
	border-right: none;
}

.copyright {
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 8px;
}
div#copyright {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 100px;
	margin-left: 100px;
}

.catalog_title {
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 16px;
	border-botttom: none;
	border-right: none;
}

body {
	border-left: 5px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 0.8em;
	background-color: white;
	background-image: url(/images/winter-bg72.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top right;
}

div#content {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 100px;
	margin-left: 100px;
}

div#home {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 100px;
	margin-left: 100px;
}

div#whatsnew {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 100px;
	margin-left: 100px;
}

div#header {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 100px;
	margin-left: 100px;
}

div#nav {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 100px;
	margin-left: 100px;
}

div#catnav {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 100px;
	margin-left: 100px;
}

p {
	margin: 0px;
	padding: 5px 5px 5px 5px;
}

A:link {
	color: blue;
	text-decoration: none;
}
A:visited {
	color: darkblue;
	text-decoration: none;
}
A:active {
	color: black;
	text-decoration: none;
}
A:hover {
	color: blue;
	text-decoration: none;
}

pre {
	color:red;
}

h2 {
	font-size: 1.2em;
}



/* thanks to SN for making this available */

#menu, 
#menu ul {padding:5px 5px 5px 5px; margin:0; list-style:none; position:relative; z-index:50;}
#menu {height:25px; padding:0;}

#menu table {border-collapse:collapse; background:#fff;}
#menu li {float:left; padding:0 20px 0 10px; background:#fff;}
#menu li li {float:none; border:1px solid #99f;}
/* a hack for IE5.x and IE6 */
#menu li a li {float:left;}

#menu li a {display:block; float:left; color:#66f; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;}
#menu li li a {height:20px; line-height:20px; float:none;}

#menu li:hover {position:relative; z-index:75; background:#fff;}
#menu a:hover {position:relative; z-index:75; text-decoration:none; color:#33f;}

#menu :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#menu a:hover ul {left:-10px;}

#menu ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#menu li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#menu li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#menu li:hover > a {text-decoration:none; color:#33f;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#menu a:hover a:hover ul,
#menu a:hover a:hover a:hover ul,
#menu a:hover a:hover a:hover a:hover ul,
#menu a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#menu a:hover ul ul,
#menu a:hover a:hover ul ul,
#menu a:hover a:hover a:hover ul ul,
#menu a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}