@charset "utf-8";
/* BODY */

A:link { 
color: #3399FF; 
}
A:visited {
color: #FF99FF;
}
A:active { 
color: #0000FF
}
A:hover {
color: #CC33FF;
}

body {
background: #eee url("img/bg.gif");
margin: 0px;
}

a img {
border: none;
}

#container{
margin: 0px;
padding: 0px;
position: relative;
width: 100%;
}

#wrapper{
margin: 0px auto 0px auto;
position: relative;
padding: 0px;
width: 687px;
}

#body{
background:url(img/menu_bgbg.jpg);
background-repeat: repeat-y;
height: 100%;
}

/* HEADER */

#headder{
margin: 0px;
}
h1{
margin: 0;
}

/* MAIN */
#main{
background: url(img/main_bg.jpg);
width: 451px;
float: left;
font-size: 80%;
}

#main p{
	padding-left: 35px;
	padding-right: 70px;
	line-height: 1.5em;
	margin-bottom: 20px;
}

#main h2{
background: url(img/h2.jpg);
margin-top: 10px;
padding-top: 5px;
padding-left: 50px; 
width: 401px;
height: 23px;
font-size: 120%;
}

#main h3{
background: url(img/h3.gif) no-repeat;
background-position: left center;
padding-left: 25px;
padding-top: 3px;
margin-left: 25px;
height: 20px;
}

#main dl {
margin: 0;
padding: 0;
}

#main dt{
clear: both;
float: left;
}

#main dd{
 padding-left: 20px;
}

#main li{
font-size: 80%;
margin-left: -0.5em;
margin-bottom: 0.6em;
padding: 0 0 0 1.2em;
list-style-type: none;
background:url(img/link.gif) no-repeat scroll 0 5px;
background-position: left center;
font-size: 100%;
}

#main .fontred{
color: #FF0000;
}

#main .fontbold{
font-weight: bold;
}

#main .fontsize200{
font-size: 200%;
}

#main .border{
border: solid 1px #666666;
}

#main .center{
margin: 1em auto;
}

#main .link1{
width: 20em;
padding: 0.5em;
}

#main .textcenter{
text-align: center;
}

#main .textright{
text-align: right;
}

/* LEFT */
#left{
float: left;
width: 236px;
background: url(img/menu_bgbg.jpg);
}

#left h2,h3{
margin: 0;
}

#left ul{
font-size: 80%;
margin: 0;
padding: 0;
}

#left li{
padding-left: 17px;
margin-top: 0.8em;
margin-bottom: 0.2em;
margin-left: 12px;
list-style-type: none;
background:url(img/list.gif) no-repeat scroll 0 5px;
background-position: left center;
}


/* MENU */
#menu{
width: 236px;
background: url(img/menu_bg.jpg);
background-position: left center;
}

#menu h1{
margin: 10px 0 0 20px;
padding-right: 30px;
font-size: 70%;
}

/* LEFT-BOTTOM */
#left-bottom{
background: url(img/menu_foot.jpg);
width: 236px;
height: 38px;
}



/* FOOTER */
#footer{
margin: 0px;
padding: 0px;
}



/*common*/
#main .margin10, #menu .margin10{
margin-top: 10px;
}

#main .margin15, #menu .margin15{
margin-top: 15px;
}

#main .margin12, #menu .margin12{
margin-top: 12px;
}

#main .margin20, #menu .margin20{
margin-top: 20px;
}

#main .margin25, #menu .margin25{
margin-top: 25px;
}

#main .margin30, #menu .margin30{
margin-top: 30px;
}

#main .marginleft20, #menu .marginleft20{
margin-left: 20px;
}

#main .marginleft15, #menu .marginleft15{
margin-left: 15px;
}

textarea{
width: 370px;
}