body, html { height: 100%; width: 100%}
body { font-family: Verdana, Arial, sans-serif; font-size: 11px; margin: 0px; background-color: #2988c8; }

img { border: 0px; margin: 0px; }
form { margin: 0 0 0 0; }
select, input, textarea { font-size: 8pt; border-width: 1px;  font-family: Verdana, Arial, sans-serif; } 
a { text-decoration: none; color: #aaa; }
a:hover	{ text-decoration: underline; }
td				{ font-family: Verdana, Arial, sans-serif; font-size: 11px; }
small			{ font-family: Verdana, Arial, sans-serif; font-size: 10px; }
fieldset { padding: 15px 7px 15px 7px; }

/*ol, ul { position: relative; left: -15px; }
ol li { margin-bottom: 12px; }
ul li { list-style-image: url(../graph/arr1.gif); }*/
hr { border: 0pt none; color: #aaa; background-color: #aaa; height: 1px; }

.h1 { font-size: 14pt; color: #022758; font-family: Verdana; }
h3 { font-size: 10pt; padding-left: 20px; background: url(../graph/arrow1.png) transparent 0px 50% no-repeat; color: #003366;}

#center_for_ie { width: 100%; text-align: center; height: 100%; }
#content_area { width: 768px; text-align: left; margin: 0 auto; height: 100%; }

#top_header_box { width: 766px; height: 264px; background-color: #2d98cd; border: 1px solid #04386a; border-width: 0px 1px 0px 1px;}

#top_menu_box { padding-left: 1px; margin-top: 7px; }

#canv_box { width: 766px; clear: both; background: url(../graph/content-background.jpg) transparent 0px top no-repeat; border: 1px solid #04386a; border-width: 0px 1px 0px 1px; }
#canv_box #left_box { width: 609px; padding-top: 0px; border-right: 1px dotted #4a9dce; }
#canv_box #right_box { width: 145px; padding-top: 0px; }

#canv_bot1 { background-image: url(../graph/footer-background.jpg); width: 766px; height: 90px; clear: both; border: 1px solid #04386a; border-width: 0px 1px 0px 1px; color: #87ee89; }
#canv_bot1 a { color: #ffffff; text-decoration: underline; }
#canv_bot1 #footer_left { height: 70px; width: 210px; float: left; margin-top: 20px; padding-left: 10px;}
#canv_bot1 #footer_right { height: 60px; width: 670px; float: left; margin-top: 20px; text-align: center; }
#canv_bot2 { width: 766px; height: 20px; clear: both; text-align: center; }


.left_menu_content { background: url(../graph/menu_bg.png) #d0e6f0 top right repeat-y; width: 220px; }
.left_menu_content .item { background: url(../graph/menu_bullet.png) 5px 50% no-repeat; padding: 5px; padding-left: 25px; width: 188px; border-bottom: 1px dotted #fff; }
.left_menu_content .subitem { background: url(../graph/menu_subitem.png) 10px 50% no-repeat; padding-top: 2px; padding-bottom: 3px; padding-left: 25px; width: 195px; background-color: #eaf1f4; }
.left_menu_content .sublast { background: url(../graph/menu_sublast.png) 10px 50% no-repeat; padding-top: 2px; padding-bottom: 3px; padding-left: 25px; width: 195px; background-color: #eaf1f4; }
.left_menu_content a { color: #000000; padding: 5px; }

.left_menu_content .logbox { padding: 12px; }
.left_menu_content #statbox { background: url(../graph/stats.png) 10px 50% no-repeat; padding: 5px; padding-left: 70px; }
.left_menu_content #statbox div { padding: 4px; color: #113370; }

#right_content { width: 554px; margin-left: 10px; color: #ffffff; }
#right_content .head { width: 554px; height: 61px; }
#right_content .head .toptitle { font-size: 12px; color: #fff; margin-bottom: 2px; font-weight: bold; }
#right_content .head .toptitle a { color: #fff; }
#right_content .head .toppath { font-size: 10px; padding-left: 10px; }
#right_content .head .toppath a { color: #000000; }
#right_content .head .topinfo { font-size: 10px; color: #0e4472; padding-left: 5px;}
#right_content .body_mid { width: 574px; padding: 10px; padding-bottom: 40px; }
#right_content .body_mid .title { font-size: 11pt; font-weight: bold; margin-bottom: 10px; color: #ffffff; margin-bottom: 20px;  padding: 4px; border-bottom: 1px dotted #4a9dce;  }
#right_content .body_top { width: 540px; padding: 10px; }
#right_content .body_top div { font-size: 10px; background-color: #fff; width: 540px; padding: 5px; float:left; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; color: #444; margin-bottom: 15px;}
#right_content .body_top img, #right_content .body_bot img { display: block; clear: both; }

#news { width: 582px; padding: 10px; }
#news .box { padding: 4px; }
#news .date { color: #000d1b; font-size: 10px; padding-left: 10px; }
#news .title { font-size: 10pt; padding-left: 10px;  }
#news .title a { color: #ffffff; font-weight: bold; text-decoration: underline; }
#news .title a:hover { color: #00ff00; }
#news .more { float: right; padding-right: 20px; }
#news .more a { color: #00ff00; text-decoration: underline; font-weight: bold; }
#news .description { color: #ddecfd; padding: 10px 10px 0px 10px; }

#list { width: 582px; padding: 10px; }
#list .box { padding: 15px 4px; }
#list .title { font-size: 15pt; padding: 0px 30px 5px 30px;  }
#list .title a { color: #ffffff; text-decoration: underline; }
#list .title a:hover { color: #00ff00; }
#list .subtitle { color: #ddecfd; padding: 10px 10px 0px 30px; }

#zwij { width: 582px; padding: 10px; }
#zwij .box { padding: 15px 4px; }
#zwij .title { font-size: 15pt; padding: 0px 30px 5px 30px;  }
#zwij .title a { color: #ffffff; text-decoration: underline; }
#zwij .title a:hover { color: #00ff00; }
#zwij .content { padding: 10px 10px 0px 30px; }


table.register { margin-bottom: 20px; }
table.register td { padding: 3px; background-color: #fff; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
table.register td small { color: #777 }
table.register td input { width: 170px; }
table.register td.header { background-color: #c8e0ef; }

.s_title { font-size: 10pt; font-weight: bold; padding: 4px; border-bottom: 1px #aaa solid; margin-bottom: 12px; }


.radio { margin: 0px; height: 12px }
.required { color: #f00; }
.error_msg { color: #f00; margin: 10px; padding: 10px; width: 90%; border: 2px solid #f00; }
.warning_msg { color: #f90; margin: 10px; padding: 10px; width: 90%; border: 2px solid #f90; }
.alert_msg { color: #090; margin: 10px; padding: 10px; width: 90%; border: 2px solid #090; }

div.tooltab { color: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 11px; text-align: left; background-color: #555; padding: 2px; width: 260px; }
div.tooltab a { color: #ffffff; text-decoration: underline; }
div.tooltab_top { background-color: #eeeee4; margin-bottom: 10px; padding: 3px; color: #000000; }

.link_item { background: url(../graph/bullet-link.png) #f7f7f4 10px 50% no-repeat; padding: 5px; padding-left: 30px; width: 455px; margin-bottom: 10px; }

#homepage { padding-left: 20px; }
#homepage .school { width: 205px; height: 246px; background: url(../graph/home-school.png) #e3eaeb 0px 0px no-repeat; }
#homepage .school .item { background: url(../graph/arr1.gif) transparent 10px 50% no-repeat; padding: 5px; padding-left: 25px; }
#homepage .school .item a { text-decoration: underline; color: #1e5a9e; }
#homepage .school .item a:hover { text-decoration: none; }

#hp_left .section_head { background: url(../graph/home-section-hbg.png) transparent 0px 0px repeat-x; height: 27px; padding: 6px; width: 188px; }
#hp_left .section_course { background: url(../graph/arr1.gif) transparent 0px 3px no-repeat; padding-left: 15px; padding-bottom: 5px; margin: 0px 3px 10px 3px;  width: 179px; border-bottom: 1px dashed #ccc; }


#hp_right .section_head { background: url(../graph/home-section-hbg.png) transparent 0px 0px repeat-x; height: 27px; padding: 6px; width: 405px; }
#hp_right .section_body { background: url(../graph/home-news-bullet.png) transparent 0px 9px no-repeat; padding: 7px; padding-left: 38px; }
#hp_right .section_body_canv { padding-bottom: 10px; margin: 0px 3px 10px 3px;  width: 405px; border-bottom: 1px dashed #ccc; }
#hp_right .section_body small { color: #999; }
#hp_right .description { color: #444; font-size: 10px; padding-left: 10px; }

form#tform { padding: 10px; }
form#tform input { width: 300px; }
form#tform input.date { width: 100px; color: #888; }
form#tform input.submit { width: auto; }

form#gform { padding-top: 10px; }
form#gform input { width: 200px; }
form#gform input.date { width: 100px; color: #888; }
form#gform input.submit { width: auto; }

.gallery_title { font-size: 10pt; color: #ffffff; font-weight: bold; }
.gallery_title { text-decoration: underline; }
.gallery_date { font-family: 'Arial Narrow', Arial, sans-serif; color: #bbbbbb; font-size: 11px; }
.gallery_info { font-family: 'Arial Narrow', Arial, sans-serif; color: #404040; font-size: 11px; padding: 5px; border: 1px solid #404040; background-color: #ffffe1; margin-top: 20px; }


tr.htabrow {  }
tr.htabrow td { background-color: #d3dfe9; border-top: 4px solid #0e2a59;  border-bottom: 1px solid #0e2a59 }
tr.btabrow {  }
tr.btabrow td { border: 1px solid #adafc3; border-width: 0px 1px 1px 0px; }
div.button { background-color: #d3dfe9; border-top: 4px solid #0e2a59;  border-bottom: 1px solid #0e2a59; padding: 4px; margin-top: 20px; width: 90px; }

#footer_login_box { color: #ffffff; }
#footer_login_box input { background-color: transparent; color: #ffffff; border-width: 0px; }

#myfoot { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
  background: url(../graph/footer-background.jpg) transparent left top no-repeat; 
  width: 766px; 
  height: 88px; 
  color: #536482;
  font-size: 10px;
  border: 1px solid #04386a; border-width: 0px 1px 0px 1px;
}

#myfoot a, #myfoot a:hover {
  color: #ffffff;
}

.hide{
	position:absolute;
	top:-20000px;
	overflow:hidden;
	zoom:1;
}
.parent{
}
.open{
}
.parent a, .open a{
	display:block;
}