/* ********** basic definitions ********** */
body { background: #ffffff url(../images/background.png) repeat-x top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}

/* ********** basic elements ********** */
a { color: #406000; text-decoration: underline; }
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5 { color:#669900; }
p {text-align: justify; line-height:22px; margin-bottom: 22px; }

/* ********** web layout ********** */
#frame { background: #ffffff url(../images/content.png) repeat-y; width: 640px; margin: 0 auto 16px auto; position: relative; }
#head { height: 200px; }
#content { float: left; width: 400px; padding: 10px; }
#side { float: right; width: 200px; padding: 10px; }
#foot { clear: both; display: block; text-align: center; }

/* ********** head ********** */
#head h1 { background: #f2fbea url(../images/top.png) no-repeat top; text-align: center; height: 50px; line-height: 50px; overflow: hidden; }
#head a { text-decoration: none; }

/* ********** side ********** */
#side h2 { font-size: 10pt; font-weight: normal; }
#side h3 { font-size: 10pt; font-weight: normal; height: 24px; overflow: hidden; }
#side ul li{ list-style: none; }

#side a { display:block; padding:5px 5px 0px 5px; text-decoration:none; color:#333333; }
#side a:hover { background:#F8F9F2; color:#000000; }
#side li { display:block; border-bottom:solid 1px #efefef; }
#side h2 { display:block; border-bottom:solid 1px #d2e6ca; padding:5px; margin:10px 0px 0px 0px; font-size:18px; font-weight:bold;}

/* ********** foot ********** */
#foot{ background: url(../images/foot.png) no-repeat bottom; color: #ffffff; line-height: 23px; height: 46px; }

/* ********** others ********** */
#perex { font-style: italic; margin:0; }
#searchbox { border: 1px solid #9cc8d6; background: #cae1e9 url(../images/search.png) no-repeat top left; width: 280px; height: 40px; line-height: 40px; margin: 16px auto; padding-left: 85px; }
span { display: none; }