@import url('reset.css');

body { font-size: 12px; padding: 0; margin: 0; background: #EFEFEF; font-family: helvetica, arial, sans-serif; color: #666666; }

p { line-height: 16px; }

a { color: #52A5D8; }
a:hover { color: #B6B776; }

br.clear { clear: both; }

#content { border: 1px solid #CCCCCC; padding: 15px; background: #FFFFFF; }

#top { background: #333; position: relative; clear: both; height: 71px; }

#logo { float: left; padding: 11px 0 0 14px; }

#menu { width: 504px; height: 71px; background: url('images/hu/menu.gif'); position: relative; float: right; }
#menu li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#menu li, #menu a.bgpic { height: 71px; display: block; }

#menu_1 { left: 0px; width: 107px; }
#menu_2 { left: 128px; width: 124px; }
#menu_3 { left: 284px; width: 78px; }
#menu_4 { left: 408px; width: 77px; }

#menu_1 a:hover.bgpic, #menu_1 .on { background: transparent url('images/hu/menu.gif') 0 -71px no-repeat; }
#menu_2 a:hover.bgpic, #menu_2 .on { background: transparent url('images/hu/menu.gif') -128px -71px no-repeat; }
#menu_3 a:hover.bgpic, #menu_3 .on { background: transparent url('images/hu/menu.gif') -284px -71px no-repeat; }
#menu_4 a:hover.bgpic, #menu_4 .on { background: transparent url('images/hu/menu.gif') -408px -71px no-repeat; }

#pic { margin-bottom: 20px; } 
#curriculum_intro { margin-top: 20px; } 
#news_top_pic { margin-bottom: 20px; }

#separator { float: left; width: 1px; height: 340px; margin: 0 17px 0 14px; background: transparent url('images/sep.gif') repeat-y; }
#separator_main { float: left; width: 1px; height: 340px; margin: 217px 17px 0 14px; background: transparent url('images/sep.gif') repeat-y; }

#curriculum_news { float: left; width: 232px; }
#newsitems { width: 232px; height: 290px; overflow: auto; }

#curriculum_intro { float: left; width: 486px; margin-bottom: 15px; }
#curriculum_intro p { margin-bottom: 15px; }

#t_name { margin: 0 6px 20px 0; }

.newsitem { }
.newsitem .date { color: #707132; font-weight: bold; }
.newsitem .time { font-weight: bold;  }
.newsitem p { margin: 10px 0 10px 0; padding-bottom: 10px; background: transparent url('images/sep_news_item.gif') bottom repeat-x;  }

.textseparator, .textseparator2 { width: 230px; height: 1px; margin: 10px 0 10px 0; background: transparent url('images/sep_text.gif') repeat-x; }
.textseparator2 { margin: 2px 0 10px 0; }

.textseparator3 { height: 1px; margin: 10px 0 10px 0; background: transparent url('images/sep2.gif') repeat-x; }

#sub_left { float: left; width: 232px;  }
#sub_right { float: left; width: 486px; margin-bottom: 15px; }
#sub_sep { float: left; width: 1px; height: 340px; margin: 0 17px 0 14px; background: transparent url('images/sep.gif') repeat-y; }

#sub_left ul { line-height: 16px; margin: 0 0 15px 0; }

#sub_left ul a { text-decoration: none; font-weight: bold; color: #666666; }
#sub_left ul a:hover { color: #B6B776; }
#sub_left ul .vip { color: #52A5D8; }

.box a, .boxf1 a, .boxf2 a, .boxg a { display: block; background-color: #52A5D8; color: #FFFFFF; text-align: center; font-weight: bold; text-decoration: none; padding: 5px 6px 6px 6px; margin-bottom: 5px; }
.box a:hover { background-color: #39759C; }
.boxg a { background-color: #CCCCCC; }

.boxf1 a { float: left; background-color: #969762; }
.boxf2 a { float: left; background-color: #B6B776; }
.boxf1 a:hover, .boxf2 a:hover, .boxg a:hover { background-color: #57593A; }


#sub_right h1 { font-size: 26px; color: #666666; margin-bottom: 15px; }
#sub_right h2 { font-size: 20px; color: #B6B776; }
#sub_right h3 { font-size: 12px; font-weight: bold; color: #B6B776; margin: 0 0 10px 0; }
#sub_right p { margin: 10px 0 10px 0; }
#sub_right .gallery { background-color: #EDECEA; padding: 10px; margin-bottom: 15px; }
#sub_right .gitem img { border: 1px solid #CCCCCC; padding: 3px; margin: 0 5px 3px 0; background-color: #FFFFFF; }
#sub_right .gitem { clear: both; color: #999999; line-height: 16px; }

#footermenu { width: 750px; height: 71px; background: url('images/footer_bg.jpg') repeat-x; }
#footermenu li { margin: 0; padding: 0; list-style: none; display: inline; }
#footermenu li.sep { width: 1px; height: 48px; }
#footermenu img { padding: 13px 0 0 18px; }

.subtable td { line-height: 16px; }


#langmenu { width: 128px; height: 18px; background: url('images/lang.gif'); margin: 10px 22px 0 0; padding: 0; position: relative; float: right; }
#langmenu li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#langmenu li, #langmenu a.bgpic { height: 18px; display: block; }

#lmenu_1 { left: 0px; width: 59px; }
#lmenu_2 { left: 68px; width: 60px; }

#lmenu_1 a:hover.bgpic, #lmenu_1 .on { background: transparent url('images/lang.gif') 0 -20px no-repeat; }
#lmenu_2 a:hover.bgpic, #lmenu_2 .on { background: transparent url('images/lang.gif') -68px -20px no-repeat; }

#copy { position: relative; right: 264px; background: url('images/copy.gif') no-repeat; height: 10px; width: 220px; margin: 4px 0 10px 0; }