body {margin: 0; padding: 0; border: 0; background-color: #6A44E7; background-image: url("http://www.margotbean.com/Gaming/Walkthroughs/MCFEfr/images/bg.jpg"); background-repeat: repeat-y; background-attachment: fixed; background-position: top center;}

#container {width: 910px; margin-left: auto; margin-right: auto; background-color: #FFFFFF;}

.content {width: 702px; margin-left: 160px; padding-left: 24px; padding-right: 24px; padding-bottom: 12px; font-family: "Cambria", serif; font-size: 16px;}

.content a:link, .content a:visited {font-weight: bold; color: #E82B6D; text-decoration: none;}
.content a:active, .content a:hover {color: #6A44E7;}
.content img {border: 0; padding-left: 8px; padding-top: 8px;}
.content img.np {border: 0; padding: 0;}

#footer {clear: both; font-size: 8pt; font-style: italic; text-align: center; padding-top: 32px;}

#footerbutton {text-align: left; width: 692px; padding-top: 28px;}
#footerbutton img {padding: 0; margin: 0; float: left;}

.c {text-align: center;}
.cb {clear: both;}
.pb18 {padding-bottom: 18px;}
.fl {float: left;}
.flm {float: left; margin-left: 24px; margin-bottom: 12px;}
.fr {float: right; padding-left: 24px;}
.frlighthouse {float: right; margin-top: 32px; margin-left: 24px;}
.frumb {float: right; margin-left: 24px;}
.mr12 {margin-right: 12px;}
.mb12 {margin-bottom: 12px;}
.mt12 {margin-top: 12px;}
.mr24 {margin-right: 24px;}
.mt18 {margin-top: 18px;}
.mb18 {margin-bottom: 18px;}
.h12 {height: 12px;}
.h18 {height: 18px;}
.h290 {height: 290px;}
.h296 {height: 296px;}
.h896 {height: 896px;}
.mt0 {margin-top: 0;}
.mb0 {margin-bottom: 0;}
.pt0 {padding-top: 0;}
.pl0 {padding-left: 0;}
.pb0 {padding-bottom: 0;}
.pb12 {padding-bottom: 12px;}
.pt12 {padding-top: 12px;}
.pt18 {padding-top: 18px;}
.pb24 {padding-bottom 24px;}
.mt24 {margin-top: 24px;}
.mt28 {margin-top: 28px;}

.lpi {list-style-position: inside;}

.big {font-size: 18pt;}

.image {width: 416px; height: 266px; background-image: url("http://www.margotbean.com/Gaming/Walkthroughs/MCFEfr/images/frame.png"); background-repeat: no-repeat; background-color: #000000;}
.locks {width: 416px; height: 274px; margin-left: -8px;}
.imagesmall {width: 316px; height: 262px; background-image: url("http://www.margotbean.com/Gaming/Walkthroughs/MCFEfr/images/framesmall.png"); background-repeat: no-repeat; background-color: #000000;}
.token {width: 316px; height: 203px; background-image: url("http://www.margotbean.com/Gaming/Walkthroughs/MCFEfr/images/frametoken.png"); background-repeat: no-repeat; background-color: #000000;}

.feature {float: left; padding: 10px;}

h1 {text-align: center; margin-top: 0; padding-top: 24px; font-size: 30px;}
.small {font-size: 22px;}
h2 {font-size: 24px;}
h3 {font-size: 22px; padding-bottom: 0; margin-bottom: 0; padding-top: 12px; margin-top: 0;}
h4 {font-size: 20px; padding-bottom: 12px; margin-bottom: 0;}

.puzzle {background-color: #DBD6FF; padding-left: 12px; padding-right: 12px; padding-top: 0; border: 1px solid #8D83D9;}
.puzzle712 {height: 712px; background-color: #DBD6FF; padding-left: 12px; padding-right: 12px; padding-top: 0; border: 1px solid #8D83D9;}
hr {width: 100%; height: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #6A44E7; border-top: 1px solid #E82B6D; clear: both;}

.item {color: #883EC9; font-weight: bold;}

#nav #spacer {height: 8px; background-image: none; background-color: #843FCE;}

#knightpuzzle {float: left; width: 305px; padding-right: 56px; padding-bottom: 12px;}

/******************************************************************************/
#nav {position: fixed; top: 0; height: 100%; background-color: #843FCE; font-family: "Cambria", serif; font-size: 12px; width: 160px;}

#nav ul {padding: 0; margin: 0; list-style-type: none; float: left; background-color: #FFFFFF; width: 160px;}
	
#nav li 
{
	list-style-type: none;
	position: relative;
	float: left;
	line-height: 24px;
	margin-bottom: -1px;
	width: 160px;
	background-image: url("http://www.margotbean.com/Gaming/Walkthroughs/MCFEfr/images/bOff.gif");
}

#nav li ul 
{
	position: absolute;
	left: -999em;
	margin-left: 160px;
	margin-top: -24px;
}


#nav li a, #nav a
{
	width: 155px;
	padding-left: 4px;
	display: block;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#nav li a:hover {color: #555555; background-image: url("http://www.margotbean.com/Gaming/Walkthroughs/MCFEfr/images/bOn.gif");}

#nav li:hover {background-color: #CCCCCC; background-image: url("http://www.margotbean.com/Gaming/Walkthroughs/MCFEfr/images/bMid.gif");}

#nav li ul ul, #nav li:hover ul ul, #nav li:hover ul ul ul {left: -999em;}	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul {left: auto;}

#nav img {border: 0; float: right; vertical-align: bottom;}
/****************************************************************************/