@CHARSET "UTF-8";

*
{
	border:0;
	margin:0;
	padding:0;
	border-spacing:0;
	border-collapse:collapse;
}

body
{
	 font-size:12pt;
}

#site
{
	margin-top:25px;
	/*width:910px;*/
	width:1024px;
	text-align:left;
	padding-left:41px;
	height:700px;
	background: #FFFFFF url(images/layout/hkp---.jpg);
	background-position:left;
	background-repeat: no-repeat;
	/*border:#00FF00 1px solid;*/
}

#content
{
	float:left;
	width:634px;
	height:566px;
	overflow:auto;
     margin-bottom:20px;
     /*border:#FF0000 solid 1px;*/
}


#titlespacer
{
	width:100%;
	height:32px;
	/*background-color:#0000ff;*/
}

/* top menu */
#topmenu
{
	float:left;
	width:634px;
	height:25px;
	font-size:12pt;
	text-align:right;
	/*color:#E31B23;*/
	/*border-bottom:7px solid #E31B23;*/
	border-bottom:7px solid #B80000;
	color:#B80000;
}

#topmenu .menuitem
{
	margin-left:25px;
	font-size:12pt;
}

#topmenu .menuitem a.item
{
	color:#000000;
	text-decoration:none;
	font-size:12pt;
}

#topmenu .menuitem a.item_active, #topmenu .menuitem a:hover
{
	/*color:#cc0000;*/
	color:#B80000;
	text-decoration:underline;
	font-size:12pt;
}

/* side menu */

#menu
{
	float:left;
	width:300px;
	margin-right:46px;
	/*height:610px;*/
	height:600px;
	background-image:url(../images/layout/bar-gray.jpg);
	background-repeat:repeat-y;
	background-position:10px;
	
}
		
#menutitle
{
	
	margin-left:10px;
	font-size:14pt;
	/*color:#E31B23;*/
	color:#B80000;
	background: #FFFFFF url(../images/layout/box-title-menu.jpg) no-repeat;
	background-position: center left;
	padding-left:15px;
	padding-top:1px;
	padding-bottom:1px;
}


