* { margin:0;padding:0 }
html { background:#fff url(images/homebg.gif) repeat-x;height: 100%; }
* html #container { height: 100%; }
#container{
  background: #fff;
  border:1px #A6A6BA solid;
  margin-top:20px;
}

#header { margin:0 0 1em 0; }
    #txtheader { float:right;margin-top:-3em;text-align:right; }
    #navbar{ text-align:center; }
        #navbar ul{
          list-style: none;
          background: #555;
          padding:5px;
          border-bottom: 6px solid #8bb716;
        }
        #navbar li{ display: inline;}
        #navbar a{
          color:#fff;
          text-decoration: none;
          font-weight: bolder;
          padding:5px;
          font-size: 12px;
        }
        #navbar a:hover, #navbar a:active, #navbar .currentpage{
          border-bottom: 6px solid #fff;
          background: #F5F5F1;
          color:#555;
        }
#container{
  padding:0 1em 0 1em;
  margin-bottom:2em;
  width:750px;
  text-align:left;
  float:left;
}
#content{
    min-height:250px;
    height:auto!important;height:250px;
}

a {
  color:#cc0000;
}

h1 { font-size:30px;line-height: 2em;color:#999; }
h1 .dempet{
letter-spacing: -4px;
color:#555;
}

h2 { font-size:20px; margin:5px 0 5px 0;color:#cc0000; }
h3 { font-size:15px; margin:5px 0 5px 0; }
body{
  font: 0.8em Arial, Helvetica, sans-serif;
  text-align:center;
  width:800px;
  margin:0 auto 0 auto;
  color:#555;
}
p{
  margin-bottom: 4px;
}

form{
  width:280px;
  border:1px #ccc solid;
  padding:10px;
  background:#f4f4eb;
}
form p {
clear: left;
margin: 0;
padding: 0;
padding-top: 5px;
}
form p label {
	float: left;
	width: 100px;
	font-weight: bold;
	color:#555;
	text-align:right;
}
form span{
  color:red;
  margin-left:100px;
}

.formtitle{
  color:#8bb716;
  font: 1.2em Arial, Helvetica, sans-serif;
  font-weight:bold;
}

/*.warning{
  background:#FFF2F2 url(images/icon_warning.png) no-repeat 10px 10px;
  font-weight: bolder;
  margin: 10px 10px 10px 0;
  padding: 10px 10px 10px 35px;
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-color: #999;
  color:#cc0000;
}
.warning-detail{
	background-color: #FFFFAA;
	padding:5px;
	margin: 10px 10px 10px 0;
	border:1px solid #999;
} */
/* new messege box */
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
}
.error {
    /*color: #D8000C;
    background-color: #FFBABA;*/
	color: white;
    background-color: #D8000C;
    background-image: url('images/error.png');
}
.error a{
	color: white;
}


form fieldset span{
  font-style: italic;
  font-size: 11px;
  padding-left:100px;
}
#footer{
  clear:both;
  margin:20px 0 10px 0;
  padding:0.5em 1em 1em 1em;
  /*border-bottom:2px #565656 solid;*/
  border-top:1px #ccc solid;
  font-size:10px;
  text-align: right;
}
.contactbox{
  border:#999933 solid 1px;padding:0 5px 5px 5px;
}
.contactbox h3{
  background-color:#f4f4eb;padding:5px;
}

/* JABM */
#navside{
width: 180px;
float:left;
}
#navside ul{
  list-style: none;
}
#navside a{
  color:#555;
  text-decoration: none;
}
#navside li{
  border-bottom:#8bb716 1px solid;
  padding: 2px 0 2px 0;
}

#navside a:hover, #navside .currentpage{
  color:#cc0000;
  text-decoration: underline;
}

#contentright, #contentresource{
  float: right;
  width:550px;
}
#contentright h3{
  border-bottom: #8bb716 2px solid;
}
#contentright h3 span,#contentresource h3 span{
  font-size: 0.8em;
  float:right;
  margin-top:-20px;
}

