@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, b, i {
font-family:inherit;
font-size:100%;
font-style:inherit;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}

html { height:100%}

body { height:100%; background-color:#9199AE; font-family:"Arial", sans-serif; font-size:11px; text-align:left;}
b{font-weight:bold}
a { border:0 none; color:#ff0000; text-decoration:none;}
a:hover, a span:hover, a font strong:hover { text-decoration:underline;}

input { font-family:"Arial", Helvetica, sans-serif;}
select { font-family:"Arial", Helvetica, sans-serif;}
textarea {  font-family:"Arial", Helvetica, sans-serif; font-size:12px; width:270px;}
p em { font-style:italic;}

.clear { clear:left;}

h1 { font-size:18px; color:#F00; font-weight:bold; margin-bottom:6px;}
h2 { font-size:12px; color:#f7f5f2; font-weight:bold; margin-bottom:10px;}
h2 a { font-size:12px; color:#f7f5f2; font-weight:bold; margin-bottom:10px; text-decoration:none;}
h2 a:hover { font-size:12px; color:#282828; font-weight:bold; margin-bottom:10px; text-decoration:none;}
h3 { font-size:14px; color:#F00; font-weight:bold; margin-bottom:6px;}
h4 { font-size:14px; color:#fff; font-weight:bold; margin-bottom:6px;text-align:center;}

p { color:#f7f5f2; line-height:17px; margin-bottom:15px;}
p a { text-decoration:none; color:#F00; font-weight:bold;}
p a:hover { text-decoration:underline;}
/* header */

#bannerbg { width:100%; height:120px; background-image:url(../img/banner-bg.jpg); background-repeat:repeat-x; margin:0 auto;}
#banner{width:1120px}
#banner #banner-right{float:right;width:700px}
#banner p {font-family:Verdana, Geneva, sans-serif; font-size:25px; font-style:italic; font-weight:lighter; color:#ffffff; line-height:30px  /*padding:70px 0px 0px 700px; width:423px;height:23px;*/}
#banner p {display:block;float:right;text-align:right;width:700px;margin:45px 0px 0px 0px}
#banner #language {float:right;margin:5px 0 0 0px; color:#fff}/*margin:5px 0 0 495px;*/
#banner #language a{color:#ccc;text-decoration:none;}
#banner #language a:hover {color:#fff;text-decoration:underline;}
#banner #language a.selected{color:#fff;text-decoration:none;}
/*
#banner #slogan{white-space:nowrap;left:0px;position:absolute;line-height:30px}
*/
#banner a { border:0px none;}
#banner img { border:0px none;}
#logo { margin:0px 0px 0px 166px; width:239px; float:left;}

#page_sitemap #visit-tip{display:none}
#visit-tip {color:#FFFFFF;/*margin-left:160px;margin-top:95px;*/margin-left:396px;margin-top:322px; position:absolute;}
*+ html #visit-tip {margin-top:-10px;} 

#visit-tip, #visit-tip a{font-size:11px;line-height:110%;}
/* main */

/* shadow */
#shadow { width:790px; height:auto; margin:10px 0px 0px 162px; background:url(../img/shadow.png) 771px repeat-y; z-index:2; float:left;}

/* flash */
#flash_area { width:765px; height:176px; margin-left:auto; margin-right:auto; padding:6px 0;}
#flash_area object { width:764px; height:176px;}
#flash_area embed { width:764px; height:176px;}

/* left */
#left { width:208px; height:auto; background:#f7f5f2; margin:0px 0px 6px 6px; float:left;}
#content { width:777px; height:auto; margin:0px 10px 0px 0px; background-color:#FFF;}
#account_name span { font-weight:bold;}
.top_ul { list-style-type:none; padding:10px 0px 10px 10px; width:185px;}
.top_ul li { line-height:20px; border-bottom:1px #666 dashed;}
.top_ul a { text-decoration:none; color:#333; padding:5px 0px 5px 18px; display:block; background:url(../img/star.png) left 8px no-repeat; font-size:11px;}
.top_ul a:hover { text-decoration:none; color:#333; padding:5px 0px 5px 18px; display:block; background-color:#efe9e0;}
.sub_ul { list-style-type:none; padding:0px 0px 0px 20px; width:165px;}
.sub_ul li { line-height:20px; border-bottom:1px #666 dashed;}
.sub_ul li.no_dash{line-height:20px; border:none;}
.left_menu_visited { text-decoration:none; color:#333; padding:5px 0px 5px 18px; display:block; background:url(../img/star.png) left 8px no-repeat; font-weight:bold;}

.left_content { margin:10px 0px 0px 10px; padding-bottom:10px;}
.left_content form { width:195px; margin:0px 0px 5px 0px;}
.left_content form label { line-height:20px;}
.left_content form input { margin:0; padding:1px; vertical-align:middle;}
.left_content a { display:block; text-decoration:none; color:#333; width:158px;}
.left_content a:hover { display:block; text-decoration:none; color:#F00; width:158px;}
.left_content img { width:158px; border:3px solid #282828;}
.login_input { width:157px;}

.apply a { background:#282828; color:#F7F5F2; font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight:bold; padding:0px 5px;/*padding-left:5px;*/text-align:center;}
.apply a:hover { background:#F00; color:#F7F5F2; font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight:bold; padding-left:5px;}

.apply a.highlight{ background:#F00}
/*
#left .news a{color:#000; font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight:bold; padding:0 5px 0 35px; background:url(../img/news.gif) left top no-repeat;}
#left .news a:hover{color:red}

#left .news a{color:#000; font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight:bold; line-height:31px }
#left .news a:hover{color:red}
#left .news img{border:0px;float:left;height:31px;width:35px;margin-right:5px;vertical-align:middle;}
*/
.title { margin:0px 0px 0px 0px; font-size:12px; font-weight:bold; list-style:none;}
.submit { border:none; background-color:#282828; color:#FFF; font-family:Tahoma, Arial, sans-serif; font-weight:bold; cursor:pointer;}
.submit:hover { border:none; background-color:#F00; color:#FFF; font-family:Tahoma, Arial, sans-serif; font-weight:bold; cursor:pointer;}
.submit2 { border:none; background-color:#f7f5f2; color:#282828; font-family:Tahoma, Arial, sans-serif; font-weight:bold; cursor:pointer; margin-left:268px;}
.submit2:hover { border:none; background-color:#F00; color:#FFF; font-family:Tahoma, Arial, sans-serif; font-weight:bold; cursor:pointer; margin-left:268px;}
.submit3 { border:none; background-color:#f7f5f2; color:#282828; font-family:Tahoma, Arial, sans-serif; font-weight:bold; cursor:pointer;}
.submit3:hover { border:none; background-color:#F00; color:#FFF; font-family:Tahoma, Arial, sans-serif; font-weight:bold; cursor:pointer;}

/* right */
#right { background-color:#282828; width:550px; height:auto; margin:0px 0px 6px 6px; padding:10px 0px 0px 0px; float:left;}
.right_link { color:#F00; text-decoration:none;}
.right_link:link { color:#F00; text-decoration:none; font-weight:bold;}
.right_link:visited { color:#F00; text-decoration:none; font-weight:bold;}
.right_link:hover { color:#F00; text-decoration:underline; font-weight:bold;}
.right_link:active { color:#F00; text-decoration:none; font-weight:bold;}

#right_content { margin:20px 15px 10px 15px; font-size:12px; color:#F7F5F2;}
#right img { border:2px solid #FFF; margin-bottom:15px;}
#right_content ol { list-style-position:inside; font-size:14px; color:#F7F5F2; margin-bottom:15px;}
#right_content form {margin-bottom:15px;}
#right_content ul { margin-bottom:15px;}
#right_content li { list-style:none;}
#right_content li a { text-decoration:none; color:#FFF; font-weight:bold; line-height:20px;}
#right_content li a:hover { text-decoration:none; color:#F00; font-weight:bold; line-height:20px;}
#register { border-collapse:collapse; width:100%; /*margin-bottom:35px;*/margin-top:20px;color:#CCC;}
#register td { padding-bottom:10px;}


/* account */
#form_step { margin:20px 0px;}
#form_step div { float:left; margin-right:20px; margin-top:10px;}

.step_1,.step_2,.step_3,.step_4,.step_5,.step_6{font-size:12px; font-weight:bold; color:#CCC; padding:10px 0px 10px 30px; text-decoration:none;}
.step_1:hover,.step_2:hover,.step_3:hover,.step_4:hover,.step_5:hover,.step_6:hover { background-position:0px -55px; text-decoration:underline;}
.step_1_disable,.step_2_disable,.step_3_disable,.step_4_disable,.step_5_disable,.step_6_disable{font-size:12px; font-weight:bold; color:#666; padding:10px 0px 10px 30px;}
.step_1 { background:url(../img/step1.png) no-repeat 0 5px;}
.step_1_disable { background:url(../img/step1_disable.jpg) left no-repeat;}
.step_2 { background:url(../img/step2.png) no-repeat 0 5px;}
.step_2_disable { background:url(../img/step2_disable.jpg) left no-repeat;}
.step_3 { background:url(../img/step3.png) no-repeat 0 5px;}
.step_3_disable { background:url(../img/step3_disable.jpg) left no-repeat;}
.step_4 { background:url(../img/step4.png) no-repeat 0 5px;}
.step_4_disable { background:url(../img/step4_disable.jpg) left no-repeat;}
.step_5 { background:url(../img/step5.png) no-repeat 0 5px;}
.step_5_disable { background:url(../img/step5_disable.jpg) left no-repeat;}
.step_6 { background:url(../img/step6.png) no-repeat 0 5px;}
.step_6_disable { background:url(../img/step6_disable.jpg) left no-repeat;}
.step_visited { background:url(../img/step-visited.jpg) left no-repeat; font-size:12px; font-weight:bold; color:#CCC; padding:10px 0px 10px 30px; text-decoration:none;}


#account_name { font-size:14px;}
.account_info { border-collapse:collapse; margin-bottom:10px;}
.account_info td { padding:0px 10px 10px 0px; vertical-align:middle;}
.right_link { height:30px;}
.edit { background-color:#F7F5F2; font-family:Tahoma, Arial, sans-serif; font-weight:bold; color:#282828; padding:2px 10px; margin-bottom:20px; text-decoration:none;}
.edit:hover { background-color:#F00; font-family:Tahoma, Arial, sans-serif; font-weight:bold; color:#F7F5F2; padding:2px 10px; margin-bottom:20px; text-decoration:none;}

.logout { background:url(../img/logout.jpg) no-repeat left 2px; color:#cccccc; margin-left:57px; padding-left:25px; text-decoration:none;}
.logout:hover { background:url(../img/logout.jpg) no-repeat left -31px; color:#ffffff;}

/* form */
.td_input { width:294px;}
.td_input input { width:290px;}
.personal_info { border-collapse:collapse; width:506px; margin-bottom:5px;}
.personal_info td { padding:5px 0px; border-bottom:1px dashed #CCC; vertical-align:middle;}
.personal_info input { margin:5px; font-family:Arial, Helvetica, sans-serif; vertical-align:-3px;}
.personal_info select { margin:5px; max-width:335px;}
.personal_info textarea { margin:5px;}
.adress { width:270px;}
.ditto { font-weight:bold;}
.space { background:#333; height:30px;}

/*register form*/

.reg_td_input { width:204px;}
.reg_td_input input { width:200px;}
.reg_submit2 { border:none; background-color:#f7f5f2; color:#282828; font-family:Tahoma, Arial, sans-serif; font-weight:bold; cursor:pointer;}
.reg_submit2:hover { border:none; background-color:#F00; color:#FFF; font-family:Tahoma, Arial, sans-serif; font-weight:bold; cursor:pointer; }
#reg_ol {font-size:12px;padding:10px 0 10px 10px;margin-top:16px;}
#reg_ol li {line-height:18px;}
#reg_title {font-size:18px; font-weight:bold;text-align:center;}
.reg_error{margin-left:5px;}


/* news */

.center-news{width:360px;float:left}
.newsitem{clear:both;margin-top:15px}
.newsitem-left{float:left}
#right .newsitem-left img{margin-bottom:0px}
.newsitem-right{float:left;margin:0px 0px 0px 10px;width:270px}/*text-align:justify;*/
.newsitem-right a{font-size:12px;color:#ffffff;}
#right_top{ width:360px;position: relative; margin:0px 0px 20px 0px}
#right_top_img, #right_top_desc{width:360px;  left:0px;bottom:0px}
#right_top_img{ position: relative;}
#right_top_img img{width:355px;margin:0px;}
#right_top_desc{ background:url(../img/grey.png); position: absolute;}
#right_top_desc div{margin:5px 10px 10px;}
#right_top_desc div a{color:#ffffff; font-size:13px}
/*news sidebar*/
#sidebar{margin:/*40px*/65px 10px 0px 0px}
#sidebar{width:150px;color:#fff;float:right;font-size:12px;}
#sidebar h4{margin:10px 0px}
#sidebar table#calendar{width:100%;margin:0px 0px 20px 0px}
#sidebar table#calendar caption p{font-weight:bold; font-size:12px;margin:0 0 0 7px;text-align:left;}
#sidebar table#calendar td,#sidebar table#calendar th{text-align: center;}
#sidebar table#calendar a{color: #7cfc00;}
#sidebar table#calendar td#prev{text-align:left}
#sidebar table#calendar td#next{text-align:right}
#sidebar table#calendar td#today{color:#7cfc00;}


#sidebar table#weather{width:100%;margin:0px 0px 20px 0px}
#sidebar table#weather td,#sidebar table#weather th{text-align: left; vertical-align: top; padding:3px}
#sidebar table#weather caption p{font-weight:bold; font-size:12px;margin:0 0 0 4px;text-align:left;}
#sidebar table#weather img,#sidebar table#weather p{margin:0px;border:0px}
#sidebar table#weather .green,#sidebar table#weather .green *{color:#7cfc00;}

/*#archive*/
#sidebar ul{margin:0px;padding:0px}
#sidebar ul li{margin:2px 0px;padding:0px}
#sidebar #archive{margin-left:10px;margin-bottom:20px;}
#sidebar #archive a{color:#fff}
#sidebar #archive .current a {color:#7cfc00}
#sidebar ul{ list-style: none}
#sidebar ul li ul{margin-left:30px;}


/*video*/
.videoitem{}
.videoitem-left{float:left}
.videoitem-right{float:left;margin-left:10px;text-align:justify;width:350px;}

#player{width:500px}
#player img{border:0px}
#player p{color:#333333;font-size:12px}
/*
#player{ position:relative;width:500px}
#player img{border:0px}

#player-controller h1{float:left;line-height:30px;}
#player-controller #close{float:right;width:27px;height:50px;}
#player-content p{color:#333333}
*/

/*sitemap*/
#all{background-color:#282828;margin:6px;padding:10px 0px 10px 0px;}
#sitemap,#sitemap a{color:#fff;font-size:12px;}
#sitemap{margin-left:40px}
#sitemap ul{list-style-position:inside;}
#sitemap ul.top_level{font-weight: bold; line-height:25px; margin-bottom:30px}
#sitemap ul.sub_level{font-weight: normal;line-height:23px;margin-left:40px;}

/* right side img */
#right_img { width:176px; height:470px; position:absolute; left:939px; top:157px; z-index:0;}
#img_shadow { width:176px; height:470px; position:absolute; left:939px; top:157px; background:url(../img/shadow.png) -6px repeat-y;}

/* footer */
#bottom_nav{color:#fff;font-weight:bold; }
#bottom_nav a {color:#fff;font-weight:bold;display:inline;line-height:30px; }

/*
 * ul#bottom_nav{list-style-type:none;color:#fff;font-weight:bold; }
ul#bottom_nav a {color:#fff;font-weight:bold; }
ul#bottom_nav li{display:inline;line-height:30px;margin:0px 38px;}*/



/*datepicker begin*/
.datepicker th,.datepicker td{ vertical-align:middle; text-align:center;}
.datepicker { border-collapse: collapse; border: 2px solid #999; position: absolute; }
.datepicker tr.controls th { height: 22px; font-size: 11px; }
.datepicker select { font-size: 11px; }
.datepicker tr.days th { height: 18px; }
.datepicker tfoot td { height: 18px; text-align: center; text-transform: capitalize; }
.datepicker th, .datepicker tfoot td { background: #eee; font: 10px/18px Verdana, Arial, Helvetica, sans-serif; }
.datepicker th span, .datepicker tfoot td span { font-weight: bold; }
.datepicker tbody td { width: 24px; height: 24px; border: 1px solid #ccc; font: 11px/22px Arial, Helvetica, sans-serif; text-align: center; background: #fff; }
.datepicker tbody td.date { cursor: pointer; }
.datepicker tbody td.date.over { background-color: #99ffff; }
.datepicker tbody td.date.chosen { font-weight: bold; background-color: #ccffcc; }

/*datepicker end*/

#foot { margin-left:161px; width:777px;}
.copyright { margin:0 auto; width:200px;}
.jimmy { margin:0 auto; width:173px;}
.red{color:red}
/**/
#right{margin-bottom:-10000px;padding-bottom:10000px}
#main{overflow:hidden;}



