@import "reset.css";
body, input, select, textarea { font-family:Verdana, Arial, Helvetica, sans-serif }
img	{ border: 0 }
input, select, textarea { font-size: 12px }
input.checkbox { border: 0 }
form { margin: 0 }
p { line-height: 1.5em ; margin: 0.5em 0 }
strong { font-weight: bold }
em { font-style: italic }
acronym { cursor: help }
div.clear { clear:both; height:0 ; line-height: 0 }
.top { vertical-align: top }
.center { text-align: center }
.warning { color: #FF0000 ; font-weight: bold }
.compulsory { color: #CC0000 }
.nodata { color: #999999 }
.warning_box {
	margin: 1em auto; 
	padding: 1em; 
	text-align:center; 
	border: 1px solid #CC3300; 
	background-color: #FFD7D7;
	color: #FF0000; 
	font-weight: bold ;
	width: 80% ;
}

a:link, a:visited { color: #62b81d; text-decoration: none }
a:active, a:hover { color: #589008; text-decoration: underline }

h2 { font-size: 36px; color: #fba91b }
h3 { font-size: 16px; color: #1e9d00 }
h4 { font-weight: bold ; font-size: 15px; color: #1e9d00 ; margin-top: 1em }
h5 { font-size: 13px ;color: #1e9d00 ; margin-top: 1em }
h6 { font-size: 13px }
.indent { text-indent: 2em }

body { 
	font-size: 13px ;
	margin: 0 ;
	background-color: #fbfff1;
	color: #333 ;
}

#top_nav {
	height: 30px ;
	line-height: 30px ;
}

#container {
	margin: auto ;
	width: 950px ;
	border: 1px solid #277100;
	background-color: #FFFFFF;
}

#breadcrumb { 
	background: url(images/breadcrumb/left.gif) no-repeat top left ; 
	padding-left: 14px ;
	margin-bottom: 0.5em ;
}

/* =header */
.header {
	height: 100px;
	/*background: url(images/header.png) no-repeat;*/
}

#logo {
	float: left;
}

/* =footer */
.footer {
	text-align: center;
	clear: both;
	padding: 10px;
}
.footer p, .footer address { line-height: 1.6em }
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active { color: #666 }

/* =main */
.main {
	float: left;
	background-color: #FFF;
}

.main_content {
	padding: 20px 20px 20px 0px;
	width: 700px;
}

.page_title {
	color: #fba91b;
	font-size: 36px;
}

#side_bar1 {
	float: left;
	width: 150px;
}

/* =sub_nav */
.top_nav {
	background: url(images/menu.png) repeat-x;
}

.top_nav ul {
	margin:0;
	padding: 0
}

.top_nav li { 
	float: left;
	list-style-type: none;
}
.top_nav a { 
	display: block;
	padding: 7px 18px 6px 18px;
	border-left: 1px solid #ecf7de;
	border-right: 1px solid #c1e78e;
	background: url(images/menu.png) repeat-x;
}

.top_nav a:hover, .top_nav a:active { 
	background: url(images/menu_hover.png) repeat-x;
	color: #3366FF;
}

/* =list */
.list { margin: auto }
.list th, .list td { padding: 4px }
.list th { text-align: center }

/* =form */
.form {
	margin: 0 auto 1em ;
	width: 100% ;
}
.form th, .form td { 
	padding: 5px ;
	border: 1px ;
	border-style: solid ;
	border-collapse: collapse ;
	border-color: #e97e00 ;
}
.form .attribute {
	color: #503100 ;
	background-color: #fff6dd ;
	width: 140px ;
	text-align: right;
}
.form th {
	color: #503100 ;
	background-color: #ffefdd ;
}

/* =error input */
.form tr.error th { background-color: #FDC4D5 ; color: #FF2437 }
.form tr.error td.attribute { background-color: #FDC4D5 ; color: #FF2437 }
.form tr.error td.value { background-color: #FFE9EC ; color: #FF2437 }
tr.error input, tr.error select, tr.error textarea { background-color: #FDC4D5 ; border: 1px solid #BA0404 ; }

/* =error msg box */
div.error {	
	margin: 0.8em auto ;
	border-collapse: collapse ;
	border: 1px solid #dd7777 ;
	color: #ff0000 ;
	background-color: #FFCCCC ;
	padding: 5px ;
}
div.error h5 { margin: 0.5em ; font-size: 125% }
div.error ul { margin: 0.8em }
div.error li { list-style-type: square ; margin-left: 20px }

.success { background-color: #CCFFCC ; border: 1px solid #009900 ; color: #009900 ; padding: 5px }
.fail { background-color: #FFCCCC ; border: 1px solid #DD0000 ; color: #FF0000 ; padding: 5px }

/* =success msg */
.msg {
	margin: 0.8em auto ;
	background-color: #CCFFCC ; 
	border: 1px solid #009900 ; 
	color: #009900 ;
	padding: 5px ;
}
.msg p { margin: 0.8em }

/* =search */
#search_box {
	margin-top: 10px;
	text-align: right;
	padding-right: 10px;
}

/* =menu */
#menu {
	float: left;
	width: 200px;
	padding: 15px 15px 320px 15px;
	background: bottom url(images/left_bg.png) no-repeat;
}
#menu ul {
	margin: 0 0 20px 0;
	padding: 1px ; 
	/*border: 1px solid #ddefc7 ; */
	width: 181px ; 
	background-color: #FFF
}

#menu a {
	display: block ;
	width: 160px ;
	padding: 6px 8px 6px 8px ;
	border-top: 1px solid #FFF ;
	border-bottom: 1px solid #ddefc7 ;
	border-left: 5px solid #FFF;
	/*background-color: #f8fdf5 ;*/
}
#menu a:link, #menu a:visited { color: #62b81d ; text-decoration: none }
#menu a:active, #menu a:hover { color: #3877b8 ; text-decoration: underline ; background-color: #e4f5ff; border-left: 5px solid #b8e4ff; }
#menu li {
	list-style-type: none ;
	text-align: left ;
}
#menu li.menu_now a:link, #menu li.menu_now a:visited, #menu li.menu_now a:active, #menu li.menu_now a:hover {
	color: #555 ;
	background-color: #FFF ;
}
#menu li.highlight { font-weight: bold }

#menu li.sub_item a {
	padding-left: 30px;
	width: 143px;
}

/* =news */
.news_content {
	padding: 5px;
	border-bottom: 1px dashed #CCC;
}

/* =committee_list */
.committee_list th {
	padding: 5px;
	font-weight: bold;
}

.committee_list td {
	padding: 5px;
}

/* =intro */
h4.intro_title {
	text-align: center;
	font-size: 18px;
	color: #89d0c7;
}

h5.intro_subtitle {
	font-weight: bold;
}

.intro_green {
	color: #89c765;
}

.intro_blue {
	color: #29aae2;
}
/* =course */
.highlight_red {
	color: #c00000;
}

.course_info th {
	font-weight: bold;
	padding: 5px;
	text-align: center;
	background-color: #cde074;
	border: 2px solid #FFF;
}

.course_info td {
	padding: 5px;
	border: 2px solid #FFF;
}

.course_info tr.row1 td {
	background-color: #fff9a5;
}

.course_info tr.row2 td {
	background-color: #cde074;
}