/* SYSTEM */
 
body { text-align: center; margin: 0; padding: 0; line-height: 150%; font-family: Arial, Verdana, arial sans; font-size: 11px; background: #FEFFA1 url(images/background.jpg) repeat-x top left; } 

a, a:link, a:visited { color: #333; text-decoration: none; } 

a:hover { color: #333; text-decoration:none; } 

a img { border-style: none; text-decoration: none; } 

hr { color: #eeeeee; height: 3px; } 

form { padding: 0px; margin: 0px; display: inline; } 

td { font-size: 11px; } 

div { font-size: 11px; }

h2 { margin: 0px 2px 3px 2px; font-weight: bold; font-size: 14px; color: #333; } 

h3 { font-weight: bold; font-size: 12px; color: #333 } 

input { font-size: 11px; color: #727272; } 

textarea { font-size: 11px; overflow: auto; color: #222222; } 

select { font-size: 11px; color: #333333; background-color: #ffffff; } 

label { display: block; float: left; }

div.fix { clear: both; }

div.message { padding: 2px 2px 2px 6px; border: 1px solid #efefef; font-weight: bold; color: #333; } 


/* MAIN DESIGN */ 

div#design { text-align: left; width: 857px; margin: auto; margin-top: 0px; margin-bottom: 4px; background: #ffffff; color: #333333; border: 1px solid #ccc; border-top: 0; padding: 0; }

div#design div#main { float: left; margin: 0; padding: 0; width: 857px; height: 152px; background: transparent url(images/header_mksc1.jpg) no-repeat top left; }

div#design div#main div.search { float: right; padding: 2px 0 2px 8px; margin: 16px 0 0 0; color: #333; }

div#design div#main div.search input { background: #fff repeat-x bottom left; font-size: 10px; }

div#design div#main div.search input.submit { border: 1px solid #999; margin: 0 4px 0 0; font-weight: normal; }

div#design div#main div.search input.query { border: 1px solid #999; padding-left: 2px; }

div#design div#top_menu { float: left; margin: 0; padding: 0; width: 857px; height: 25px; background: transparent url(images/hmenu.jpg) no-repeat top left; }

div#design div#top_menu ul { float: left; list-style: none; border-style: none;margin: 0; padding: 0; }

div#design div#top_menu ul li { float: left; margin: 0; padding: 0 0 0 16px; line-height: 26px; color: #fff; font-weight: bold; }

div#design div#top_menu ul li a { color: #fff; font-weight: bold; }


div#design div#bottom_menu { float: left;margin: 0; padding: 0; width: 857px;  }

/* OTHER */

div#design div#content { float: left; width: 857px; }

div#design div#content div.left { float: left; width: 222px; }

div#design div#content div.left div.main { float: left; margin: 2px 3px 0 3px; width: 216px; }

div.block { float: left; width: 216px; }

div.block div.title { float: left; margin: 3px 0 0 0; width: 216px; height: 24px; font-size: 12px; line-height: 26px; text-indent: 14px; font-weight: bold; color: #fff; background: transparent url(images/menu_blue.gif) no-repeat top left; }

div.block div.content { float: left; width: 214px; border: 1px solid #4d95e5; border-top: 0; padding: 0; margin: 0 0 6px 0; }

div.block div.content p { padding: 0 4px 0 4px; margin: 0; color: #333; }

div.block div.content td.im { padding: 0 0 0 8px; }

div.block div.content p.desc_im { padding: 0 0 6px 2px; margin: 0; color: #333; line-height: 1.1; }

div.block div.content p.row { padding: 0 0 0 6px; margin: 0; color: #333; }

div.block div.content p.desc { padding: 3px 0 6px 6px; margin: 0; color: #333; line-height: 1.1; }

div.block div.content h3 { padding: 1px 0 1px 6px; margin: 0; color: #222; height: 12px; }

div.block div.content ul { list-style: none; border-style: none; margin: 4px 0 0 6px; padding: 0 0 4px 0; }

div.block div.content ul li { margin: 0; padding: 0; }

div.block div.content ul ul { margin: 0; padding: 0; }

div.block div.content ul ul ul { margin: 0; padding: 0; }

div.block div.content ul a { padding: 2px 0 2px 10px; width: 188px; margin: 0; font-size: 11px; font-weight: bold; border-bottom: 1px dashed #ccc; display: block; text-decoration: none; color: #333; }

div.block div.content ul ul a { padding: 2px 0 2px 16px; width: 182px; margin: 0; font-size: 11px; font-weight: bold; border-bottom: 1px dashed #ccc; display: block; text-decoration: none; color: #333; }

div.block div.content ul ul ul a { padding: 2px 0 2px 22px; width: 176px; margin: 0; font-size: 11px; font-weight: bold; border-bottom: 1px dashed #ccc; display: block; text-decoration: none; color: #333; }



div.block div.y div.title { background: transparent url(images/menu_y.gif) no-repeat top left; color: #333; }

div.block div.y div.content { border: 1px solid #666666; border-top: 0; }



div.block div.blue div.title { background: transparent url(images/menu_blue.gif) no-repeat top left; }

div.block div.blue div.content { border: 1px solid #4d95e5; border-top: 0; }

div.block div.green div.title { background: transparent url(images/menu_green.gif) no-repeat top left; }

div.block div.green div.content { border: 1px solid #364f00; border-top: 0; }

div.block div.orange div.title { background: transparent url(images/menu_orange.gif) no-repeat top left; }

div.block div.orange div.content { border: 1px solid #ff8400; border-top: 0; }

div.block div.red div.title { background: transparent url(images/menu_red.gif) no-repeat top left; }

div.block div.red div.content { border: 1px solid #ca0000; border-top: 0; }

div.block div.lightgreen div.title { background: transparent url(images/menu_lightgreen.gif) no-repeat top left; }

div.block div.lightgreen div.content { border: 1px solid #179c05; border-top: 0; }


div#design div#content div.middle { float: left; width: 410px; }


div#design div#content div.right { float: right; width: 222px; text-align: left; }

div#design div#content div.right div.main { float: left; margin: 2px 3px 0 3px; width: 216px; }

/* FOOTER */ 

div#design div#footer { float: left; width: 857px; margin-top: 10px; height: 20px; line-height: 20px; text-align: center; background: #ffffff; color: #444; }

div#design div#footer a { color: #444; }

div#design div#footer a:hover { color: #444; }

/* STORIES */ 

div.stories { margin: 2px; padding: 3px; }

div.stories h2 { margin: 2px 0 6px 0; padding: 0; font-size: 14x;}

div.stories h3 { margin: 0 0 0 0; padding: 0; font-size: 12px; }

div.stories img { border: 0; margin: 4px 4px 4px 0; }

div.stories img.r { border: 0; margin: 4px 0 4px 4px; }

div.stories img.r_border { border: 1px solid #777; margin: 4px 0 4px 4px; }

div.stories div.text { text-align: justify; }

div.stories div.info { clear: both; margin: 6px 0 20px 0; padding: 3px 0 0 0; border-top: 1px dotted #ddd; color: #555; }

div.stories div.info_top { clear: both; margin: 0; padding: 0; border-bottom: 1px dotted #ddd; color: #555; }

div.stories div.info a { text-decoration: underline; }

div.stories div.categoryDesc { float: left; width: 98%; margin: 0 0 14px 0; padding: 3px 8px 3px 8px; text-align: justify; background: #FFFFB7; color: #111; }

div.stories div.categoryDesc img { margin: 0 4px 4px 0; }

div.stories div.cat { clear: both; border-top: 1px dotted #ddd; margin: 6px 0 0 0; padding: 4px 0 0 0; }

div.stories div.cat h4 { margin: 0; padding: 0; }

div.stories div.cat ul { margin: 0; padding: 0 0 0 16px; }

div.stories div.cat a { text-decoration: underline; }

div.stories a.blue { color: #333; }

div.stories a.green { color: #333; }

div.stories a.orange { color: #333; }

div.stories a.red  { color: #333; }

div.stories a.lightgreen { color: #333; }


/* OFFSET */

div.offset { margin: 6px 0 0 0; padding: 3px 0 0 0; border: 1px dotted #ddd; text-align: center; color: #999; }

div.offset a { text-decoration: underline; }


div.offset a.blue { color: #4d95e5; }

div.offset a.green { color: #364f00; }

div.offset a.orange { color: #ff8400; }

div.offset a.red  { color: #ca0000; }

div.offset a.lightgreen { color: #179c05; }

/* SEARCH */

div.searchResults { margin: 0 4px 6px 4px; padding: 2px; }

div.searchResults div.row { margin: 0 0 20px 0; }

div.searchResults div.row h3 { margin: 2px 0 0 0; font-size: 14px }

div.searchResults div.row div.con { margin: 6px 0 0 0; padding: 2px; }

div.searchResults div.row div.cat { margin: 2px 0 0 0; padding: 0; }

div.searchResults div.row div.cat ul { margin: 0; padding: 0 0 0 20px; color: #777;  }

div.searchResults div.row a { color: #777; text-decoration: underline; }

/* SEARCH COLORS */

div.searchResults div.row a.blue { font-weight: bold; color: #4d95e5; }

div.searchResults div.row a.green { font-weight: bold; color: #364f00; }

div.searchResults div.row a.orange { font-weight: bold; color: #ff8400; }

div.searchResults div.row a.red  { font-weight: bold; color: #ca0000; }

div.searchResults div.row a.lightgreen { font-weight: bold; color: #179c05; }


div.questions { padding: 5px 40px 5px 3px; }

div.questions h2 { color: #B6B900; font-size: 12px; font-weight: bold; margin: 1px 0 1px 0; }

div.discussion { margin: 0 10px 0 10px; }

div.discussion a { color: #B6B900; text-decoration: underline; }

div.discussion .con { padding: 10px; }

div.discussion p.row { text-align: justify; color: #333333; padding: 0 0 0 10px; }

div.discussion p.row a { color: #333; text-decoration: none; }

div.discussion p { font-size: 11px; vertical-align: top; text-align: justify; color: #333333; }

div.discussion p.info { font-size: 11px;  color: #666; text-align: left; margin: 4px 0 2px 4px; border-top: 1px dotted #cccccc; }

div.discussion img { padding: 0; }

div.discussion th { vertical-align: top; }

div.discussion p.content { margin:0; padding: 0; vertical-align: top; text-align; justify; }


div.rightBox { float: left; width: 157px; border: 1px solid #999; margin: 2px 0 0 0; }

div.rightBox h3 { margin: auto; padding: 3px 0 0 6px; margin-top: 0px; margin-bottom: 0px; }

div.rightBox div.m { margin: auto; padding: 3px 0 6px 5px; text-align: left; }

div.rightBox div.sp { float: left; margin: 0 0 4px 10px; padding: 0 0 6px 0; }

div.rightBox div.imBox { float: left; margin: 0 0 10px 5px; border: 1px solid #fff; width: 110px; text-align: center; }

div.rightBox div.imBox div.imCon { margin: auto; padding: 0; }

div.rightBox div.imBox div.imCon img { border: 1px solid #999; }

div.rightBoxFoot { float: left; width: 159px; margin: 0 0 4px 0; height: 4px; background: #ffffff url(images/box_foot.gif) top left repeat-x; }


div.leftBox { float: left; width: 198px; border: 1px solid #999; margin: 2px 0 0 0; padding: 0; }

div.leftBox h3 { margin: auto; padding: 3px 0 0 6px; margin-top: 0px; margin-bottom: 0px; }

div.leftBox div.m { margin: auto; padding: 3px 0 6px 5px; text-align: left; }

div.leftBoxFoot { float: left; width: 200px; margin: 0 0 4px 0; height: 4px; background: #ffffff url(images/box_foot.gif) top left repeat-x; }


div.gallery { margin: auto; margin-left: 10px; width: 600px; text-align: center; }

div.gallery div.topRow { margin: auto; width: 580px; }

div.gallery div.topRow div.nav { float: left; width: 440px; height: 30px; line-height: 20px; }

div.gallery div.topRow div.presentation { float: left; width: 100px; margin: 2px 2px 2px 0; padding: 0 4px 0 4px; border: 1px solid #f0f0f0; }

div.gallery div.topRow div.presentation a { font-size: 12px; font-weight: bold; }

div.gallery h2 { margin: 0; font-size: 12px; }

div.gallery h2 a { text-decoration: underline; }

div.gallery div.preview { clear: both; margin: auto; width: 600px; background: #f0f0f0; padding: 6px 0 6px 0; }

div.gallery div.preview img { border: 1px solid #999; }

div.gallery div.previewDesc { clear: both; margin: auto; width: 600px; background: #f0f0f0; padding: 0 0 6px 0; }

div.gallery div.thumbs { clear: both; margin: auto; width: 600px; border-top: 1px solid #999; padding: 6px 0 6px 0; }

div.gallery div.thumbs div.box { float: left; margin: 3px; border: 1px solid #ddd; width: 110px; text-align: center; }

div.gallery div.thumbs div.boxActive { float: left; margin: 3px; border: 1px dotted #333; background: #aaa; width: 110px; text-align: center; }

div.gallery div.thumbs div.con { margin: auto; padding: 5px; }

div.gallery div.thumbs div.con img { border: 1px solid #999; }

div.gallery div.thumbs div.hidden { visibility: hidden; display: none; }

div.gallery div.categories { clear: both; margin: auto; text-align: left; width: 600px; border-top: 1px solid #999; background: #f0f0f0; padding: 6px 0 6px 0; }

div.gallery div.categories ul { margin: 0; padding: 0 10px 0 20px; }

div.gallery div.categories a { color: #222; }

div.gallery div.categories ul ul { margin: 0; padding: 0 0 0 10px; }

div.gallery div.categories ul li.active { font-weight: bold; }

div.gallery div.categories ul ul li.active { text-indent: 6px; background: #ddd; }


div.book { float: left; width: 600px; }

div.book h2 { margin: 6px 0 4px 6px; color: #46B359; }

div.book p { margin: 0 0 4px 0; color: #333; text-align: justify; color: #666; }

div.book p a { color: #46B359; text-decoration: underline; }

div.book p.info { border-bottom: 1px dotted #46B359; margin: 0 0 10px 0; padding: 2px 6px 8px 6px; color: #111111; }

div.book div.main_form { float: left; margin: 10px 0 0 40px; padding: 0 4px 4px 4px; border: 1px solid #B5E1BC; }

div.book div.main_form td { vertical-align: top; }

div.book div.main_form small { color: #cc0000; }


div.book div.paging { border-bottom: 1px dotted #46B359; border-top: 1px dotted #46B359; margin: 10px 0 6px 0; padding: 2px 6px 2px 6px; text-align: center;  }

div.book div.paging a { color: #46B359; text-decoration: underline; font-weight: bold; }

div.book div.query {  }

div.book div.query h3 { text-indent: 16px; background: transparent url(images/arrow.gif) no-repeat 0 50%; margin: 16px 0 0 0; }

div.book div.query p { padding-left: 14px; margin: 0; padding-right: 10px; }

div.book td.b1 { text-align: right; }

div.book td.im1 { width: 40px; text-align: center; }

div.book div.button { float: right; width: 40px; border: 1px solid #999; text-align: center; margin: 4px 0 0 6px; }


