@charset "UTF-8";

/* general */

body { 
	color: #1B0802;
	background-color: #F9F7F4;
	text-align: center;
	font-family:Georgia, "Times New Roman", Times, serif;
}

a {
	color: #CF4213;
	text-decoration: none;
}

a:hover {
 	color: #fff;
	background-color:#CF4213;
} 

#wrapper {
	height: 600px;
	width: 800px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: left;
}

/* header */

#header {
	width: 800px;
	height: 64px;
	clear: both;
}
#logo {
	width:400px;
	height: 64px;
	float:left;
	font-size: 18px;
	font-weight: 800;
	text-align: right;
}
#logo a {
	color: #F9F7F4;
	border: solid  0px;
}

#mainmenu {
	width: 350px;
	height: 64px;
	float:left;
}
/*
#mainmenu ul {
	list-style:none;
	height: 40px;
	margin-top: 110px;
}
#mainmenu ul li {
	display:inline;
}
#mainmenu ul li a {
	text-decoration: none;
	float: left;
	margin: 10px 0px 0px 15px;
	padding: 3px;
	border-bottom: solid blue 4px;
	font-size: 18px;
	color: #1B0802;
} 
#mainmenu ul li a:hover {
	text-decoration: none;
	float: left;
	margin: 4px 0px 0px 15px;
	padding: 3px;
	border-bottom: solid blue 10px;
	background-color: #fff;
} 

#header #mainmenu ul li a.blue {
	border-bottom: solid #7C9DE6 4px;
}

#header #mainmenu ul li a.blue:hover {
	border-bottom: solid #7C9DE6 10px;
}
#header #mainmenu ul li a.green {
	border-bottom: solid #2E7004 4px;
}

#header #mainmenu ul li a.green:hover {
	border-bottom: solid #2E7004 10px;
}
#header #mainmenu ul li a.yellow {
	border-bottom: solid #FFB236 4px;
}

#header #mainmenu ul li a.yellow:hover {
	border-bottom: solid #FFB236 10px;
}
#header #mainmenu ul li a.turquiose {
	border-bottom: solid #09ABA3 4px;
}

#header #mainmenu ul li a.turquiose:hover {
	border-bottom: solid #09ABA3 10px;
}
#header #mainmenu ul li a.pink {
	border-bottom: solid #D94A83 4px;
}

#header #mainmenu ul li a.pink:hover {
	border-bottom: solid #D94A83 10px;
}
#header #mainmenu ul li a.orange {
	border-bottom: solid #CF4213 4px;
}

#header #mainmenu ul li a.orange:hover {
	border-bottom: solid #CF4213 10px;
}
#header #mainmenu ul li a.violet {
	border-bottom: solid #3E4185 4px;
}

#header #mainmenu ul li a.violet:hover {
	border-bottom: solid #3E4185 10px;
}

#wrapper #header #mainmenu ul li a.active {
	margin: 10px 0px 0px 15px;
	border-bottom: solid #09ABA3 4px;
	color: #09ABA3;
}
#wrapper #header #mainmenu ul li a.active.blue {
	margin: 10px 0px 0px 15px;
	border-bottom: solid #7C9DE6 4px;
	color: #7C9DE6;
}
*/
/* sidenav */

#sidenav {
	width: 150px;
	height: auto;
	float:left;
	color: #09ABA3;
	padding-top: 30px;
}
#sidenav a {
	color: #CF4213;
	background-color: inherit;
}
#sidenav a:hover {
	color: #fff;
	background-color: #09ABA3;
	list-style-image: url(../images/pointer.png);
}
#sidenav ul {
	list-style:none;
	margin: 10px 0 20px -35px;
	display:block;
}
#sidenav ul li{
	margin-left: 8px;
	margin-top: 10px;
}
#sidenav ul h2 {
	font-size: .9em;
	font-weight: 800;
	color:  #09ABA3;
	border-top: 1px solid #09ABA3;
	border-bottom: 1px solid #09ABA3;
	padding: 3px;
	margin: 0px 0 0 0;
	display:block;
	width: 150px;
}


/* content */

#content {
	width: 650px;
	height: auto;
	padding-bottom: 20px;
	background: url(../rotate/lemons.jpg);
	float:left;
}

#maintext {
	width: 450px;
	height: auto;
	background-color: #fff;
	border: solid #09ABA3 4px;
	padding: 15px;
	font-size: 1.4em;
	margin: 20px;
}

#content div.about {
	background-color: #fff;
	border: solid #09ABA3 4px;
	margin:20px;
	padding: 20px;
	font-size: 1em;
}

/* footer */

#footer {
	text-align:right;
	font-size: .9em;
	clear:both;
	height:30px;
	margin-top: 10px;
	padding-right: 150px;
	color: #09ABA3;
}