/* L'Abri Fellowship Korea CSS */

body { font: normal 12px/12px sans-serif; }
#center { width: 960px; margin: 0 auto; position: relative; }
.roundborder { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Header */

#header { clear: both; width: 960px; height: 320px; position: relative; }
#header h1 { position: absolute; left: 0px; top: 20px; }

#header_search { position: absolute; right: 0px; top: 28px; width: 251px; height: 26px; border: 1px solid #b0b0b0; }
#header_search input.keywords { position: absolute; left: 0px; top: 0px; width: 199px; height: 20px; padding: 3px; border: 0px; font-size: 12px; background: white url('/static/interface/header_search_keywords.png') top left no-repeat; }
#header_search input.keywords:focus { background: white; }
#header_search input.submit { position: absolute; right: 0px; top: 0px; }

#header_menu { position: absolute; width: 960px; height: 60px; left: 0px; top: 80px; z-index: 1; }
#header_menu div.background { padding-left: 16px; width: 944px; height: 60px; background: transparent url('/static/interface/menu/background.png') top left no-repeat; }
#header_menu div.topmenu { float: left; padding: 14px 18px 6px 18px; height: 40px; margin-right: 1px; position: relative; cursor: pointer; }
#header_menu div.submenu { position: absolute; width: 200px; left: 0px; top: 60px; display: none; }
#header_menu div.submenu div.background { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000000; z-index: -1; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
#header_menu div.submenu ul { padding: 10px 0px 10px 13px; z-index: 2; }
#header_menu div.submenu ul li { clear: both; padding: 5px; cursor: pointer; }
#header_menu div.submenu ul li p.ko { font-family: Gulim, "UnDotum", sans-serif;  font-size: 12px; color: #ffffff; padding-bottom: 3px; }
#header_menu div.submenu ul li p.ko a:link { color: #ffffff; text-decoration: none; }
#header_menu div.submenu ul li p.ko a:visited { color: #ffffff; text-decoration: none; }
#header_menu div.submenu ul li p.ko a:hover { color: #ffff33; text-decoration: none; }
#header_menu div.submenu ul li p.ko a:active { color: #ffff33; text-decoration: none; }
#header_menu div.submenu ul li p.en { font-family: Tahoma, sans-serif; font-size: 10px; color: #c0c0c0; }
#header_menu div.submenu ul li p.en a:link { color: #c0c0c0; text-decoration: none; }
#header_menu div.submenu ul li p.en a:visited { color: #c0c0c0; text-decoration: none; }
#header_menu div.submenu ul li p.en a:hover { color: #c0c0c0; text-decoration: none; }
#header_menu div.submenu ul li p.en a:active { color: #c0c0c0; text-decoration: none; }

#header_slider { position: absolute; width: 960px; height: 240px; left: 0px; top: 80px; z-index: -9; }
#header_slider img { position: absolute; width: 960px; height: 240px; left: 0px; top: 0px; }

#slideshow_prev { position: absolute; left: -12px; top: 185px; cursor: pointer; }
#slideshow_next { position: absolute; right: -12px; top: 185px; cursor: pointer; }

/* Document Layout */

div.clear { clear: both; }
div.ko { font-family: Gulim, "UnDotum", sans-serif; float: left; width: 465px; }
div.en { font-family: Arial, "Liberation Sans", sans-serif; float: right; width: 460px; }
div.ko_left { font-family: Gulim, "UnDotum", sans-serif; float: left; padding-right: 40px; }
div.en_left { font-family: Arial, "Liberation Sans", sans-serif; float: left; padding-right: 40px; }

/* Content */

div.content { clear: both; width: 960px; position: relative; padding: 18px 0px 6px 0px; border-top: 1px dotted #c0c0c0; }
div.content h3 { font-size: 14px; line-height: 14px; margin-bottom: 16px; color: #993300; }
div.content h3 a:link { color: #993300; text-decoration: none; }
div.content h3 a:visited { color: #993300; text-decoration: none; }
div.content h3 a:hover { color: #993300; text-decoration: underline; }
div.content h3 a:active { color: #993300; text-decoration: underline; }
div.content h4 { font-size: 13px; line-height: 15px; margin-bottom: 12px; padding-top: 8px; color: #224488; }
div.content h4 a:link { color: #224488; text-decoration: none; }
div.content h4 a:visited { color: #224488; text-decoration: none; }
div.content h4 a:hover { color: #224488; text-decoration: underline; }
div.content h4 a:active { color: #224488; text-decoration: underline; }
div.content p { font-size: 12px; line-height: 21px; margin-bottom: 12px; position: relative; }
div.content p a:link { color: #3366bb; text-decoration: underline; }
div.content p a:visited { color: #3366bb; text-decoration: underline; }
div.content p a:hover { color: #3366bb; text-decoration: underline; }
div.content p a:active { color: #3366bb; text-decoration: underline; }
div.content blockquote { margin-left: 24px; }

div.content ul { margin-left: 10px; margin-bottom: 12px; }
div.content ul li { font-size: 12px; line-height: 21px; position: relative; padding-left: 14px; list-style: none; background: transparent url('/static/interface/square_green.png') 0px 8px no-repeat; }
div.content ul li ul { margin-bottom: 0px; }
div.content ul li ul li { color: #707070; }
div.content ul li a:link { color: #000000; text-decoration: none; }
div.content ul li a:visited { color: #000000; text-decoration: none; }
div.content ul li a:hover { color: #3366bb; text-decoration: underline; }
div.content ul li a:active { color: #3366bb; text-decoration: underline; }
div.content ul li a.color:link { color: #3366bb; text-decoration: underline; }
div.content ul li a.color:visited { color: #3366bb; text-decoration: underline; }
div.content ul li a.color:hover { color: #3366bb; text-decoration: underline; }
div.content ul li a.color:active { color: #3366bb; text-decoration: underline; }
div.content ul li span.break { color: #909090; position: absolute; left: 220px; }
div.content ul li span.break_en { color: #909090; position: absolute; left: 234px; }
div.content ul li span.program { position: absolute; left: 336px; }
div.content ul li span.program_en { position: absolute; left: 356px; }
div.content ul li span.category { color: #909090; padding-right: 4px; }
div.content ul li span.gray { color: #909090; padding-right: 4px; }

div.content ul.library { margin: -14px 0px 0px 0px; }
div.content ul.library li { font-size: 12px; line-height: 21px; height: 60px; position: relative; padding: 0px; list-style: none; background: white; border-bottom: 1px dotted #e0e0e0; }
div.content ul.library li div.icon { position: absolute; left: 0px; top: 10px; }
div.content ul.library li div.title { position: absolute; left: 36px; top: 10px; }
div.content ul.library li div.title span.files { padding-left: 8px; color: #3366bb; }
div.content ul.library li div.title span.files a:link { color: #3366bb; text-decoration: underline; }
div.content ul.library li div.title span.files a:visited { color: #3366bb; text-decoration: underline; }
div.content ul.library li div.title span.files a:hover { color: #3366bb; text-decoration: underline; }
div.content ul.library li div.title span.files a:active { color: #3366bb; text-decoration: underline; }
div.content ul.library li div.author { position: absolute; left: 540px; top: 10px; }
div.content ul.library li div.author span.trans { color: #909090; }
div.content ul.library li div.date { position: absolute; left: 900px; top: 10px; }
div.content ul.library li div.tags { position: absolute; left: 40px; top: 32px; font-family: Tahoma, sans-serif; font-size: 11px; color: #909090; }
div.content ul.library li div.tags a:link { color: #909090; text-decoration: none; }
div.content ul.library li div.tags a:visited { color: #909090; text-decoration: none; }
div.content ul.library li div.tags a:hover { color: #3366bb; text-decoration: underline; }
div.content ul.library li div.tags a:active { color: #3366bb; text-decoration: underline; }
div.content ul.library li img.tiny { position: relative; top: 1px; padding-right: 4px; }
div.content ul.library li img.tinytag { position: relative; top: 4px; padding-right: 10px; }
div.content p.icons_credit { padding-top: 12px; font-family: Tahoma, sans-serif; font-size: 11px; color: #b0b0b0; margin-left: 25px; }
div.content p.icons_credit a:link { color: #b0b0b0; text-decoration: none; }
div.content p.icons_credit a:visited { color: #b0b0b0; text-decoration: none; }
div.content p.icons_credit a:hover { color: #3366bb; text-decoration: underline; }
div.content p.icons_credit a:active { color: #3366bb; text-decoration: underline; }

/* Gallery */

#gallery { clear: both; padding-top: 10px; }
#gallery div.thumbnail { float: left; margin-right: 12px; margin-bottom: 12px; }
#gallery div.thumbnail img { padding: 1px; border: 1px solid #c0c0c0; -ms-interpolation-mode: bicubic; }
#gallery div.thumbnail span { display: none; }

/* Footer */

#footer { clear: both; width: 960px; height: 160px; position: relative; margin-top: 8px; border-top: 3px solid #224488; background: white url('/static/interface/footer_background.png') top left repeat-x; }

#footer_contact { position: absolute; left: 24px; top: 24px; }
#footer_contact p span.gray { color: #707070; padding-right: 4px; }
#footer_contact p.ko { font-family: Gulim, "UnDotum", sans-serif; font-size: 12px; padding-bottom: 9px; }
#footer_contact p.en { font-family: Arial, "Liberation Sans", sans-serif; font-size: 12px; padding-bottom: 9px; }
#footer_contact p.en a:link { color: #000000; text-decoration: none; }
#footer_contact p.en a:visited { color: #000000; text-decoration: none; }
#footer_contact p.en a:hover { color: #000000; text-decoration: underline; }
#footer_contact p.en a:active { color: #000000; text-decoration: underline; }

#footer_links { position: absolute; left: 485px; top: 24px; }
#footer_links ul li { float: left; padding: 22px 15px 13px 15px; position: relative; top: -22px; height: 60px; cursor: pointer; }
#footer_links ul li:hover { background: transparent url('/static/interface/footer_hover.png') top left repeat-x; }
#footer_links ul li p.ko { font-family: Gulim, "UnDotum", sans-serif;  font-size: 12px; padding-bottom: 6px; }
#footer_links ul li p.ko a:link { color: #000000; text-decoration: none; }
#footer_links ul li p.ko a:visited { color: #000000; text-decoration: none; }
#footer_links ul li p.ko a:hover { color: #000000; text-decoration: none; }
#footer_links ul li p.ko a:active { color: #000000; text-decoration: none; }
#footer_links ul li p.en { font-family: Tahoma, sans-serif; font-size: 10px; color: #707070; }
#footer_links ul li p.en a:link { color: #707070; text-decoration: none; }
#footer_links ul li p.en a:visited { color: #707070; text-decoration: none; }
#footer_links ul li p.en a:hover { color: #707070; text-decoration: none; }
#footer_links ul li p.en a:active { color: #707070; text-decoration: none; }

#footer_final { position: absolute; width: 912px; left: 24px; top: 100px; border-top: 1px dotted #c0c0c0; font-family: Arial, "Liberation Sans", sans-serif; font-size: 12px; }
#footer_final div.copy { position: absolute; left: 0px; top: 16px; color: #909090; }
#footer_final div.credits { position: absolute; left: 476px; top: 16px; color: #909090; }
#footer_final div.credits a:link { color: #909090; text-decoration: none; }
#footer_final div.credits a:visited { color: #909090; text-decoration: none; }
#footer_final div.credits a:hover { color: #909090; text-decoration: underline; }
#footer_final div.credits a:active { color: #909090; text-decoration: underline; }