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

<style type="text/css"> 
/*----reset----*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
img{margin:0; border:none;}
h1,h2,h3,h4,h5,h6,p,pre,ul,ol,dl{margin:1em 0; padding:0;}
ul, li{list-style:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li,dd,blockquote{margin-left:0.2em;}
html{font-size:100.01%; font-style:inherit;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; line-height:1.4em;}
h1,h2,h3,h4,h5,h6,p,pre,ul,ol,dl{font-size:100.01%;font-weight:normal;}
q:before,q:after{content:'';}

/*----- heading -------*/
h1 {font-size:236%;font-weight:bold;color:#585858; line-height:115px;margin:0;}
h2 {font-size:129%;font-weight:bold;color:#066;margin:1em 0;}
h3 {font-size:116.5%;font-weight:bold;color:#282828;margin:0.5em 0;}
h4{ font-size:100%;font-weight:normal;color:#666;margin:0.5em 0;}
h5{font-size:100%; font-weight:bold;color:#336666;margin:0.5em 0;}
h6{font-size:100%; font-weight:bold;color:#d3cfb6;margin:0.5em 0;}
strong{font-weight:bold;margin:0.5em 0;}
em {font-style:normal; color:#339999;} /*change font color within regular text*/
blockquote,ul,ol,dl {margin:1em;}/*giving blockquotes and lists room to breath*/
ol,ul,dl {margin-left:0.5em;}/*bringing lists on to the page with breathing room */
ol li {list-style: none;}/*giving OL's LIs generated numbers*/
ul li {list-style: none;}
dl dd {margin-left:1em;}/*giving UL's LIs generated numbers*/
a:link, a:visited, a:active{color:#282828;text-decoration:none; margin:0; padding:0;}
a:hover{color:#F30;}

/*-----contents-----*/
body {
	text-align:center;
	color:#333;
	background-color:#CCC;
	background-image: url(../image/body_bg.gif);
	background-repeat: repeat;
}
#container {
	margin:auto;
	width:950px;
	border-right: 3px solid #f2f2f2;
	border-left: 3px solid #f2f2f2;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: #FFF url(../image/right_bg.jpg) repeat-y 689px top;
} 
#pre{background-color:#f2f2f2;padding:2px 0;text-align:center;}
#pre P{margin:0;}
#header {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #f2f2f2;
	background: #fff url(../image/flower_bg.jpg) no-repeat right;
} 

#sidebar{
	float: right;
	width: 240px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#sidebar li{line-height:1.75em;}
#sidebar a:link, #sidebar a:visited{color:#366;}
#sidebar a:hover{ color:#222;text-decoration:none;border-bottom:1px dotted  #222;}
#maincontent {
	margin: 0 260px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border-right:dotted 1px #B9BBB0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
h3 a:link, h3 a:active,h3 a:visited{color:#333;text-decoration:none;}
h3 a:hover{color:#f33;border-bottom:1px dotted  #f33;}
.box{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCD1C7;
	height:100%;
	width: 100%;
	overflow: auto;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}
.box img{
	border:solid 1px #b9bbb0;
	visibility: visible;
	float:right;
	margin: 10px;
	padding: 1px;
}
.box ul {
	list-style: none;
	width: 70%;
	margin-top: 0.8em;
	margin-right: 0.5em;
	margin-bottom: 0.8em;
	margin-left: 0em;
} 
.box li {
	display: inline;
	line-height: 1.9em;
	color: #366;
	font-size:86%;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 2px;
	border-top: 1px solid #366;
	border-right: 1px solid #366;
	border-bottom: 1px solid #366;
	border-left: 1px solid #366;
	padding: 2px 5px;
}
.box  .green{ padding:2px 7px;border:none;} 
.box li a:link,.box li a:active,.box li a:visited {background-color:#366;color:#FFF;font-weight:bold;padding:2px 7px; margin:0;}
.box li a:hover{background-color:#F33;color:#FFF;font-weight:bold;padding:2px 7px;margin:0;}
#navi_b{
	background-color:#fafafa;
	padding: 20px 20px;
	height:auto;
	overflow: auto;
	clear:both;
}
#navi_b .fltlft{
	border-left-width: 2px;
	border-left-style:solid;
	border-left-color:#366;
	font-size:98%;
	line-height:1em;
	margin:0;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #366;
	font-weight:bold;
}
#navi_b .fltrt{
	display: inline;
	color: #066;
	padding-left: 5px;
	margin: 0;
	padding-right: 5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #366;
	line-height: 1em;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #366;
	} 
#navi_b a:link,#navi_b a:visited{color:#366;text-decoration:none;}
#navi_b a:hover{color:#f30;text-decoration:none;border-bottom:1px dotted  #f30;}
#footer{clear:both;}	
#footer {
	color:#d3cfb6;
	height:auto;
	margin-top:0px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	overflow: auto;
	background: #454545;
}
#footer li{list-style:inside disc; }
#footer a:link, a:visited{color:#b9bbb0; text-decoration:none;}
#footer a:hover{color:#F33;text-decoration:none;}
#footer strong, #footer strong a:link, #footer strong a:visited{color:#366; text-decoration:none}
#footer strong a:hover{color:#366;border-bottom:1px dotted  #366;}
#footer p {margin: 0; padding: 10px 0; }
.fltrt {float: right;margin-left: 8px;} /* right float element. */
.fltlft {float: left;margin-right: 15px;}/*left float element. */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}
</style>