@charset "utf-8";

/*
	Site Name: 
	Description:layout
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: CONTAINER
	2: HEADER (LOGO, SEARCH FORM, LINK, GLOBAL NAVI)
	3: MAIN CONTENTS (MAIN, SIDE , LOGIN FRAME)
	4: FOOTER (LINK, COPYRIGHT)
    5: WRAPPER
    6:BANNER

==========================================================
*/

/*
===== 1: CONTAINER ==========================================
*/
div#container {
	width:990px;
	margin:0 auto;
	background-color:#fff;
	text-align:left;
	position:relative;    z-index:1;
}

/*
===== 2: HEADER ==========================================
*/
div#header{
    height:95px;
    position:relative;
    border-top:2px solid #114E9F;
    border-bottom:1px solid #114E9F;
    margin-bottom:3px;
    z-index:22;
}




/*
===== 3: MAIN CONTENTS ====================================
*/
div#contents{
    /* wrapper */
	padding:0;
    width:820px;
    position:relative;
    float:left;
}

#main{
width:610px;
float:right; 
overflow:hidden;

}

#main h1{
	margin:0;
}
#main h4{
	color:#333;
	padding:0;
}
#side{
    width:190px;
    float:left;
    overflow:hidden;

}



/*
===== 4: FOOTER ==========================================
*/
div#footer{
    clear:both;
    position:relative;
    padding:8px 0px 15px;
    border-top:2px solid #114E9F;
    margin-bottom:20px;
    height:1%;
}


/*
===== 5: WRAPPER ==========================================
*/
div#wrapper{
    width:990px;
    position:relative;
    z-index:1;
}

/*
===== 6: BANNER ==========================================
*/



#misc #container{
    width:820px;
    margin:0 20px;
}
#misc #header{
    height:70px;
}
#misc #header #header-logo{
	height:70px;
}
#misc #header #header-logo a{
    margin:0;
}

#misc #header h1{
    position:absolute;
    font-size:150%;
    left:200px;top:30px;
    color:#2166AC;
}
#misc #header {
    border-bottom:2px solid #114E9F;
}

#toTop{
     position:absolute;
    font-size:150%;
    left:200px;top:10px;
}



#main h1{
    padding:0;
    border-bottom:1px solid #114E9F;
    color:#114E9F;
    font-size:150%;
    margin-bottom:10px;
    margin-top:15px;text-indent:0;
}


#side_menu h4{
    margin:10px 0 0;
    padding:0;
}


#side_menu {
    margin-bottom:10px;
    overflow:hidden;
}


#side-category-list .toggle{
    position:relative;
    overflow:hidden;
}


#side_menu a{
    display:block;
    border-bottom:1px solid #ccc;
    width:100%;
    background-image:url(/img/shared/marker/marker-close.gif);
    background-repeat:no-repeat;
    background-position:8px 10px;

    height:2.0em;
    color:#333;
    text-decoration:none;
    line-height:2.0em;
}

#side_menu  span{
    display:block;
    padding-left:18px;
}

#side_menu  ul ul span{
    text-decoration:underline;
    padding-left:23px;
}
#side_menu a:hover{
    background-color:#fff1c9;

    border-bottom:1px solid #f67803;
}

#side_menu .noSubCategory a:hover{
    background-image:url(/img/shared/marker/marker-close.gif);
    background-repeat:no-repeat;
    background-position:8px 10px;
}

#side_menu .noSubCategory {
    display:inline;
    
}

#side_menu ul ul {
    display:block;
}

#side_menu li{
    margin:0;padding:0;
}

#side_menu ul ul li{
    display:inline;
}

#side_menu ul ul  a{
    display:block;
    background-color:#fff;
    background-image:url(/img/shared/marker/marker-arrow.gif);
    background-repeat:no-repeat;
    background-position:15px 9px;
    text-decoration:underline;
    color:#33c;
    text-decoration:none;
}

#side_menu ul ul  a:hover{
    background-color:#fff1c9;

}

#side_menu .last {

}
#side_menu ul .selected a{

}

#side_menu ul .open a{
    background-image:url(/img/shared/marker/marker-open.gif);
}
#side_menu ul .open ul a{
    background-image:url(/img/shared/marker/marker-arrow.gif);
}

#side_menu ul .selected  ul a{
    background-image:url(/img/shared/marker/marker-arrow.gif);
}
#side_menu ul .selected a{
    background-color:#EBF3FC;
}