@charset "utf-8";

/*
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
*/

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, caption, tfoot, thead{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}


/*      .......................................
        . main
		.......................................
*/


img {
	border: none;
}
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}

body { font-family: Helvetica,Verdana,Arial,"MS Trebuchet",sans-serif;  font-size: 11px; line-height: 1.3em; color: #333; background:#F1FBFD url(../images/bg/bg-body.jpg) repeat-x center top; position:relative; }

#main { width: 955px; margin: 0 auto; overflow:hidden; background:#FFF; margin-top:5px; position:relative; }
#banner { background: url(../images/bg/bg-banner.gif) top no-repeat; width:955px; height: 97px; text-align:center; padding-top:10px;  }
#header { background:url(../images/bg/bg-header.jpg) no-repeat; width:328px; height: 148px; margin: 0 auto; position:relative; padding: 16px 0 0 609px;}
#header h1 a { display:block; position:absolute; top:20px; left:27px; width:299px; height:71px; text-decoration:none; }
#header h1 span { visibility:hidden; }
#header ul { display:inline; float:right; margin-right:12px;  }
#header ul li { float:left; list-style:none; font-weight:bold; }
#header ul li a {color:#333; text-decoration:none;  }
#header p { text-align:right; font-weight:bold; padding-right:17px; line-height:22px; float:right; clear:right; width:310px; }
#header p  a { color:#663399; text-decoration:none; }
#header p.hi { font-size:10px; font-weight:normal; }
#header p.hi a { color:#c0202d; text-decoration:underline;  }
#header p.hi a:hover { text-decoration:none; }
#link { display:block; width:937px; margin: 0 auto; margin-bottom:-7px; padding-top:7px; overflow: hidden; } 
#link .title {  float:left; color:#c0202d; font-size:14px; font-weight:bold; padding-left:27px; }
#link ul.navcity { display: inline; float:right;   }
#link ul.navcity li { float:left; list-style:none; }
#link ul.navcity li a { color:#333; text-decoration:none; }
#link ul.navcity li a.more { color:#c0202d; text-decoration:underline; }
#link ul.navcity li a:hover { text-decoration:none; }
#search { background:url(../images/bg/bg-search.gif) no-repeat; width:691px; height:56px; margin: 0 auto; padding: 5px 0 0 225px; }
#search span { color:#c0202d; font-size:14px; font-weight:bold; }
#search_word { background: url(../images/bg/bg-input-txt.gif) no-repeat left center; clear:both; width:435px; margin-left:15px; }
#search_word .button { float:right; height:36px; width:46px; border:0; }
#search_word input#input-text { background : none; border:0 none; float:left; font-size:12px; font-weight:normal; margin:11px 0 0 8px; padding:0; width:360px;  font-family: Verdana; color:#333;}

#browse { display:block; height: 200px; width:916px; margin: 10px auto;   }
#browse p { color:#c0202d; font-size:14px; font-weight:bold; padding-left:225px;   }
#browse ul { margin: 10px 0 0 74px; width:916px; }
#browse ul li { list-style:none;  float:left; margin: 0 10px;  }
#browse ul li a { width:178px; height:149px; display:block; text-decoration:none;  text-align:center; padding-top:30px; color:#fff; font-size:18px; font-weight:bold; line-height:16px;    }
#browse ul li a:hover { color:#000; }
#browse ul li a span { font-size:15px; font-weight:normal; }
#browse ul li.category1 a { background:url(../images/category-1.gif) no-repeat;  }
#browse ul li.category1 a:hover { background:url(../images/category-1-hover.gif) no-repeat;  }
#browse ul li.category2 a { background:url(../images/category-2.gif) no-repeat;  }
#browse ul li.category2 a:hover { background:url(../images/category-2-hover.gif) no-repeat;  }
#browse ul li.category3 a { background:url(../images/category-3.gif) no-repeat;  }
#browse ul li.category3 a:hover { background:url(../images/category-3-hover.gif) no-repeat;  }
#browse ul li.category4 a { background:url(../images/category-4.gif) no-repeat;  }
#browse ul li.category4 a:hover { background:url(../images/category-4-hover.gif) no-repeat;  }
#content { display:block; width:916px; margin: 5px auto; }
#content .top { background:url(../images/bg/bg-content-top.gif) no-repeat; width:916px; height:16px; }
#content .inner { background:url(../images/bg/bg-inner.gif) repeat; width:916px; height:415px;  }
#content .inner a { color:#333;  }
#content .inner a:hover { text-decoration:none; }
#content .btm { background:url(../images/bg/bg-content-btm.gif) no-repeat; width:916px; height:15px; clear:both; }

#content .left { float:left; display:inline; margin-left:15px;  }
#content .mostpop { background:#FFF url(../images/bg/bg-mostpop.gif) no-repeat top left; width:395px; height:228px; padding:6px 15px 0 10px; } 
#content .sub-detail-left { padding: 5px 0 0 12px; float:left; width:205px; clear:both; }
#content .sub-detail-right { padding: 5px 0 0 0px; float:right;  }
#content .mostpop h3 { color:#c0202d; font-size:11px; font-weight:bold; }
#content .mostpop ul { margin-bottom:10px; }
#content .mostpop ul li { list-style:none; }
#content .mostpop h2 { background:url(../images/h2-mostpop.gif) no-repeat; width:236px; height:30px; }
#content .school h2 { background:url(../images/h2-school.gif) no-repeat; width:240px; height:15px; font-size:1px; }
#content .know h2 { background:url(../images/h2-know.gif) no-repeat; width:203px; height:30px; }
#content .local h2 { background:url(../images/h2-local.gif) no-repeat; width:172px; height:33px; }
#content .school { background:#FFF url(../images/bg/bg-school.gif) no-repeat bottom left; width:242px; height:126px; margin-top:15px; padding:35px 15px 0px 163px; } 
#content .school p { text-align:right; line-height:15px; padding:10px 10px 0 0; }
#content .know { background:#FFF; width:206px; height:133px; float:left; padding: 4px 7px 0 7px; } 
#content .know p {  padding-top: 8px; font-size:12px; }
#content .know p.detail { margin-bottom:-3px; }
#content .know p.detail a { text-decoration:none; }
#content .know p.detail a:hover { text-decoration:underline; }
#content .know p span  { display:block; margin-top:5px; font-size:11px; float:right;  width: 190px; text-align: right;}
#content .know a.txt_right { margin-left:70px; }
#content .local { background:#FFF url(../images/bg/bg-local.gif) no-repeat top right; width:199px; height:132px; margin-left:15px; float:left; margin-bottom:15px; padding:5px 12px 0 5px; } 
#content .local p.link1 { text-align:center; font-size:12px; margin-top:-5px; }
#content .local p.link1 a { text-decoration:none; padding-top: 8px; display:block; }
#content .local p.link1 a:hover { text-decoration:underline; }
#content .local p.link2 { text-align:left;   }
#content .local p.link2 span  { display:block; margin-top:10px; font-size:11px; float:right; }
#content .local p.link2 a.txt_right { margin-left:64px;  }

#content h2 a { text-decoration:none; display:block; height:30px;  }
#content h2 span { visibility:hidden; }
.girl { clear:both; }

#content .easter { background: #FFF url(../images/bg/bg-easter.gif) left bottom no-repeat; width:410px; height:155px; margin-top:15px; padding:6px 0 0 10px; }
	#content .easter h2 { background:url(../images/h2-easter.gif) no-repeat; width: 233px; height:38px; float:left;  }
	#content .easter .more { float:left; font-size:13px; margin: 2px 0 0 130px;  }
	#content .easter ul { list-style:none; }
	#content .easter ul li { margin-bottom:8px; }
	#content .signup { background:url(../images/bg/bg-kids.jpg) no-repeat; width: 261px; height:247px; clear:both; padding: 11px 165px 0 26px; }
	#content .signup h2 { background:url(../images/h2-signup.gif) no-repeat; width: 210px; height:34px; margin-bottom:5px; margin-left:-14px; }
	#content .signup p { line-height:15px; width:167px; margin-left:-10px; }
	#content .signup a { text-decoration: none; font-weight:bold; position:absolute; float:left; font-size:11px; margin: -38px 0px 0px 0px; padding: 0 0 0 361px; }


#footer { background: url(../images/bg/bg-footer.gif) no-repeat; width:937px; margin: 0 auto; height:200px; padding-top:15px; }
/*#footer ul { width:303px; margin:0 auto; text-align:center;}*/
#footer ul { width:380px; margin:0 auto; text-align:center;}
#footer ul li { float:left; list-style:none; font-size:12px; display:inline; line-height:18px; }
#footer ul li a {color:#333; text-decoration:none;  }
/*#footer ul.line2 { width:175px;  }*/
#footer ul.line2 { width:400px;  }

.img-footer { background:  url(../images/bg/img-footer.png) repeat;  width:100%; height:117px; bottom:0px; position:absolute; }

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=30);
	opacity:0.6;
}
.modalPopup
{
	top:20%; 
    text-align:center;
    padding-top: 5px; 
    border-style:solid; 
    border-width:2px; 
    background-color:White; 
    width:250px;
}



