body,html{
	height:100%;
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	line-height:18px;
	letter-spacing:.1px;
	font-weight:normal;
}
	
.line{
	width:100%;
	clear:left;
	height:1px;
	border-top:1px solid #aaa;
	margin:10px 0;
}

#container{
	width:600px;
	margin:50px auto;
	padding:20px;
	display:table; /* this is what makes it stretch to fit content even though it is not centered. */
	background-color: #F1F1F1;
}
h1{
	font-weight:normal;
	font-family: Georgia, serif;
	font-weight: normal;
}
a{
	color:inherit;
}
ul, li{
	list-style-type:none;
	float:left;
	padding:0;
	margin:0;
}

li a{
	padding:10px;
}
textarea,input{
	border:1px solid #888;
	padding:3px 5px;
	margin:10px 0;
}

#menu{
	width:100%;
	padding:5px 0;
}

#menu ul, #menu li{
	float:left;
}

#footer{
	margin:50px 0 0 0;
	clear:left;
	float:left;
}
h1{
	clear:left;
	padding:0 0 20px 0;
}
h3 { 
	color: #000000; 
} 
h4 { 
	color: #555; 
} 
h5 { 
	color: #555; 
} 
h6 { 
	color: #000000; 
} 
p { 
	color: #444; 
	margin:0;
} 

a { 
	color: #45ADA8; 
} 
body { 
	background-color: #654C4C; 
	margin:0; 
} 
h1 { 
	color: #547980; 
	font-size:50px; 
} 
h2,h3 { 
	font-weight:normal;
	font-size:20px;
	color: #CC4444; 
	border-bottom:1px solid #CCC;
	padding:0 0 5px 0;
	width:100%;
} 
h3 { 
	color: #547980; 
} 
textarea {
width:600px;
height:200px;
}

input {
width:600px;
}

input, textarea,p {
float:left;
}

input.submit {
width:auto;
float:right;
}

.description {
margin: 10px 0;
}

.code{
width:600px;
padding:5px;
background-color:#E8E8E8;
border:1px solid #BBB;
font-size:14px;
line-height:22px;
float:left;
clear:left;
}

.crud {
float:left;
margin:0 0 0 10px;
background-color:#E8E8E8;
}

.crud_link {
float:left;
margin:0 5px;
}

.red {
color:red;
text-decoration:underline;
}