/* // Test stylesheet, part of the conversion process:
 * // less tables, more CSS, simpler javascript.
 */
 
/* Possible fonts for consideration
 * Cochin, Didot, Century Gothic Lite, Edwardian Script, Zaphino
 * Helvetica Neue, Kino MT, Modern No. 20, Optima, Perpetua Titling MT
 * STHeiti, Verdana, AppleMyungjo, 
 */ 
/* Links section */

#main a {
	background-color:transparent;
	font-style:normal;
	border:none;

}
#main a:link { 
	color: #A7790C; 
	text-decoration:none;
}
#main a:visited { 
	color:blue; 
	text-decoration:none;
}

#main a:hover { 
	color: #A7790C; 
	text-decoration:underline; 
	cursor:hand;
}
#main a:active { 
	color:#A7790C; 
	text-decoration:none; 
}
/* Class/ID section */
#board_img {
	margin-right: 20px;
	margin-bottom: 25px;
	float: right;
}

#navmenu ,
.saying,
.author {
	font-family:"Trebuchet MS", Verdana, Arial, serif;
	font-weight: normal;
    font-style: normal
	}
#navmenu {
	font-size: 100%;
}
.saying {
	font-size:76%;
	color: rgb(41,49,41);
	}
.author {
	font-size:76%;
	color: rgb(0,0,0);
	}
.footer {
	color: rgb(0,0,0)
	font-family: Georgia, "Times New Roman", serif;
	font-size: 9px;
	font-weight:normal;
	font-style:normal;
}
/* ------------------------------------- 
 * 
 * Styles for the menu system (#navmenu)
 */
ul#navmenu {
    padding:0;
    margin:0;
	/* Huh? Why do we need to specify monospaced here? */
    font-family:monospace;
    border-bottom: 1px solid silver;
    list-style-type: none;
    /* text-align:center; */
}
ul#navmenu li {
    width:213px;
	list-style-type: none;
	border-bottom:1px solid silver;
	border-bottom:1px solid black;
	 /* Just take care that the same border styles are not
	  * specified for the li elements below. Then the border
	  * will appear thicker than it ought to.
	  */
	background-color:silver;
	background-color:rgb(41,49,41);
    position:relative;
	padding:0;
	margin:0;
}

/* These styles form the basis for this menu system
 * li ul {display: none;}
 * li:hover > ul {display: block;} 
 */


ul#navmenu ul,
ul#navmenu li:hover ul ul { 
    display:none;
    padding:0;
    margin:0;
}
/* Need to apply the padding: and margin: styles to the
 * ul tags. That way the sub-menu will not appear to be 
 * disconnected from its parent menu.
 * Nice!!
 */
 
ul#navmenu li:hover ul,
ul#navmenu  ul li:hover ul { 
	display:block;
	border-left:1px solid black;
	border-top:1px solid black;
	/* The section below is the key */
	position:absolute;
	top:4px;
	left:95%;
	z-index:2;
}

/* Styles for navigation menu <a /> anchors */
#navmenu li a {
	/* parent is ul#navmenu li */
	display:block;
	padding-right:1.5em;
	/* just chose an arbitrary number*/
	text-align:right;
	font-family:"Trebuchet MS", Verdana, Arial, serif;
	text-decoration:none;
	color:rgb(247,222,0);
}

#navmenu li a:hover {
    font-weight:bold;
	color:rgb(41,49,41);
	background-color: rgb(206,206,206);
}
/* only needed to specify the behaviour for this 
 * one pseudo-class
 */
 
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* Fix IE. Hide from IE Mac \*/

/*  
 * END: Styles for the menu system (#navmenu)
 * -------------------------------------
 */

/* Serif fonts for the headers in the main content area */
h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 100%;
	font-weight: bold;
}
h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 125%;
	text-decoration: underline;
	font-weight: normal;
}
h1 {  
	font-family: Georgia, "Times New Roman", serif; 
	font-size: 150%;
    font-weight: bold; 
    font-style: normal;
	color: #444433;
}

p .imglink a { 
	border:none;
	text-decoration:none;
	color:none;
	}