*{
	margin: 0;
	padding: 0;
}

body {  
	font-family: Georgia,"Bitstream Charter",serif;
}

p {
    margin-bottom: 18px;
}

.standard li {
	margin-left:1em;
}

#container {
	width: 999px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	width: 999px;
	height: 315px;
	background-image: url(../images/maechan.jpg);
}

#content {
	width: 650px;
	padding: 20px;
	margin-right: 10px;
	margin-left: 310px;
	color: #333333;
	line-height: 200%;
}

#content h1 {
    color: #CC3399;
    font-size: 140%;
    margin: 0 0 10px;
}

#leftnav {
	float: left;
	width: 293px;
}

.divider {
    color: #CC3399;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
}

.slidedoormenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 293px; /* width of menu (don't forget to add border with below!) */
border-left: 8px solid #ffa1a3; /* thick left border of menu */
}

.slidedoormenu li{
border-bottom: 1px solid #885b5c; /* Gray border beneath each menu item */
}

.slidedoormenu li a{
background: white url(../images/vstrip.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
display: block;
color: grey;
width: auto;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
cursor: pointer;
}

.slidedoormenu li a:visited{
color: grey;
}

.slidedoormenu li a:hover, .slidedoormenu li.active a{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: #333333;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

.slidedoormenu li a{ /* Menu link width value for IE */
width: 100%;
}