/* CSS Document */

*{
margin: 0;
padding: 0;
}

body {
background-image:url(images/wall.gif);
}

#wrapper{
margin: 0px auto;
width: 812px;
font-size: 90%;
color: #3f3f3f;
background-color:#FFFFFF;
border-left:1px solid #929292;
border-right:1px solid #929292;
text-align:center;
}

#wrapper a, a:visited{
text-decoration: none;
color: #333399;
}

#wrapper a:hover{
color:#990000;
}

/*---------------Header start---------------*/

#header{
width:810px;
margin:0px 1px 0px 1px;
border-top: solid 10px #333399;
}

#header #toplogo{
width: 780px;
height: 182px;
background-image: url("images/logo01.jpg");
margin:15px 15px 0px 15px;
/*
margin-top: 15px;
background-position: 50% 50%;
*/
background-repeat: no-repeat;
background-position:right;
border: solid 2px #333399;
}

#header #logo{
height: 66px;
margin:20px 15px 0px 15px;
background-image: url("images/logo02.jpg");
background-position:right;
background-repeat: no-repeat;
}

#header #logo h1{
text-indent: -10000px;
}

#header #toplogo h1{
text-indent: -10000px;
}

#header #adress{
height: 35px;
line-height: 35px;
text-align: right;
color: #808080;
font-size: 95%;
margin-right:15px;
}

/*---------------Header end-----------------*/

/*---------------Main stert-----------------*/

#main{
width: 780px;
margin:0px 15px 10px 15px;
text-align:left;
}

/*---------------Menu start-----------------*/

#menu{
float: left;
width: 196px;
margin-right: 20px;
margin-bottom: 20px;
border: solid 1px #333399;
height: 530px;
}

#menu h3{
height: 30px;
background-color: #333399;
background-image: url("images/menu.jpg");
background-position: 50% 50%;
backgorund-repeat: no-repeat;
text-indent: -10000px;
}

#menu ul{
list-style-type: none;
font-size: 95%;
color: #333399;
margin:0px 0px 0px 5px ;
padding:0;
}

#menu ul li {
margin: 10px 0px;
padding:0px 0px 5px 15px;
border-bottom: dotted 1px #006699;
background-image:url(images/bullet_menu.gif);
background-position:left top;
background-repeat:no-repeat;
}

#menu ul ul{
font-size: 90%;
margin: 0px;
}

#menu ul ul a, a:visited{
color: #585858;
}

#menu ul ul li{
border: 0;
background-image:none;
padding:0px 0px 0px 0px;
margin:3px 0px 0px 0px;
}

/*---------------Menu end-------------------*/

/*---------------Contents start-------------*/

#contents{
float: left;
width: 560px;
background-color: #ffffff;
margin-bottom: 20px;
}

#contents #box1{
margin-bottom: 15px;
/*height: 200px;*/
border: solid 1px #333399;
background-color: #f4f4f4;
}

#contents #box2{
float: left;
width: 268px;
/*height: 180px;*/
margin-right: 20px;
margin-bottom: 20px;
border: solid 1px #333399;
background-color: #f4f4f4;
}

#contents #box3{
float: left;
width: 268px;

margin-bottom: 15px;
border: solid 1px #333399;
background-color: #f4f4f4;
}

#contents #box4{
clear: both;
margin:10px 0 0 0;
font-size:95%;
height: 100px;
border: solid 1px #333399;
background-color: #f4f4f4;
}

#contents h2.top{
height: 40px;
margin: 0px 5px 5px 5px;
border-bottom: solid 2px #333399;
}

#contents h2.base{
color:#303390;
padding:15px 0px 15px 15px;
border-left: solid 12px #333399;
border-bottom: solid 1px #bcbcbc;
background-color: #f4f4f4;
font-size:110%;
}

#contents #box1 h2{
background-image: url("images/main_title01.gif");
background-position: left 50%;
background-repeat: no-repeat;
text-indent: -10000px;
}

#contents #box2 h2{
background-image: url("images/main_title02.gif");
background-position: left 50%;
background-repeat: no-repeat;
text-indent: -10000px;
}

#contents #box3 h2{
background-image: url("images/main_title03.gif");
background-position: left 50%;
background-repeat: no-repeat;
text-indent: -10000px;
}

#contents h3{
margin: 5px;
color: #333399;
}

#contents h3.ins{
background-image:url(images/main_ins.gif);
background-position: left;
background-repeat: no-repeat;
text-indent: -10000px;
}

#contents #contens_txt {
width: 558px;
margin-top:12px;
border: solid 1px #d7d7d7;
letter-spacing: 0.3px;
line-height:1.15em;
border-top: solid 2px #333399;
border-bottom: solid 2px #333399;
}

#contents #contens_txt p{
margin:15px;
text-indent: 1em;
font-size: 90%;
line-height:1.4em;
}

#contents #contens_txt ul{
list-style-type: none;
margin:10px;
}

#contents p{
margin:10px;
text-indent: 1em;
font-size: 90%;
line-height:1.4em;
}

#contents table{
margin:0;
font-size: 90%;
line-height:1.4em;
}

#contents ul{
list-style-type: none;
margin:10px 10px 10px 20px;
}

#contents #box1 img{
margin: 5px 10px;
}



#contents #box4 table{
margin: 5px 10px;
}

#contents #box4 td{
padding: 0 10px;
}

#contents a, a:visited{
color: #3f3f3f;
}

/*---------------Contents end---------------*/

/*---------------Main end-------------------*/

/*---------------Footer start---------------*/

#footer{
clear: both;
width: 810px;
height: 50px;
background-color: #333399;
color: #ffffff;
line-height: 14px;
text-align: right;
margin-left:1px;
/*margin-bottom: 50px;*/
}

#footer span{
margin: 10px 10px 0px 0px;
}

/*---------------Footer end------------------*/