ul.menulevel1 {margin-left:35px; list-style-image: url(images/layout/box-red-list.jpg); padding-left:5px;}
li.menulevel1{margin-top:15px; padding-bottom:2px;}
a.menulevel1 {color:#000000; text-decoration:none; font-size:12pt;}
/*a.menulevel1_active {color:#cc0000; text-decoration:none; font-size:12pt;}
a.menulevel1:hover {color:#cc0000; text-decoration:underline; font-size:12pt;}*/
a.menulevel1_active {color:#B80000; text-decoration:none; font-size:12pt;}
a.menulevel1:hover {color:#B80000; text-decoration:underline; font-size:12pt;}

/*ul.menulevel2 { margin-left:20px; list-style:none; list-style-image: url(images/layout/void.gif);}
li.menulevel2{margin-top:15px; padding-bottom:2px;}
a.menulevel2 {color:#000000; text-decoration:none; font-size:12pt;}
a.menulevel2_active {color:#cc0000; text-decoration:none; font-size:12pt;}
a.menulevel2:hover {color:#cc0000; text-decoration:underline; font-size:12pt;}*/
ul.menulevel2 { margin-left:20px; list-style:none; list-style-image: url(images/layout/void.gif);}
li.menulevel2{/*margin-top:10px; padding-bottom:2px;*/}
a.menulevel2 {color:#000000; text-decoration:none; font-size:10pt;}
a.menulevel2_active {color:#B80000; text-decoration:none; font-size:10pt;}
a.menulevel2:hover {color:#B80000; text-decoration:underline; font-size:10pt;}

ul.menulevel3{ margin-left:0;list-style:none; }
li.menulevel3{ }
a.menulevel3 {color:#000000; text-decoration:none; font-size:10pt;}
/*a.menulevel3_active {color:#cc0000; text-decoration:none; font-size:10pt;}
a.menulevel3:hover {color:#cc0000; text-decoration:underline; font-size:10pt;}*/
a.menulevel3_active {color:#B80000; text-decoration:none; font-size:10pt;}
a.menulevel3:hover {color:#B80000; text-decoration:underline; font-size:10pt;}

ul.menuleveln{ margin-left:10px;  list-style:none;}
li.menuleveln{padding-bottom:2px; }
a.menuleveln {color:#000000; text-decoration:none; font-size:10pt;}
/*a.menuleveln_active {color:#cc0000; text-decoration:none; font-size:10pt;}
a.menuleveln:hover {color:#cc0000; text-decoration:underline; font-size:1pt;}*/
a.menuleveln_active {color:#B80000; text-decoration:none; font-size:10pt;}
a.menuleveln:hover {color:#B80000; text-decoration:underline; font-size:1pt;}

.verticalspacer { height:10px; width:10px;}


#logo
{
	float:left;
	width:300px;
	height:50px;
	background-image:url(../images/layout/logo-hkp.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	margin-top:15px;
	margin-left:5px;
	/*border:1px solid;*/
}

.styledlist
{
	list-style-image:url(../images/layout/list-image.jpg);
}

.styledlist li
{
	margin-top:20px;
	margin-bottom:20px;
}

#copyright
{
	/*float:right;*/
	float:left;
	width:634px;
	text-align:right;
	margin-top:35px;
	font-size:7pt;
	/*border:1px solid;*/
}

.clear
{
	float:none;
	clear:both;
	/*margin-bottom:20px;*/
}@CHARSET "UTF-8";

*
{
	border:0;
	margin:0;
	padding:0;
	border-spacing:0;
	border-collapse:collapse;
}

body
{
	 font-size:12pt;
}

#site
{
	margin-top:25px;
	/*width:910px;*/
	width:1024px;
	text-align:left;
	padding-left:41px;
	height:700px;
	background: #FFFFFF url(images/layout/hkp---.jpg);
	background-position:left;
	background-repeat: no-repeat;
	/*border:#00FF00 1px solid;*/
}

#content
{
	float:left;
	width:634px;
	height:566px;
	overflow:auto;
     margin-bottom:20px;
     /*border:#FF0000 solid 1px;*/
}


#titlespacer
{
	width:100%;
	height:32px;
	/*background-color:#0000ff;*/
}

/* top menu */
#topmenu
{
	float:left;
	width:634px;
	height:25px;
	font-size:12pt;
	text-align:right;
	/*color:#E31B23;*/
	/*border-bottom:7px solid #E31B23;*/
	border-bottom:7px solid #B80000;
	color:#B80000;
}

#topmenu .menuitem
{
	margin-left:25px;
	font-size:12pt;
}

#topmenu .menuitem a.item
{
	color:#000000;
	text-decoration:none;
	font-size:12pt;
}

#topmenu .menuitem a.item_active, #topmenu .menuitem a:hover
{
	/*color:#cc0000;*/
	color:#B80000;
	text-decoration:underline;
	font-size:12pt;
}

/* side menu */

#menu
{
	float:left;
	width:300px;
	margin-right:46px;
	/*height:610px;*/
	height:600px;
	background-image:url(../images/layout/bar-gray.jpg);
	background-repeat:repeat-y;
	background-position:10px;
	
}
		
#menutitle
{
	
	margin-left:10px;
	font-size:14pt;
	/*color:#E31B23;*/
	color:#B80000;
	background: #FFFFFF url(../images/layout/box-title-menu.jpg) no-repeat;
	background-position: center left;
	padding-left:15px;
	padding-top:1px;
	padding-bottom:1px;
}


ul.menulevel1 {margin-left:35px; list-style-image: url(images/layout/box-red-list.jpg); padding-left:5px;}
li.menulevel1{margin-top:15px; padding-bottom:2px;}
a.menulevel1 {color:#000000; text-decoration:none; font-size:12pt;}
/*a.menulevel1_active {color:#cc0000; text-decoration:none; font-size:12pt;}
a.menulevel1:hover {color:#cc0000; text-decoration:underline; font-size:12pt;}*/
a.menulevel1_active {color:#B80000; text-decoration:none; font-size:12pt;}
a.menulevel1:hover {color:#B80000; text-decoration:underline; font-size:12pt;}

/*ul.menulevel2 { margin-left:20px; list-style:none; list-style-image: url(images/layout/void.gif);}
li.menulevel2{margin-top:15px; padding-bottom:2px;}
a.menulevel2 {color:#000000; text-decoration:none; font-size:12pt;}
a.menulevel2_active {color:#cc0000; text-decoration:none; font-size:12pt;}
a.menulevel2:hover {color:#cc0000; text-decoration:underline; font-size:12pt;}*/
ul.menulevel2 { margin-left:20px; list-style:none; list-style-image: url(images/layout/void.gif);}
li.menulevel2{/*margin-top:10px; padding-bottom:2px;*/}
a.menulevel2 {color:#000000; text-decoration:none; font-size:10pt;}
a.menulevel2_active {color:#B80000; text-decoration:none; font-size:10pt;}
a.menulevel2:hover {color:#B80000; text-decoration:underline; font-size:10pt;}

ul.menulevel3{ margin-left:0;list-style:none; }
li.menulevel3{ }
a.menulevel3 {color:#000000; text-decoration:none; font-size:10pt;}
/*a.menulevel3_active {color:#cc0000; text-decoration:none; font-size:10pt;}
a.menulevel3:hover {color:#cc0000; text-decoration:underline; font-size:10pt;}*/
a.menulevel3_active {color:#B80000; text-decoration:none; font-size:10pt;}
a.menulevel3:hover {color:#B80000; text-decoration:underline; font-size:10pt;}

ul.menuleveln{ margin-left:10px;  }
li.menuleveln{padding-bottom:2px; }
a.menuleveln {color:#000000; text-decoration:none; font-size:10pt;}
/*a.menuleveln_active {color:#cc0000; text-decoration:none; font-size:10pt;}
a.menuleveln:hover {color:#cc0000; text-decoration:underline; font-size:1pt;}*/
a.menuleveln_active {color:#B80000; text-decoration:none; font-size:10pt;}
a.menuleveln:hover {color:#B80000; text-decoration:underline; font-size:1pt;}

.verticalspacer { height:10px; width:10px;}


#logo
{
	float:left;
	width:300px;
	height:50px;
	background-image:url(../images/layout/logo-hkp.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	margin-top:15px;
	margin-left:5px;
	/*border:1px solid;*/
}

.styledlist
{
	list-style-image:url(../images/layout/list-image.jpg);
}

.styledlist li
{
	margin-top:20px;
	margin-bottom:20px;
}

#copyright
{
	/*float:right;*/
	float:left;
	width:634px;
	text-align:right;
	margin-top:35px;
	font-size:7pt;
	/*border:1px solid;*/
}

.clear
{
	float:none;
	clear:both;
	/*margin-bottom:20px;*/
}