/*  
CSS: OKU
Description: Portal Muzium Negara (www.muziumnegara.gov.my)
Author: Nezam Mustakim (I-INSAN MULTIMEDIA SDN BHD.)
Author URI: http://www.insanmultimedia.com
*/

/* GENERAL
------------------------------------------------*/

body {margin:0; padding:0; background-color:#ffffff; font: 75%/140% Arial, Helvetica, sans-serif;}
.clear {clear:both;}

.info {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height: 100%;}
.title {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;}
.small_title {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#5d5118;}

.float_left {float:left;}
.float_right {float:right;}

.thumb_left {display: block; padding: 9px; margin: 0px 9px 9px 0px;	line-height: 0px; border: 1px solid #e6e6e6; background-color: #f6f6f6;	width:100px; float:left;}
.thumb_right {display: block; padding: 9px;	margin: 0px 9px 9px 0px; line-height: 0px; border: 1px solid #e6e6e6; background-color: #f6f6f6; width:100px; float:right;}

/* HEADER
------------------------------------------------*/

#header_frame { width:auto; height:134px; margin:auto;}
#header_content {width:850px; height:134px; margin:auto; position:relative;}
#logoswf {width:407px; height:134px; z-index:1; position:relative}

#tool {width:430px; height:100%; z-index:3; top:0px; position:absolute; right:0px;}
#accessibility {height:30px; float:right; margin-top:10px;}
#search {height:30px; float:right; margin-top:28px;}

/* MENU
------------------------------------------------*/

#main_menu {height:36px; background-image:url(../images/Basic/menu_bg2.jpg); background-repeat:no-repeat; background-position:left; top:98px; z-index:3; position: absolute; right:0px}

#menu {padding-top:10px; margin-left:15px; margin-right:10px}
#menu ul {margin: 0; padding: 0; list-style-type: none;}
#menu ul li{position: relative; display: inline; float: left; }
#menu ul li a{display: block;  text-decoration: none; background: url(menubg.gif) center center repeat-x; color: #ffffff; padding: 2px 15px; font-family: tahoma; font-size:11px; text-transform:uppercase; height:20px;}

/*Sub level menu*/
#menu ul li ul{left: 0; top: 0; position: absolute; display: block; visibility: hidden; z-index: 100;}

/*Sub level menu list items*/
#menu ul li ul li{display: inline; float: none; }

/* Sub level menu links style */
#menu ul li ul li a{ height:15px; font-weight: normal; padding: 2px 5px; background: #666666; border-width: 0 1px 1px 1px; border: 1px solid #cccccc; border-top-width:0; 
width: 180px; /*width of sub menu levels*/ }

#menu ul li a:hover{ background-color:#ffffff; color:#000000}
#menu ul li ul li a:hover{background: #ffffff;}
#menu .arrowdiv{position: absolute; right: 0; background: transparent url(menuarrow.gif) no-repeat center left;}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;}

/* Holly Hack for IE \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */


/* STRIP MAIN PAGE
------------------------------------------------*/

#strip_frame {height:100%; margin:auto;}
#strip_container {width:900px; height:100%; margin:auto; }
#strip_flash {width:900px; height:260px; margin-top:5px; padding:10px;}
#strip_content {width:903px; margin:auto; }
#strip_left {width:203px; height:100%; float:left; margin:10px}
#strip_center {width:410px; height:100%; float:left;  background-color:#eeeeee; padding:10px }
#strip_right {width:210px; height:100%; float:left; margin:10px;}
.split {width:20px; height:279px; background-image:url(../images/Basic/split_bg.jpg); background-repeat:no-repeat; background-position:top; float:left;}
#banner {padding-bottom:2px;}

#strip_bottomframe {width:100%; height:29px; margin:auto; background-image:url(../images/Basic/index_16.jpg)}
#strip_bottom {width:950px; height:29px; margin:auto; background-image:url(../images/Basic/index_bottomstrip.jpg)}

/* INTRO MAIN PAGE
------------------------------------------------*/

#intro_frame {width:100%; height:100%; margin:auto;}
#intro_container {width:870px; height:100%; margin:auto;}

#intro_left {width:275px; height:100%; float:left; display:inline;}
.intro_album {margin: 0 1px 2px 0; padding: 5px 5px 5px 5px; width: 260px; border: 1px solid #E7F0F5; background: #F7F9FD; line-height: 100%;}
.intro_album .thumb {float: left; margin-right: 6px; text-align:center;}
.imgthumb {width:70px; height:55px; border:0;}

#intro_center {width:310px; height:100%; float:left; display:inline; background-image:url(../images/Basic/item_intro_bg.jpg); background-repeat:no-repeat; background-position:top}
#intro_center .item_img {width:200px; margin-left:50px; margin-top:20px}
#intro_center .bottom {width:310px; height:100%; background-image:url(../images/Basic/item_intro_bg.jpg); background-position:bottom; background-repeat:no-repeat;}
#intro_center .bottom .item_desc {padding:0 20px 20px 20px;}

#intro_right {width:275px; height:100%; float:left; display:inline; padding-left:10px;}

/* CONTENT
------------------------------------------------*/
#content_frame {height:100%; margin:auto;}
#content_container {width:850px; height:100%; margin:auto; margin-top:5px;}
#page_container {width:645px; height:100%; float:left;}
#breadcrumb {width:100%; height:20px; font-family:tahoma; font-size:11px; color:#666666; padding-left:15px;}
#top_page {width:645px; height:66px; background-image:url(../images/Basic/page_top_bg.jpg);}
#top_page .page_title {font-family:Georgia, "Times New Roman", Times, serif; color:#4c4211; font-size:24px; padding: 5px 0 0 15px; font-weight:bold; line-height:normal; float:left}
#top_page .page_title_small {font-family:Georgia, "Times New Roman", Times, serif; color:#4c4211; font-size:18px; padding: 15px 0 0 15px; font-weight:bold; line-height:normal; float:left}
#top_page .page_menu {float:right; padding:18px 5px 0 0; }
#center_page {width:645px; min-height:333px; background-image:url(../images/Basic/page_center_bg.jpg);}
#center_page .content {width:620px; height:100%; padding-left:15px;}
#bottom_page {width:645px; height:38px; background-image:url(../images/Basic/page_bottom_bg.jpg);}

#center_page .content_desc {width:380px; height:100%; float:left;}
#item_related {width:220px; height:100%; background-color:#eee; float:right; padding-top:10px;}
#item_related .item_box {padding-left:20px}
.img {display: block; padding: 5px; margin: 0px 5px 5px 0px; line-height: 0px; border: 1px solid #e6e6e6; background-color: #f6f6f6;}
.img_relate { width:75px; height:75px; display: block; padding: 5px; margin: 0px 5px 5px 0px; line-height: 0px; border: 1px solid #e6e6e6; background-color: #f6f6f6; float:left}

/* LEFT BLOCK
------------------------------------------------*/
#left_block {width:195px; height:10%; float:left; padding-top:50px; margin-right:10px;}
.title_leftnav {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#000; padding-left:15px;}

#navMenu ul {list-style: none; margin: 0; padding: 0;}
#navMenu {width: 194px;}
#navMenu li {display:inline;}

#navMenu li a:link, #navMenu li a:visited {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;text-decoration: none;height: 18px;display: block;background: url(../images/Basic/backMenu.jpg);padding: 0 0 0 20px;margin-top:2px; font-size:11px;color:#907c47}
#navMenu li a:hover {background: url(../images/Basic/backMenu.jpg) 0 -18px;padding: 0 0 0 20px;margin-top:2px; color:#d82d04}
#navMenu ul li.act a:link, #navMenu ul li.act a:visited {background: url(../images/Basic/backMenu.jpg) 0 -18px;padding: 0 0 0 20px;margin-top:2px; color:#000000}

/* subMenu */
#navMenu li li a:link, #navMenu li li a:visited {font-weight: normal;background: url(../images/Basic/backSubMenu.jpg);padding: 0 0 0 30px;}
#navMenu li.act li a:link, #navMenu li.act li a:visited {font-weight: normal;background: url(../images/Basic/backSubMenu.jpg);padding: 0 0 0 30px; color:#907c47}
#navMenu li.act li a:hover {background: url(../images/Basic/backSubMenu.jpg) 0 -18px;padding: 0 0 0 30px; color:#d82d04}
#navMenu li.act li.act a:link, #navMenu li.act li.act a:visited{background: url(../images/Basic/backSubMenu.jpg) 0 -18px;padding: 0 0 0 30px;color:#000000}

/* subSubMenu */
#navMenu li li li a:link, #navMenu li li li a:visited {background: url(../images/Basic/backSubSubMenu.jpg);padding: 0 0 0 40px;}
#navMenu li.act li li a:link, #navMenu li.act li li a:visited {background: url(../images/Basic/backSubSubMenu.jpg);padding: 0 0 0 40px;}
#navMenu li.act li.act li a:link, #navMenu li.act li.act li a:visited {background: url(../images/Basic/backSubSubMenu.jpg);padding: 0 0 0 40px;color:#907c47}
#navMenu li.act li li a:hover {background: url(../images/Basic/backSubSubMenu.jpg) 0 -18px;padding: 0 0 0 40px;color:#d82d04}
#navMenu li.act li.act li a:hover {background: url(../images/Basic/backSubSubMenu.jpg) 0 -18px;padding: 0 0 0 40px; color:#d82d04}
#navMenu li.act li.act li.act a:link, #navMenu li.act li.act li.act a:visited {background: url(../images/Basic/backSubSubMenu.jpg) 0 -18px;padding: 0 0 0 40px; color:#000000}

/* RIGHT BLOCK
------------------------------------------------*/
#right_block {width:195px; height:10%; float:left; padding-top:50px; margin-left:10px;}

/* EXHIBITION/GALLERY
------------------------------------------------*/
#exhibition {margin: 0 12px 8px 0; padding: 10px 8px 2px 10px; width:590px; border: 1px solid #E7F0F5; background: #fef7d1;}
#exhibition .thumb {float: left; margin-right: 6px;text-align:center; width:220px; height:150px} 
#exhibition h3 {padding: 3px;margin: 0; font-family:Georgia, "Times New Roman", Times, serif}

#itemlist_container {width:100px; height:100px; float:left; margin-bottom:20px;}
.img_list { width:75px; height:75px; display: block; padding: 5px; margin: 0px 5px 5px 0px; line-height: 0px; border: 1px solid #e6e6e6; background-color: #f6f6f6;}

/* COLLECTION
------------------------------------------------*/
#collection {margin: 0 12px 8px 0; padding: 10px 8px 2px 10px; width:590px; border: 1px solid #E7F0F5; background: #fef7d1;}
#collection .thumb {float: left; margin-right: 6px;text-align:center; width:170px; height:100px;} 
#collection h3 {padding: 3px;margin: 0; font-family:Georgia, "Times New Roman", Times, serif;}
.img_collection {width:150px; display: block; padding: 5px; margin: 0px 5px 5px 0px; line-height: 0px; border: 1px solid #e6e6e6; background-color: #f6f6f6;}

/* ACTIVITY
------------------------------------------------*/
#activity {margin: 0 12px 8px 0; padding: 10px 8px 2px 10px; width:590px; border: 1px solid #E7F0F5; background: #fef7d1;}
#activity .thumb {float: left; margin-right: 6px;text-align:center; width:90px; height:75px;} 
#activity h3 {padding: 3px;margin: 0; font-family:Georgia, "Times New Roman", Times, serif;}

#activity .desc {width:410px; height:100%; float:left; margin-left:5px;}

/* ITEM
------------------------------------------------*/
.item_front {max-width:200px; max-height:200px}
.item_view	{max-width:300px;}
#item_note	{float:right; width:300px; height:100%; background-color:#CCCCCC;}
#item_note .top_note {background: url(../images/Basic/note_bg.jpg); width:300px; height:20px;}
#item_note .bottom_note {background: url(../images/Basic/note_bg.jpg); background-position:bottom; width:300px; min-height:100px;}
#item_note .bottom_note .note_desc {padding:10px 10px 30px 15px;}

/* BLOCK
------------------------------------------------*/
.content_block {padding:5px;}
.centerbg {width:195px; height:100%; background: url(../images/Basic/block_center_bg.jpg);}
.bottombg {width:195px; height:12px; background: url(../images/Basic/block_bottom_bg.jpg);}

/* FOOTER
------------------------------------------------*/

#footer_frame {width:100%; height:100%; margin:auto;}
#footer_container {width:870px; height:100%; margin:auto;}
#footer_content {width:870px; height:100%; background-color:#dddddd; border: 1px solid #cccccc; padding-top:10px; padding-bottom:10px;}

/*	SITEMAP
---------------------------------------------------*/
#site_map {display:none;width:800px; height:340px;background-color:#FFFFFF; border: 1px solid #cccccc; padding-top:10px; padding-bottom:10px;}

.cart4 {font-family: Arial, Helvetica, sans-serif;	font-size: 9px; height: 50px; background-color:#ede8cc;}
.cart3 {font-family:"Times New Roman", Times, serif;font-size: 11px; height: 50px; background-color:#e7dc9c; font-weight:bold;}
.cart2 {font-family:"Times New Roman", Times, serif;font-size: 11px; height: 50px; background-color:#e7dc9c; font-weight:bold;}
.cart1 {font-family:"Times New Roman", Times, serif;font-size: 11px; height: 50px; background-color:#e7dc9c; font-weight:bold;}
.carta_line {background-image:url(../images/oku/carta_line.jpg); background-position:center;}
.carta_line_cross {background-image:url(../images/oku/carta_line_cross.jpg); background-position:center; height:25px;}
.carta_line_2 {background-image:url(../images/oku/carta_line_2.jpg); background-position:center; height:25px;}
.carta_line_2right {background-image:url(../images/oku/carta_line_right.jpg); background-position:left; height:25px; background-repeat:no-repeat}
.carta_line_2left {background-image:url(../images/oku/carta_line_left.jpg); background-position:right; height:25px; background-repeat:no-repeat}
.carta_line_double {background-image:url(../images/oku/carta_line_double.jpg); background-position:center; height:25px; background-repeat:no-repeat}