/* body
--------------------------------------------------*/
body {
	text-align: center;
	background-color: #cc9999;
}


/* wrapper
--------------------------------------------------*/
#wrapper {
	text-align: left;
	width: 910px;
	margin: 0 auto;
	background-color: lightgreen;
}

/* header
--------------------------------------------------*/
header {
	background-color: lightyellow;
}

header h1{
	text-align: right;
	font-size: 88%;
	padding-top: 8px;
	padding-right: 8px;
}

header h2 {
	text-align: right;
	font-size: 88%;
	padding-right: 8px;
}

/* gnavi
--------------------------------------------------*/

#gnavi {
	background-color: lightblue;
}

#gnavi ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

#gnavi li {
	float:left;
}

#gnavi a:link,
#gnavi a:visited {
	display:block;
	width:142px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#98bf21;
	text-align:center;
	padding:4px;
	text-decoration:none;
}

#gnavi a:hover,
#gnavi a:active {
	background-color:#7A991A;
}


/* container
--------------------------------------------------*/

#container {

}


/* main
--------------------------------------------------*/
#main {
	background-color: lightpink;
	float: right;
	width: 560px;
}

#main h2,
#main h3 {
	font-size: 100%;
}

/* sidebar
--------------------------------------------------*/
#sidebar {
	background-color: lightgray;
	float: left;
	width: 350px;
	font-size: 88%;
}

#sidebar h1 {
	font-size: 100%;
}

#sidebar li {
	list-style-type: none;
}


/* footer
--------------------------------------------------*/
footer {
	background-color: lightyellow;
}


/* clear
--------------------------------------------------*/
.clear {
	clear: both;
}



/* class
--------------------------------------------------*/
.image_right {
	float:right;
	margin-left: 16px;
}

.image_left {
	float:left;
	margin-right: 16px;
}