body,h1,h3,#menu,#intro_left p {
	margin:0
}

body {
	padding:0;
	background:#fff url(images/bg.gif) repeat-x;
	font:normal .7em Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
	line-height:1.6em;
	color:#333
}

a,.blue {
	color:#546f92
}

a,a:hover,.blue,#intro_left a {
	background:white
}

a:hover,#menu,#menu li a {
	color:#808080
}

h1,#intro_right .white {
	background:transparent
}

h1 {
	font:bold 2em "Trebuchet MS",Helvetica,Sans-Serif
}

h1,#intro_left a,#menu_left li a:hover {
	color:#fff
}

h2 {
	font:bold 1.4em "Trebuchet MS",Helvetica,Sans-Serif
}

h3,.special,#footer {
	clear:both
}

h3 {
	font-size:1.1em;
	background:#fff url(images/h3bg.gif) no-repeat center left;
	padding:0 14px
}

h3,#logo h1,#menu li a:hover {
	color:#000
}

.image,#logo,#intro_left,#menu_left,#left,.leftcol {
	float:left
}

.image,#intro_right {
	border:2px solid #e2e2e2
}

.image {
	padding:3px;
	margin:0 15px 10px 0
}

#contenent {
   float: left;
	width:900px;
}

#contenent1 {
   float: left;
	width:350px;
	height:200px;
	margin: 50px auto auto 150px;
}

#main {
	
	width:900px;
	margin:25px auto 0 auto
}


#logo {
	padding:10px 0 10px 10px
}

#logo h1 {
	background:#fff
}

#menu,#intro_right,#right,.rightcol {
	float:right
}

#menu {
	background:#fff url(images/barul.gif) no-repeat bottom right;
	padding:18px 1px 11px 0
}

#menu li,#menu li.active {
	padding:14px 18px 14px 18px
}

#menu li,.special {
	color:#444
}

#menu li {
	background:White url(images/bar.gif) no-repeat bottom left;
	display:inline
}

#menu li.active {
	background:#fff url(images/baractive.gif) no-repeat bottom left;
	color:#8d9caf;
	margin:0 1px 0 0
}

#menu li.active,#menu_left li a {
	font-weight:bold
}

#menu li a,#menu li a:hover {
	background:#f8f8f8
}

#menu li a,#menu_left li a {
	text-decoration:none
}

.key {
	text-decoration:underline
}

#intro_left {
	clear:left;
	background:#8d9caf url(images/leftintrobg.gif) repeat-x;
	color:#e5eaf2
}

#intro_left,#left {
	width:250px
}

#intro_left,#menu_left li a {
	margin:0 0 1px 0
}

#intro_left p {
	padding:14px 15px
}

#menu_left,#intro_right {
	margin:0 0 6px 0
}

#menu_left {
	padding:0 0 1px 0;
	border-bottom:2px solid #e2e2e2
}

#menu_left li {
	list-style:none
}

#menu_left li a {
	display:block;
	color:#3f5b7f;
	background:#c2cede url(images/arrow.gif) no-repeat center left;
	width:204px;
	padding:7px 23px 7px 23px
}

#menu_left li a:hover {
	background:#9eb1c9 url(images/arrow.gif) no-repeat center left
}

#intro_right {
	width:340px;
	padding:25px 280px 0 20px;
	background:#bcceda url(images/intro.jpg) no-repeat;
	color:#547592;
	height:174px
}

#intro_right h1,.special {
	margin:0 0 20px 0
}

#intro_right .white {
	color:#FFF
}

.box {
	padding:4px 15px
}

.box,.special {
	border:1px solid #ccc
}

.box,.leftcol,.rightcol {
	margin:0 0 10px 0
}

.note {
	padding:15px 15px 20px 100px;
	border:1px solid #cfcb66;
	margin:0 0 5px 0;
	background:#ffffad url(images/package.gif) no-repeat;
	color:#585616
}

#right {
	width:643px
}

.leftcol {
	padding:12px 15px;
	text-align:justify
}

.leftcol,.rightcol {
	width:285px;
	border:#ccc 1px solid
}

.rightcol {
	padding:10px 15px
}

.special {
	padding:5px 20px;
	background:#eee
}

#footer {
	padding:5px;
	border-top:1px solid #ccc
}