@import url("../../css/rte.css");				/* general, rich text editing */
@import url("../../css/csc.css");				/* css styled content */
@import url("../../css/common.css");			/* common styles */
@import url("../../news/css/default.css");		/* news */
@import url("../../searchbox/searchbox.css");	/* searchbox */

/* body */
body { margin:6px 4px; text-align:center; }

/* main section */
#main-area-wrapper { width:750px; margin:auto; text-align:left; background-color:#D3D3D3; }

/* top area - logo image, logo text */
#top-area-wrapper { margin:0; background:#0000CD /*url(../images/roundbox_hksnp03/bg.png)*/ left top repeat; border-bottom:4px solid #FFFFFF; }
#logo-image-area { width:250px; vertical-align:middle; padding:14px 4px 14px 18px; background:#0000CD */url(../images/roundbox_hksnp03/lt.png)*/ left top no-repeat; }
#top-right-area { vertical-align:middle; text-align:center; background:#0000CD /*url(../images/roundbox_hksnp03/rt.png)*/ right top no-repeat; }
#top-right-area h1 { font-family:trebuchet ms,arial; font-size:26px; font-weight:normal; font-style:normal; color:#FFFFFF; }

/* top area 2 - searchbox, top main menu */
#top-area-wrapper2 { margin:0; margin-bottom:16px; /*background:url(../images/gradient_bg.png) left bottom repeat-x;*/ }
#searchbox-area-wrapper { width:160px; vertical-align:middle; }
#top-mainmenu-area-wrapper { vertical-align:middle; }

/* main menu area on top */
#top-mainmenu-area { float:right; margin:0; padding:0; /*width:100%;*/ }
#top-mainmenu-area ul { float:right; list-style-type:none; margin:0; padding:0; padding-right:0; }
#top-mainmenu-area ul li { float:left; color:#295BA7; margin:0; margin-left:4px; padding:0; line-height:normal; font-size:11px; font-weight:bold; text-transform:uppercase; }
#top-mainmenu-area ul li.first-menu-item {}
#top-mainmenu-area ul li.last-menu-item {}
#top-mainmenu-area ul li.active-menu-item {}
#top-mainmenu-area ul li a { display:block; width:72px; text-align:center; white-space:nowrap; color:#EAEAEA; text-decoration:none; }
#top-mainmenu-area ul li a:hover { color:white; text-decoration:underline; }
#top-mainmenu-area ul li { background:transparent url(../images/menu_round_down/blue_right.gif) right bottom no-repeat; padding:0; padding-right:6px; }
#top-mainmenu-area ul li span { float:left; background:transparent url(../images/menu_round_down/blue_left.gif) left bottom no-repeat; margin:0; padding:5px 4px 5px 10px; }
#top-mainmenu-area ul li.menu-button-2 { background-image:url(../images/menu_round_down/blue_right.gif); }
#top-mainmenu-area ul li.menu-button-2 span { background-image:url(../images/menu_round_down/blue_left.gif); }
#top-mainmenu-area ul li.menu-button-3 { background-image:url(../images/menu_round_down/blue_right.gif); }
#top-mainmenu-area ul li.menu-button-3 span { background-image:url(../images/menu_round_down/blue_left.gif); }
#top-mainmenu-area ul li.menu-button-4 { background-image:url(../images/menu_round_down/blue_right.gif); }
#top-mainmenu-area ul li.menu-button-4 span { background-image:url(../images/menu_round_down/blue_left.gif); }
#top-mainmenu-area ul li.menu-button-5 { background-image:url(../images/menu_round_down/blue_right.gif); }
#top-mainmenu-area ul li.menu-button-5 span { background-image:url(../images/menu_round_down/blue_left.gif); }

