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

body {
    background:url(../images/layout/bg.jpg) repeat-y;
	background-color:#E6FAFF;
	text-align: center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height:21px;
}

body ul {
	list-style-type: none;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #53626C;
}

.bold{color: #CF9E31; font-weight: bold;}

* { margin: 0; padding: 0; }
*.clear { clear: both; }

a { outline: none; text-decoration: none; color: #CF9E31; }

a:hover { text-decoration:underline}

.list_link{ display:block;  background:url(../images/layout/pnt.jpg) no-repeat left 7px; text-decoration:none; color:#FFFFFF; padding-left:13px; margin-bottom:3px}

.list_link_sub{ display:block; text-decoration:none; color:#00CCFF; padding-left:23px; margin-bottom:3px; margin-left:30px}

.list{ display:block;  background:url(../images/layout/pnt.jpg) no-repeat left 7px; text-decoration:none; color:#FFFFFF; padding-left:13px; margin-bottom:10px}

#wrapper {  text-align: left; width: auto; margin: 0px auto; background:url(../images/layout/bg_top_2.jpg) repeat-x  }


#wrapper2 {  text-align: left; width: 786px; margin: 0px auto; }

#header{width:590px; height:104px; float:left;}

.top_menu_box{width:auto; text-align:right; color:#000000}

.top_img_box{width:161px; float:right; height:163px; background:url(../images/layout/top_img_bg.jpg) no-repeat; margin:0 10px 0 0}

.top_img_box img{margin:17px 0 0 27px}

.top_menu_box a{color:#000000; text-decoration:none}

.top_menu_box a:hover{text-decoration:underline}

.top_name_logo{width:300px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:bold; color:#1B2A3A; line-height:35px}

.time{width:400px; float:right; color:#000000; margin-top:13px; text-align:right}


#footer{ height:50px; background-color:#E6FAFF;  color:#000000; text-align:center; padding-top:30px; background:url(../images/layout/footer_bg.jpg) repeat-x}

.menu { width: 550px; float: left;}

.menu ul { width: 550px; height: 26px; list-style-type: none; }

.menu ul li { float: left; height: 26px; }

.menu ul li a { display: block; height: 26px; font-family:Verdana, Arial, Helvetica, sans-serif font-size: 11px; color: #FFFFFF; text-decoration: none; }

.menu ul li a.menu-home {width: 55px; text-align:center; padding-top:7px; margin-right:4px; color:#ffffff}
.menu ul li a.menu-home.chooose { background:url(../images/btn/home.jpg) no-repeat; color:#1B2A3B; text-decoration:none}

.menu ul li a.menu-profile { width: 58px; text-align:center; padding-top:7px; margin-right:4px; color:#ffffff}
.menu ul li a.menu-profile.chooose_prof { background:url(../images/btn/profile.jpg) no-repeat; color:#1B2A3B; text-decoration:none}

.menu ul li a.menu-images { width: 89px; text-align:center; padding-top:7px; margin-right:4px; color:#ffffff}
.menu ul li a.menu-images.selected_img { background:url(../images/btn/images.jpg) no-repeat; color:#1B2A3B; text-decoration:none}

.menu ul li a.menu-family { width: 83px; text-align:center; padding-top:7px; margin-right:4px; color:#ffffff}
.menu ul li a.menu-family.selected_fam { background:url(../images/btn/books.jpg) no-repeat; color:#1B2A3B; text-decoration:none}

.menu ul li a.menu-books { width: 81px; text-align:center; padding-top:7px; margin-right:4px; color:#ffffff}
.menu ul li a.menu-books.selected_bk { background:url(../images/btn/books.jpg) no-repeat; color:#1B2A3B; text-decoration:none}

.menu ul li a.menu-awards { width: 58px; text-align:center; padding-top:7px; margin-right:4px; color:#ffffff}
.menu ul li a.menu-awards.selected_aw { background:url(../images/btn/profile.jpg) no-repeat; color:#1B2A3B; text-decoration:none}

.menu ul li a.menu-reviews { width: 69px; text-align:center; padding-top:7px; margin-right:4px; color:#ffffff}
.menu ul li a.menu-reviews.selected_ref { background:url(../images/btn/review.jpg) no-repeat; color:#1B2A3B; text-decoration:none}

.menu ul li a:hover{text-decoration:underline}

#main_body{width: 786px; float:left; margin-top:20px}

#container_left {width: 526px; float:left}

.home_books_box{width: 520px; float:left; background: #FFF; height:133px; margin-bottom:10px; padding:3px; margin-bottom:20px}
.home_books_box_2{width: 518px; float:left; background: url(../images/home_book_bg.jpg) repeat-x #FFF; height:131px; border:solid 1px #93B0D0}

#container_left .content{margin-bottom:10px; float:left; width:526px}

#container_left p{padding-bottom:18px}

#container_left h1{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:20px; border-bottom:solid 1px #EFB32F; font-weight:normal; padding-bottom:4px; padding-left:7px; margin-bottom:7px; color:#EFB32F}

#container_right {width: 246px; float:right}

#container_right .content{margin-bottom:15px; float:left; width:246px; }

#container_right .content_im{margin-bottom:15px; float:left; width:246px; background:url(../images/layout/box_img_bg.jpg) no-repeat}

#container_right h1{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:22px; border-bottom:solid 1px #EFB32F; font-weight:normal; padding-bottom:4px; padding-left:7px; margin-bottom:7px; color:#EFB32F}

#container_right .content_im img{padding:4px 0 10px 4px}

#container_left .col1{margin-bottom:15px; float:left; width:246px; background:url(../images/layout/box_img_bg.jpg) no-repeat}

#container_left .col1 img{padding:4px 0 10px 4px}

#container_left .col2{margin-bottom:15px; float:right; width:246px; background:url(../images/layout/box_img_bg.jpg) no-repeat}

#container_left .col2 img{padding:4px 0 10px 4px}

.tab_box{display:block; padding:5px 5px 0 0;}
.tab_wrap{background:url(../images/layout/tab_cont.jpg) no-repeat; display:block; padding-left:8px; margin-bottom:5px}

.tab_wrap p{padding-top:6px}

.height{line-height:23px}

.do_box{ float:left; width:516px; padding:5px 5px; border-top:dotted 1px #FFFFFF; border-bottom:dotted 1px #FFFFFF; background-color:#2D4866}

.do_box img{margin-right:5px; float:left}

.do_box h3{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:22px; color:#FFFFFF; margin-bottom:5px; font-weight:normal}

.do_box2{ float:left; width:516px; padding:5px 5px;  }

.do_box2 img{margin-right:5px; float:left}

.do_box2 h3{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:22px; color:#FFFFFF; margin-bottom:5px; font-weight:normal}

.content h2{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:22px; color:#00CCFF; margin-bottom:5px; font-weight:normal; margin-left:10px; padding-bottom:5px; display:block; float:left; width:500px}

.paginate{float:left; width:516px; }

.paginate a{padding:3px 5px; background-color:#CF9E31; color:#000000; margin-left:2px}

.paginate a:hover{background-color:#FFFFFF}

.paginate a.select{background-color:#FFFFFF}

.content_img{float:left; width:516px; padding-left:10px }

.content_img img{ width:133px; height:153px; float:left; padding:3px; border:solid 1px white; margin:0 30px 30px 0}

.content_book_wrap{float:left; margin:0 5px 10px 5px; text-align:center; height:232px; width:160px }

.content_book_wrap img{ width:115px; height:166px; padding:3px; border:solid 1px white; margin:0 0 10px 0}

.content_paint_wrap{float:left; margin:0 9px 11px 9px; text-align:center; height:220px; width:240px }

.content_paint_wrap img{ width:232px; height:178px; padding:3px; border:solid 1px white; margin:0 0 2px 0}


.mag_left{margin-left:8px}

.u_img{float:left; margin:0 5px 0 0; padding:2px; border:solid 1px white}


.content_q{float:left; width:443px; padding:0 10px 0 73px; height:70px; background:url(../images/layout/question.gif) no-repeat 3px top; margin-bottom:8px}

.content_a{float:left; width:443px; padding:0 10px 0 73px; height:70px; background:url(../images/layout/answer.gif) no-repeat 3px top; margin-bottom:15px; border-bottom:dotted 1px white}

.content_a_insert{float:left; width:443px; padding:0 10px 5px 73px;  background:url(../images/layout/answer.gif) no-repeat 3px top; margin:20px 0; border-bottom:dotted 1px white}

.form{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}




/* IMAGE SWITCHER STYLES */
	


#gallery-album {
	display:block;
	position:relative;
	width:300px; height:257px;
	overflow:hidden;	 
}

#gallery-album img	{ position:absolute; top:0; display:none; border:0; }


 

#container_left .col{padding:3px; margin-bottom:20px; float:left; width: 520px; background:url(../images/layout/box_img_bg2.jpg) no-repeat}
#container_left .col img{padding:4px 0 10px 4px;}



/* MODAL BOX */

#blue_room_box{
	width:620px;
	height:500px;
	background-color:#03244D;
	display:none;
}


#basic-modal-content{
	width:470px;
	height:514px;
	display:none;
	position:relative
}