@charset "utf-8";
/* CSS Document */

#surround {
	width:767px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-20px;
	margin-bottom:0px;
	border-left-width:1px;
	border-right-width:1px;
	border-left-style:solid;
	border-right-style:solid;
	padding:0px;
	overflow:visible;

}

#page {
	width:767px;
	margin-left:auto;
	margin-right:auto;
	height:230px;
}

#main {
	float:left;
	width:367px;
}

#main h1 {
	
	font-size:18px;
}

#code {
	float:left;
	padding:4px;
	width:245px;
	border-style:solid;
	border-width:1px;
	border-color:#000;
	margin:0px 0px 10px 0px;
	height:800px;

}

#code h1 {
	margin:0px;
	font-size:18px;
	font-weight:bold;
	padding:0px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin-bottom:5px;
	
}

#code p {
	margin:0px;
	font-size:11px;
}

#preview {
	float:right;
	width:398px;
	height:200px;
	border-width:1px;
	border-style:solid;
	background:#0FF
}

#preview h1 {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-style:solid;
	border-width:0px;
	border-bottom-width:1px;
	background:#FF0;
}

#menu {

margin-left:auto;
margin-right:auto;
width:384px;
}

#menu li {
	
	padding:6px 3px 6px 3px;
	font-family:Verdana, Geneva, sans-serif;
	border:solid 1px #000;
	list-style-type:none;
	width:120px;
	
	min-height:12px;
	
	font-size:12px;
	font-weight:bold;
	color:#000;
	background-color:#FFF;
	text-align:center;
	

}

#menu li:hover {
	
	background-color:#CCC;
}

#menu a {
	color:#000;
	text-decoration:none;
	display:block;
}

#menu a:hover {
	color:#333;
}


.across {
	float:left;
	padding:0px;
	margin:0px;
	overflow:hidden;
	white-space:nowrap;
	
	
}

.sub {
	max-width:inherit;
	margin:0px;
	padding:0px;
	overflow:hidden;
	white-space:normal;	
}