/* middle area; left menu, content*/
#middle-area-wrapper { clear:both; margin:0; margin-bottom:2px; }
/* left area; searchbox, left menu */
#left-area-wrapper { width:160px; vertical-align:top; }
/* level 1 page title as a link */
#levelone-title-area { margin:2px 0; }
#levelone-title-area h4 { background-color:#32448B; color:#FFFFFF; margin:0; padding:6px 2px; font-size:12px; text-transform:uppercase; text-align:center; }
#levelone-title-area h4 a, #levelone-title-area h4 a:hover { color:#FFFFFF; text-decoration:none; }
#levelone-title-area h4 a:hover { color:#FFFFFF; }
/* colored level 1 page title */
#levelone-title-area h4.blue { background-color:#32448B; }
#levelone-title-area h4.yellow { background-color:#32448B; }
#levelone-title-area h4.green { background-color:#32448B; }
#levelone-title-area h4.red { background-color:#32448B; }
#levelone-title-area h4.orange { background-color:#32448B; }
#levelone-title-area h4.blue a, #levelone-title-area h4.green a, #levelone-title-area h4.red a, #levelone-title-area h4.orange a { color:#FFFFFF; text-decoration:none; }
#levelone-title-area h4.blue a:hover, #levelone-title-area h4.green a:hover, #levelone-title-area h4.red a:hover, #levelone-title-area h4.orange a:hover { color:white; text-decoration:none; }

/* left main menu */
#left-mainmenu-area { padding:0; margin:2px 0; margin-bottom:8px; }
/* level 1 */
#left-mainmenu-area ul { list-style-type:none; margin:0; padding:0; }
#left-mainmenu-area ul li { margin:0; margin-bottom:2px; padding:0px; font-weight:bold; }
#left-mainmenu-area ul li.menu-first {}
#left-mainmenu-area ul li.menu-last {}
#left-mainmenu-area ul li a { display:block; background-color:#32448B; color:#FFFFFF; border-left:8px solid #FFFFFF; padding:4px; padding-left:8px; text-decoration:none; }
#left-mainmenu-area ul li a:hover { color:#FFFFFF; border-left:8px solid #FFFFFF; }
#left-mainmenu-area ul li a.menu-active {}
#left-mainmenu-area ul li a.menu-active:hover {}
/* level 2 */
#left-mainmenu-area ul li ul { margin-top:2px; }
#left-mainmenu-area ul li ul li a { padding:2px 4px; padding-left:20px; background-color:transparent; }

/* Fix IE. Hide from IE Mac \*/
* html #left-mainmenu-area ul li a { height:1%; }
* html #left-mainmenu-area ul li ul li a { height:1%; }
/* End */

/* content area */
#content-area-wrapper { vertical-align:top; padding:0; padding-left:12px; padding-bottom:4px; padding-right:12px; }
#content-area {}

/* bottom area */
#bottom-area-wrapper { background:#0000CD url(../images/roundbox_hksnp03/bg.png) left top repeat; border-top:4px solid #FFFFFF; }

/* copyright text area */
#copyright-area { background:#0000CD /*url(../images/roundbox_hksnp03/lb.png)*/ left bottom no-repeat; padding:3px 5px; padding-left:12px; text-align:left; vertical-align:middle; }
#copyright-area h5 { font-weight:normal; color:#FFFFFF; }
#copyright-area h5 a, #copyright-area h5 a:hover { color:#FFFFFF; text-decoration:none; }
#copyright-area h5 a:hover { text-decoration:underline; }

/* bottom menu */
#bottom-mainmenu-area { background:#0000CD /*url(../images/roundbox_hksnp03/rb.png)*/ right bottom no-repeat; padding:3px 5px; padding-right:12px; text-align:right; vertical-align:middle; }
#bottom-mainmenu-area ul { list-style-type:none; margin:0; padding:0; font-size:11px; }
#bottom-mainmenu-area ul li { display:inline; border-left:1px solid #0000CD; margin:0; padding:0 16px; cursor:default; }
#bottom-mainmenu-area ul li.first-menu-item { border-left:none; }
#bottom-mainmenu-area ul li.last-menu-item { padding-right:0; }
#bottom-mainmenu-area ul li a, #bottom-mainmenu-area ul li a:hover { text-decoration:none; color:#FFFFFF; }
#bottom-mainmenu-area ul li a:hover { text-decoration:underline; }