.popup { width: 955px; margin: 0 auto; overflow:hidden; margin-top:-100px; position:relative; }
.popup .modal-popup-top {background : url(../images/modalpopup/frame-top.gif) no-repeat top left transparent; height:25px; width:463px;}
.popup .modal-popup-bottom {background : url(../images/modalpopup/frame-bottom.gif) no-repeat bottom left transparent; height:25px; width:463px;}
.popup .modal-popup-contents
{
	width:421px; border-left: 2px solid #DBDBDB; border-right: 2px solid #DBDBDB; padding:0 19px; background-color:#fff; 
	font-family: Helvetica, Verdana, Arial, "MS Trebuchet", sans-serif;
    font-size: 12px;
    line-height: 1.3em;
    /*COLOR: #676769;*/
    color: #4b4b4b;
}
.popup .modal-popup-contents table td
{
	font-family: Helvetica, Verdana, Arial, "MS Trebuchet", sans-serif;
    font-size: 12px;
    line-height: 1.3em;
    /*COLOR: #676769;*/
    color: #4b4b4b;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=30);
	opacity:0.6;
	/*position:relative; top: -50px; right:220px;*/
	width: 955px; margin: 0 auto; overflow:hidden; margin-top:0px; position:relative;
}
.modalPopup
{
	top:20%; 
    text-align:center;
    padding-top: 5px; 
    border-style:solid; 
    border-width:2px; 
    background-color:White; 
    width:250px; margin: 0 auto; overflow:hidden; margin-top:0px; margin-left: -360px; position:relative;
}