#contentright h4{
font-size: 1em;
margin-top:10px;
}

#contentright .editorlist p{
  border-bottom: #555 1px dashed;
  padding:5px 0 5px 0;
}
#contentright .editorlist{
  padding-bottom: 10px;
}
#contentright ul{
  margin-left:50px;
}
#contentright ol, #contentright ol ol, #contentright ol ul{
  margin-left:20px;
}

#contentright span{
  color:#cc0000;
}
#contentright .listjournal{
    border-bottom:1px #8bb716 dashed;
    margin-bottom:5px;
}
#contentright .listjournal span, #contentright .editorlist span{
    color: #6666CC;
}

/* header digital services */
#digservices{
  background:#F5F5F1;
  padding:5px;
  font-size:0.8em;
  color:#555;
  text-align: right;
  border-bottom:#ccc 1px solid;
}

/* date/calendar looks like*/
.calendar{
  float:left;
  width:30px;
  text-align:center;
  margin-right:5px;
  margin-bottom:15px;
  border:1px #555 solid;
  font-weight:bold;
}
.calendar .month{
  color:#555;background:#F5F5F1;
}
.calendar .date{
  color:#fff;background:#555;font-size:0.8em
}
/* news */
table{
  border:1px solid #ccc;
  background:#ccc;
  margin:5px 0 5px 0;
}

th{
  background: #CCFF66;
  padding:2px;
}
tr td{
padding:2px;
background:#fff;
}

/* RESOURCE */
#contentresource ol{
   margin-left:0px;
   list-style: none;
   margin-bottom:30px;
}
#contentresource ol ol{
   margin-left:20px;
   list-style: square;
   margin-bottom:10px;
}

#contentresource .download, #contentright .paging{
background:#F5F5F1;
  padding:5px;
  font-size:1em;
  color:#555;
  text-align: left;
  border-bottom:#ccc 1px solid;
}
#contentresource .title, #contentright .title{
  border-bottom: #8bb716 1px solid;
  font-weight:bold;
  color: #6666CC;
}

/* LIBRARY */
#library{
  width:160px;
  border:1px #ccc solid;
  padding:10px;
  background:#f4f4eb;
  margin-bottom:20px;	
}
#library p label{
	clear:both;
	font-weight:normal;
	text-align:left;
	width:160px;
}
#contentright p.list{
	border-top:1px #8bb716 dashed;
	padding:2px 0 2px 0;
}
#contentright td.data{
	border-bottom:1px #8bb716 solid;
	border-right:1px #8bb716 solid;
	padding:2px 10px 2px 5px;
}
#contentright td.label{
	border-bottom:1px #8bb716 solid;
	border-right:1px #8bb716 solid;
	padding:2px 10px 2px 5px;
	background-color: #D4FFAA;
}
#contentright th.book_detail{
	padding:5px;
	background-color:#8bb716;
	color:#fff;
}
#navside .input1{
	width:150px;
}
/* SYLLABUS */
.letter, .letter:hover, .letter_current {
	text-decoration:none;border:1px #8bb716 solid;padding:5px;
}
.letter:hover, .letter_current{
	background:#555;
	color:#fff;
}
.content_sylabus ol, .content_sylabus ul{
	margin-left:25px;
}
.content_sylabus pre{
	font-size:12px;
}
.content_sylabus h3{
	border-bottom:1px #555 solid;
	padding:5px 0 5px 0;
}
.content_sylabus td{
	border-bottom:1px #555 solid;
}
.content_sylabus tr{
	vertical-align:top;
}
#fsilabus hr{
  margin: 10px;
}

#fsilabus {
	width:720px;
}
#fsilabus label{
	padding-right:10px;
}
.week_title {
	background-color:#8bb716;
    padding:5px 0 5px 0;
    text-align:center;
    color:#fff;
}