body {
background: #222a2e;
font: 0.74em "Trebuchet MS";
margin: 0px 0px 0px 0px;
background-image:url(images/background.gif);
background-position:top;
background-repeat:repeat-x;
}
#mainframe_skin {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 900px;
text-align:center;
}
.main_zone {
border: 0px solid black;
vertical-align:text-top;
background-image:url(images/main_bg.gif);
background-repeat:repeat-y;
}
#rp_left {
background-image:url(images/left_repeat.gif);
background-position:top;
background-repeat:repeat-y;
vertical-align:top;
}
#rp_right {
background-image:url(images/right_repeat.gif);
background-position:top;
background-repeat:repeat-y;
vertical-align:top;
}
#top_fill {
background-image:url(images/head_img_01.gif);
background-position:top;
background-repeat:no-repeat;
}
#top_rem {
background-image:url(images/head_img_02.gif);
background-position:top;
background-repeat:no-repeat;
vertical-align:middle;
/*padding-top:35px;*/
text-align:left;
}
.tut_rem_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
margin-left:20px;
margin-right:30px;
margin-top:28px;
}
.tut_rem_desc {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weight:normal;
color:#5b7684;
margin-top:7px;
margin-left:20px;
margin-right:30px;
}
#top_menu {
background-image:url(images/head_img_05.gif);
background-position:top;
background-repeat:no-repeat;
vertical-align:middle
text-align:center;
color:#fff;
/*padding-bottom:15px;*/
}
#top_menu a:link,
#top_menu a:visited {
text-decoration:none;
color:#fff;
margin-left:2px;
margin-right:2px;
padding:5px;
padding-top:10px;
padding-bottom:10px;
width:auto;
height:100%;
border:0px solid white;
cursor:pointer;
}
#top_menu a:hover,
#top_menu a:active {
text-decoration:none;
color:#d9d9d9;
margin-left:2px;
margin-right:2px;
padding:5px;
padding-top:10px;
padding-bottom:10px;
width:auto;
height:100%;
background-image:url(images/menu_bg.gif);
background-repeat:repeat-x;
background-position:bottom;
}
#top_tut_img {
background-image:url(images/head_img_03.gif);
background-position:top;
background-repeat:no-repeat;
text-align:center;
vertical-align:middle;
}
#bottom_adsense {
background-image:url(images/bottom_01.gif);
background-position:top;
background-repeat:no-repeat;
text-align:center;
vertical-align:middle;
}
#footer {
background-image:url(images/bottom_02.gif);
background-position:top;
background-repeat:no-repeat;
}
#middle_content{
margin-left:auto;
margin-right:auto;
margin-top:15px;
}
#mid {
background-image:url(images/mid_bg.gif);
background-repeat:repeat-y;
background-position:center;
}
.at {vertical-align:top;}

#maintable {
margin:0px;
}

.tut_title {
height:42px;
width:auto;
background-image:url(images/title_bg.gif);
background-repeat:repeat-x;
border:1px solid #293339;
color:#fff;
text-align:left;
padding-left:10px;
padding-right:5px;
vertical-align:middle;
margin-left:30px;
margin-right:30px;
font-size:14px;
display:block;
}
.by_who{
float:right;
font-size:10px;
color:#617580;
}
.by_who a {
color:#617580;
text-decoration:none;
cursor:help;
}
.con_zone {
border:1px solid #293339;
background-image:url(images/con_bg.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#344047;
text-align:left;
color:#fff;
font-weight:normal;
margin-left:30px;
margin-right:30px;
margin-top:-5px;
vertical-align:text-top;
display:block;
padding:4px;
}
a:link,a:visited {
color:#617580;
text-decoration:none;
cursor:help;
}
a:hover,a:active {
color:#fff;
text-decoration:underline;
cursor:help;
}
input, textarea {
background-color:#344047;
color:#fff;
border:1px solid black;
font-size:10px;
font-family:Georgia, "Times New Roman", Times, serif;
}