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

@import url("reset.css");


body {
	background: url(../img/bg.jpg) repeat;
}
	
#headder {
	margin: 0px auto;
	width: 1170px;
	height: 205px;
	margin-top: 0px;
	padding-top: 0px;
	
}
#headder h1 {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	float: left;
}
#headder ul {
	float: right;
	list-style: none;
	padding-top: 30px;
}
#headder li {
	float: left;
}



	
#wrapper {
	margin: 0px auto;
	height: 100%;
	width: 750px;
	overflow:hidden;
	position: relative;
	clear: both;
}
#wrapper h2 {
	padding-bottom: 20px;
}
.main {
	padding-bottom: 20px;
	color: #666666;
	font-size: 0.75em;
	line-height: 1.8;
}

#featured {
	height: 340px;
	width: 750px;
}
#leftcol {
	float: left;
	width: 450px;
	background: url(../img/line_px.gif) repeat-y right;
	padding-right: 39px;
	margin-top: 20px;
}
#leftcol h4 {
	color: #666666;
	font-size: 0.75em;
	line-height: 1.8;
}
.sec {
	padding-top: 30px;
}
#leftcol .lesson {
	padding: 0px;
	width: 450px;
	background: #FFFFFF url(../img/under.gif) no-repeat bottom;
	margin-bottom: 20px;
	margin-top: 10px;
}
#leftcol .lesson .menu {
	width: 390px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}
#leftcol .lesson .menu h5{
	font-weight: bold;
	color: #EB6F53;
	font-size: 0.85em;
	padding-bottom: 5px;
}
#leftcol .lesson .menu p{
	color: #666666;
	font-size: 0.75em;
	line-height: 1.5;
}
#leftcol .lesson .menu img {
	padding-top: 10px;
	padding-bottom: 10px;
}


#rightcol {
	float: right;
	width: 220px;
	padding-left: 40px;
	margin-top: 20px;
}

.aroma {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E2CBA8;
	margin-top: 60px;
	padding-top: 40px;
}

	
#rightcol #profile {
	background: #9BB438 url(../img/green_under.jpg) no-repeat bottom;
	width: 220px;
	margin-top: 5px;
	padding-bottom: 20px;
}
#rightcol p{
	font-size: 0.7em;
line-height: 1.4;
}
#rightcol #profile .inner {
	margin-right: 20px;
	margin-left: 20px;
	color: #ffffff;
}

#rightcol #profile .inner a {
	
	color: #ffffff;
	text-decoration: none;
}

#rightcol #profile .inner a:visited {
	color: #ffffff;
	text-decoration: none;
}

#rightcol #profile .inner a:hover {
	color: #7B8F2C;
	background: #ffffff;
	text-decoration: none;
}


/*#rightcol #profile .inner h4 {
	font-weight: bold;
	font-size: 1em;
}*/

#rightcol #link {
	margin-top: 20px;
	
}
#rightcol #link h4{
	color: #7C9F00;
	font-size: 0.7em;
line-height: 1.5;
	margin-top: 10px;
}

#rightcol #link p{
	color: #AE621E;
	line-height: 2;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}
#rightcol #profile .line {
	padding-top: 7px;
}

#rightcol #link p a {
	color: #AE621E;
	text-decoration: none;
}

#rightcol #link p a:visited {
	color: #AE621E;
	text-decoration: none;
}

#rightcol #link p a:hover {
	color: #ffffff;
	background: #AE621E;
	text-decoration: none;
}


#footer {
	clear: both;
	width: 750px;
	padding-bottom: 20px;
	text-align: center;
	height: 60px;
	margin-bottom: 20px;
}
#footer .btn_top {
	text-align: right;

}