body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	min-width: 600px;
	font: 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
}


h3
{
	font-size: 130%;
	font-weight: bold;
}


#container {
	position: relative;
	margin:0 auto;
	width:600px;
}


ul {
	list-style-image:url(../images/ul.gif);
	padding-left: 15px;
	margin-left: 0px;
}



#wrap{
}





a:link,a:visited,a:active{
	text-decoration:none;
	border-bottom: #900 1px dotted;
	color:#900;
}


a:hover{
	color:#fcd;
	border-color:#600;
}


#head{
	width: 600px;
	height:130px;
}


#logo{
	color: #FF0000;
	background: url('../Images/HP_Logo.png') bottom left no-repeat;	
	width: 400px;
	height: 120px;
	float: left;
}


#main{
	width:600px;
	height:500px;
	padding: 0 0px 0 1px;
	overflow:hidden;
	position: relative;
}

#content{
	margin: 0 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	overflow:hidden;
	width: 376px;
	float: left;
	height: 277px;
	background: url('../Images/hp_marque_001.gif') center bottom no-repeat;
}



#content h2{
	color:#888;
	margin:20px 0 0 0;
	line-height:20px;
	font-size: 16px;
	background: url('../images/red2_bullet.gif') left no-repeat;
	padding: 0px 0 0 15px;
}

#footer{
	position: absolute;
	background: url('../images/hp_copy.gif') top no-repeat;
	left: -5px;
	top: 120px;
	height: 255px;
	width: 15px;
}

#newsbox{
	position: relative;
	color: black;
	display: block;
	width:150px;
	cursor:pointer;
	overflow:hidden;
	height: 185px;
}

#newscontent{
	position: relative;
	padding: 4px;
	padding-top: 15px;
	padding-bottom: 1px;
	width:150px;
	display: block	!important;
}

.framet {background: url('../images/t.gif') 0 0 repeat-x; width: 100%;}
.frameb {background: url('../images/dot.gif') 0 100% repeat-x;}
.framel {background: url('../images/dot.gif') 0 0 repeat-y;}
.framer {background: url('../images/dot.gif') 100% 0 repeat-y;}
.framebl {background: url('../images/bl.gif') 0 100% no-repeat;}
.framebr {background: url('../images/br.gif') 100% 100% no-repeat;}
.frametl {background: url('../images/tl.gif') 0 0 no-repeat;}
.frametr {background: url('../images/tr.gif') 100% 0 no-repeat; padding: 0;} 

#sidecontent {
position: absolute;
top: 310px;
left:300px;
height: 200px;
}

/**************** menu coding *****************/
#menuh-container {
position: absolute;
top: 185px;
left:315px;
height: 200px;
}

#nav {
width: 9em;
z-index: 500;
}

#nav ul {
list-style-image:url(../images/hp_nav_bullet.gif);
margin: 0;
padding: 0;
padding-right: 10px;
z-index: 100;
}

#nav a {
color: #222;
font: bold 13px/14px arial, helvetica, sans-serif;
display: block;
border: none;
margin: 0;
padding: 2px 3px;
}

#nav a:hover {
color: #a00;
background: #fff;
}

#nav li {
position: relative;
}

#nav ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#nav ul ul,
div#nav ul li:hover ul ul,
div#nav ul ul li:hover ul ul
{display: none;}

div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul
{
display: block;
}

<!--[if IE]>
	#nav ul li {float: left; width: 100%;}
<![endif]-->

<!--[if lt IE 7]>

	#nav a {font: bold 0.7em/1.4em arial, helvetica, sans-serif;} 

	#nav ul li a {height: 1%;} 

<![endif]-->