body{font-size: 0.8em; font-family : Arial, Helvetica, sans-serif; color: #404042; margin: 0; padding: 0; text-align: center; 
	background-color : #F4E415;}
hr{display : none;}
img{border : 0;}

/* a */
a{text-decoration: underline; color: #CFC100;}
a:hover{text-decoration: none; background-color: #F4E415; color: #664622; border-bottom: 1px dotted #895F30;}

/* h */
h1{font-size: 1.6em; font-weight : normal;}
h2{font-size: 1.3em;}
h3{font-size: 1.2em;}

/* ul */
ul{margin-top:0; margin-bottom: 1.5em; margin-left: 0; padding-left: 1.5em;}
ul li{list-style-type : square;}

/* block class */
.bl-l{float : left; width: 49%;}
.bl-r{float : right; width: 49%;}
.bl-content{background : #F8F8F6 url(../images/layout/bl-content.gif) repeat-y center; margin-bottom : 1.5em; width : 100%;}
.bl-top{background : url(../images/layout/bl-top.gif) no-repeat top;}
.bl-bottom{ background : url(../images/layout/bl-bottom.gif) no-repeat bottom;padding-left: 20px; padding-right: 20px;}
.bl-content h2{margin-top : 0; margin-bottom : 0.5em;}
.item-bl{padding-top: 1em; padding-bottom: 1em; width: 100%;}
.item-bl1{float : right; width : 76%; padding-top: 1em; padding-bottom: 1em;}
.item-bl2{float : left; width : 22%; padding-top: 1.2em; padding-bottom: 1em;}
.item-desc{margin : 0; padding : 0;  margin-top: 0.5em; padding-top: 0.5em; background: url(../images/layout/item-bg.gif) repeat-x top;}
.item-less{color : #919191; font-size : 0.9em;}
.item-user{color : #CFC100; font-weight : bold;}
.help{padding-bottom : 1em; padding-top : 1em; margin : 0; width : 100%;}

/* form */
input, select, textarea{font-size: 1em; font-family: Arial, Helvetica, sans-serif;}
fieldset{border : none; padding : 0; margin : 0;}

/* form class */
.f{padding:  0; margin : 0; padding-top: 1em; padding-bottom: 1em; width : 100%;}
.f-bl{margin-bottom: 0.3em; width : 100%;}
.f-itm{clear: none; display: block; float: left; width: 30%;}
.f-val{clear: none; display: block; float: right; width: 65%;}
.f-inp{width: 80%;}
.f-submit{margin: 0; padding: 0; margin-top : 1em; padding-top : 1em; 
	background: url(../images/layout/item-bg.gif) repeat-x top; text-align : center;}

/* class */
.bl-l{float : left; width: 49%;}
.bl-r{float : right; width: 49%;}
.center{text-align : center;}
.cleaner{clear:both;height:1px;font-size:1px;border:none;margin:0; padding:0;background: transparent;}
.small{font-size : 0.85em;}
.disb{color : #ABABAB; white-space : nowrap;}
.separator{color : silver; white-space : nowrap;font-size : 0.8em;}
.red{color : Red;}
.img{border : 1px solid #D1C000; background-color : white; padding : 1px;}

/* Layout */
#layout-skelet{width : 994px; margin-left: auto; margin-right: auto; text-align : left; position : relative; 
	background : url(../images/layout/skelet-bg.gif) repeat-y center;}
#layout-skelet-body{width : 994px; background : url(../images/layout/header-bg.jpg) no-repeat top center;}
#layout-skelet-bottom{clear:both;height:10px;font-size:1px;border:none;margin:0; padding:0;
	background: transparent url(../images/layout/skelet-bottom.gif) no-repeat;}

#layout-header{height : 254px; position : relative;}

#layout-logo{position : absolute; left: 27px; top: 61px;  width : 600px; height: 136px;  z-index : 2;}
#layout-logo a{display : block; width : 600px; height: 136px;}
#layout-logo a:hover{background : none; border : none;}

#layout-desc{position : absolute; left: 205px; top: 95px; z-index : 1; color : #20201E; font-family : Georgia;}
#layout-desc1{font-size : 1.2em;}
#layout-desc2{font-size : 1.35em; padding-left : 20px;}
#layout-desc3{font-size : 1.6em; padding-left : 40px; margin-top : 15px; margin-bottom : 5px; color : #938B26;  font-style : italic;}

#layout-menu{margin-left: 30px;  position: absolute; top: 201px; }
#layout-menu ul{float: left; list-style: none; margin: 0; padding: 0;display: inline;}
#layout-menu ul li{display: inline; margin: 0; padding: 0; }
#layout-menu ul li a{float: left; margin: 0; padding: 16px 13px 10px 10px;  text-decoration: none;  color: #F6E212;background: url(../images/layout/menu-li-bg.gif) no-repeat top right;}
#layout-menu ul li a:hover, #layout-menu ul li a:active{color: white; background-color: transparent; border: none;}
#layout-menu ul li.active a{color: white;}

#layout-top{position : absolute; top : 12px; right : 260px;}
#layout-top a{color : #938B26; margin : 0 10px;}

#layout-content{float : right; width : 717px;}
#layout-content-body{padding-right : 53px; padding-bottom : 1.5em;}
#layout-column{float : left; width : 277px; padding-bottom : 1.5em;}

#layout-navigation{margin-top: 2em;  font-size : 0.9em; color : #858585;}

.layout-column-bl{background : url(../images/layout/column-bl-bg.gif) repeat-y left;}
.layout-column-bl-top{clear:both;height:10px;font-size:1px;border:none;margin:0; padding:0;
	background : url(../images/layout/column-bl-top.gif) no-repeat left; height : 10px; margin-top : 5px;}
.layout-column-bl-bottom{clear:both;height:10px;font-size:1px;border:none;margin:0; padding:0;
	background : url(../images/layout/column-bl-bottom.gif) no-repeat left; height : 10px;}

.layout-column-bl h2{margin: 0; padding: 0; margin-left: 45px; margin-right: 35px; padding: 6px 10px 6px 10px; font-size : 1em;
	background: url(../images/layout/item-bg.gif) repeat-x bottom;}
.layout-column-bl a{color : #75734D;}
.layout-column-bl a:hover{color: #664622;}
.layout-column-bl p{margin: 0; margin-left: 45px; margin-right: 35px; padding: 6px 10px 6px 10px; 
	background: url(../images/layout/item-bg.gif) repeat-x bottom;}
	
#layout-submenu{margin: 0; padding:0; margin-left: 45px; margin-right: 35px;}
#layout-submenu li{list-style: none; list-style-image: none; padding: 6px 10px 6px 10px; background: url(../images/layout/item-bg.gif) repeat-x bottom;}
#layout-submenu a.menu-active{color : #10323C; font-weight : bold;}

#layout-search{	margin : 0; padding : 0;}
#layout-search input{vertical-align : middle;}
#layout-search-inp{width : 113px;  border : 1px solid #DADCCF;}

#layout-footer{width : 994px; margin-left: auto; margin-right: auto; text-align : left; color : #948B24; font-size : 0.9em;}
#layout-footer-body{padding : 0.7em 40px;}
#layout-footer a{color : #948B24; text-decoration : none;}

/* Document */
.item-document ul{margin-bottom: 0; padding-bottom : 0;}

/* Home */
ul.home{font-size : 1.3em; font-weight : bold; padding-top : 1em; padding-bottom : 1em; line-height : 1.5em; margin : 0;}

/* Gallery */
.gallery-bl{float : left; width: 132px; height: 9em;text-align : center;}
.gallery-bl img{border : 1px solid #D1C000; background-color : white; padding : 1px;}
.gallery-bl a{background: none;}
.gallery-info{font-size : 0.9em;}

/* Message */
div.message-error{color: white; background-color: #FF7D7D; margin-bottom: 1em; font-size: 1.3em; font-family: "Times New Roman", Times, serif; width : 100%;}
div.message-result{color: white; background-color: #42BF78; margin-bottom: 1em; font-size: 1.3em; font-family: "Times New Roman", Times, serif; width : 100%;}
div.message-error p{padding: 0.8em; border: 1px solid Red; margin : 0;}
div.message-result p{padding: 0.8em; border: 1px solid Green; margin : 0;}
div.message-error a, div.message-result a{color : White;}

/* Pagging */
.pagging{margin : 0; padding : 0; }
.pagging select{font-size: 0.8em; vertical-align : middle;}
.pagging-l{display : block; float : left; width : 17%; padding-bottom : 1em; padding-top : 1em;}
.pagging-r{display : block; float : right; width : 81%; text-align : center;color : #DADADA; padding-bottom : 1em; padding-top : 1em;}
.pagging-r strong, .pagging-r span, .pagging-r a{padding-left: 0.2em; padding-right: 0.2em;}
.pagging-r strong{color: #464646;}
.pagging-r span{color: #DADADA;}

/* Sitemap */
.sitemap-bl ul{margin-top : 1em; line-height : 1.7em;}
.sitemap-hr{background:  url(../images/layout/sitemap-bl-bg.gif) repeat-x bottom;height:1px;font-size:1px;}
.sitemap-bl .small{font-size : 0.85em; color : #ABABAB; white-space : nowrap;}

/* Teacher */
.teacher .item-bl1{width : 85%;}
.teacher .item-bl2{ width : 14%;}

/* Text */
.text-bl table{border: 1px solid #ECEDE7; border-collapse: collapse;}
.text-bl td, .text-bl th{border-bottom: 1px solid #ECEDE7; border-right: 1px solid #ECEDE7;}
