body {
        padding: 0;
        margin: 0;
        font: .74em Arial, sans-serif;
        line-height: 1.5em;
        background: #fff url(images/top.jpg) no-repeat top;
        color: #454545;
        }

a { color: #DA3B3B; background: inherit; }
a:hover { color: #DA3B3B; background: inherit; text-decoration: underline}
p {        margin: 5px 0; }
h1 {        font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: -1px; }
h2 { font: bold 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h3 { padding: 4px 0; margin:  0; }
ul { margin: 0; padding : 0; list-style: none; }
img { border: 0; }
hr { height: 1px; border-style: none; color: #d0d0d0; background-color: #C0C0C0; margin: 10px 0; }


.content { margin: 0px auto; width: 900px;}

/* Top part */
#top { padding-top: 20px; background: transparent; height: 160px; }
        #top h1 { font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: 1px; color: #FFF }
        #top h2 { font: 1.0em Arial, Sans-Serif; letter-spacing: 0px; color: #868686; margin:0; padding: 0 }
        #top #icons { float: right; margin:20px 0; padding:0 }
        #top #icons img { padding-right: 2px; border: 0 }

/* Second part */
#prec {
    height: 30px;
    margin:0;
    padding: 0;
    border-bottom: 1px solid #DCDCDC;
    overflow: hidden;
    margin-bottom: 15px;
    background: black url(images/tab_default.gif);
}
        #wrap { margin: 0 auto; width: 800px; }
                #wrap #menu {
                    padding: 0;
                    margin:0;
                    position: relative;
		width: 800px;
                    }
                #wrap #menu a{
                    text-decoration: none;
                    color: white;
                    font-size: 12px;
                    font-family: Arial, Helvetica;
                    font-weight: bold;
                }
                #wrap #menu a:hover div{
                    background: url(images/tab_active.gif);
                    cursor: hand;
                }

                #wrap #menu a div
                {
                    background: url(images/tab_default.gif);
                    height:30px;
                    float: left;
                    padding:  8px 4px 8px 4px;
                }


/*  Advertising */
#ad { background: #FFF url(images/download.jpg) no-repeat left; padding-left: 95px; min-height: 80px; margin-bottom: 15px;}
#ad a, #left_side a { /*background: #FFF;*/ text-decoration: none }
#ad a:hover, #left_side a:hover { text-decoration: underline }

/* main area */
#main { }
        #right_side { float: right; width: 212px; background: #F6F6F6; padding: 5px 10px 5px 10px; margin-bottom: 10px }
                #right_side ul { padding: 3px 0 8px 0 }
                #right_side li { line-height: 18px; background: #F6F6F6 url(images/cat-li.gif) no-repeat left; list-style: none; padding-left: 20px; }
                #right_side a { background: #F6F6F6; text-decoration:  none }
                #right_side h3 { color: #404040; font:  bold 1.2em Arial, Sans-Serif; }

        #left_side { background: #FFF; margin-bottom: 10px; width: 660px;  }
                #left_side h3 { background: #FFF url(images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; }
                #left_side h3 span { background: url(images/h-art.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px; margin: 0}
                #left_side h3 span a{background: transparent;}

                #left_side p { color: #454545; padding: 0 5px 0 5px; text-align: justify }
                #left_side img { float: left; padding: 20px }
		#left_side .left_float img { float: left; padding: 20px}
		#left_side .no_float img { float: none; padding: 20px }
		#left_side .right_float img { float: right; padding: 20px }

		#tod {
			background-color:#f7f9e4;
			margin-left: 500px;
			text-align: right;
		}
		#tod p {margin: 0; padding: 0;}
		#todtitle {font-weight:bolder;}



                #left_side blockquote { padding-left: 10px; border-left: 2px solid #DA4040; margin: 10px 0 10px 25px; }
                .date { border-top: 1px dotted #ccc; padding: 5px 0; margin: 0px 0 5px 0; text-align: right }
                #left_side .rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5  }
                #left_side .ls { float: left; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5  }
                #left_side ul { list-style-position: inside; margin-left: 2px }
                #left_side ul li { list-style-image: url(images/defis.gif); margin-left: 35px;  }
                #left_side ul ul li { list-style: none; margin-left: 10px; list-style-type: square; list-style-position: inside }
                #left_side p {text-indent: 30px;}

/* The footer */
#footer { clear: both; border-top: 1px solid #DCDCDC; margin: 0 0 3em 0; color: #777;  background: #f6f6f6 }
#footer .right  { float: right; text-align: right; background: inherit; }
#footer a { text-decoration: none; background: inherit; }

.admin a{ color:gray;}
textarea, input, select{width:90%;}
textarea {height:500px;}

/*tables in content*/
#left_side * td, #left_side * th{
border:1px solid #C0C0C0;
text-align:left;
}
#left_side table{
width:100%;
}
#left_side * th{
background-color: #EAEAE8;
color: black;
}

#right_side h3{
    background: #F6F6F6 url(images/h3-line.gif) no-repeat bottom left;
}
#site_name{
color: black;
font-size:1.5em;
font-family: Georgia;
text-decoration:none;
position:relative;
top: 110px;
left: 120px;
}


span.pager, a.pager{
    border: 1px solid #ECA295;
    font-size: 1.3em;
    padding:0 2px 0 2px;
}
span.pager, a.pager:hover{
    font-weight:bold;
}

td.board_rel_links{
padding-bottom: 10px;
border: none !important;
font-size: 0.9em;
text-align: left !important;
}

#slogan p{
    margin: 0;
	clear: both;
}

.treechildren{
    margin-left: 15px;
}

/*tree rendering*/
.tree_folder a{
    background: url(images/icons/folder.gif) no-repeat left;
    padding-left:16px;
}

.sys_tree_folder a{
    background: url(images/icons/sys_folder.gif) no-repeat left;
    padding-left:16px;
}

.tree_document a{
        padding-left:16px;
        background: url(images/icons/document.gif) no-repeat left;
}

.sys_tree_document a{
    background: url(images/icons/sys_document.gif) no-repeat left;
    padding-left:16px;
}

.admin a{padding:0; background: none;}

.screw_left{
	width: 21px;
	height: 21px;
	float: left;
	background: url(images/screw_left.jpg);
}
.screw_center{
	float: left;
	background: url(images/screw_center.jpg);
	height: 21px;
}
.screw_right{
	width: 21px;
	height: 21px;
	float: left;
	background: url(images/screw_right.jpg);
}
#footerlinks{
    text-align: center;
	padding-left: 70px;
/*    background: url(images/footerlinks.gif);*/
	height: 30px;
}
#footerlinks a{
	background: none;
	color: black;
	font-weight: bolder;
}
.break{
clear:left;
}
.related img{
float:none !important;
}

pre{
	font-size: 12px;
	margin-left: 50px;
	border-left: 3px solid orange;
	background-color: #F6F6F6;
}