/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

이 CSS는 Horizontal CSS를 구현한 것으로,
http://cssmenus.co.uk/dropline.html 에서 참고하였다.
여기서의 Centered v2 (Dropline Three)를 채택한 것이다.

원본에서 몇가지 옵션을 변경하여 적절하게 나타나도록 하였다.
[2011/11/24]

변경내용...
1. 상단바를 없앰 #dropline에서
2. Font를 한글폰트로 변경함. 크기도...

원형은 다음과 같다.
#dropline {padding:0; list-style:none; background:url(back.gif); text-align:center; margin:0 auto; font-size:12px; font-family:arial, sans-serif; height:41px; width:1000px; position:absolute; left:0; top:139px;}
#dropline div {padding:0; margin:0 auto; list-style:none; position:absolute; left:-9999px; width:1000px; text-align:center; background:url(trans.gif);}
#dropline table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;}

#dropline ul li {display:inline; margin:0; text-align:left;}
#dropline ul li a {display:inline-block; height:30px; line-height:30px; margin:0; padding:0 10px; background:transparent; font-weight:bold; font-size:11px;}

#dropline li {display:inline; margin:0 -2px; text-align:left;}
#dropline li a {display:inline-block; height:36px; margin:5px 0 0 0;padding:0 25px 0 0; background:url(button.gif) right top; line-height:30px; text-decoration:none; color:#000;}
#dropline li a.sub {background:url(button-arrow.gif) right top;}

html>body #dropline li {display:inline-block; padding:0;}

* html #dropline li a {margin-bottom:-4px; margin-right:3px;}

#dropline li a b {display:block; height:36px; float:left; padding:0 0 0 25px; background:url(button.gif) left top; cursor:pointer;}

#dropline li a:hover {background-position:right bottom; color:#fff;}
#dropline li a:hover b {background-position:left bottom;}

#dropline li:hover > a {background-position:right bottom; color:#fff;}
#dropline li:hover > a b {background-position:left bottom;}

#dropline :hover div {left:0; top:41px;}

#dropline :hover ul li a:hover {text-decoration:underline; color:#800;}
=================================================================== */
/* style the outer div to give it width */
#dropline {padding:0px; list-style:none; /*상단바 background:url(images/back.gif)*/; text-align:left; margin:0 150px /*auto*/; font-size:14px; font-family:맑은 고딕,돋움,굴림; height:41px; width:820px; position:absolute; left:0; top:0px;}
#dropline div {padding:0; margin:0 auto; list-style:none; position:absolute; left:-9999px; width:1000px; text-align:center; background:url(images/trans.gif);}
#dropline table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;}

#dropline ul li {display:inline; margin:-1px 0px; text-align:left;}
#dropline ul li a {display:inline-block; height:25px; line-height:25px; margin:0; padding:0 5px; background:transparent; font-weight:bold; font-size:13px;}

#dropline li {display:inline; margin:0 -2px; text-align:left;}
#dropline li a {display:inline-block; height:36px; margin:5px 0 0 0;padding:0 25px 0 0; background:url(images/button.gif) right top; line-height:30px; text-decoration:none; color:#333333;}
#dropline li a.sub {background:url(images/button-arrow.gif) right top;}

html>/**/body #dropline li {display:inline-block; padding:0;}
* html #dropline li a {margin-bottom:-4px; margin-right:3px;}

#dropline li a b {display:block; height:36px; float:left; padding:0 0 0 25px; background:url(images/button.gif) left top; cursor:pointer;}

#dropline li a:hover {background-position:right bottom; color:#fff;}
#dropline li a:hover b {background-position:left bottom;}

#dropline li:hover > a {background-position:right bottom; color:#fff;}
#dropline li:hover > a b {background-position:left bottom;}

#dropline :hover div {left:0; top:41px;}

#dropline :hover ul li a:hover {text-decoration:underline; color:#800;}


/* 별도 */
/*
#header {background:#55555f url(images/footline.gif) repeat-x left top; text-align:left; width:904px;}
*/