/* Default */
* { margin:0; padding:0; font-family:Arial, µ¸¿ò, Helvetica, sans-serif;}
body { font-size:12px; color:#333333; background:url(../images/sub_bg.gif) top repeat-x #EFEEEA; }
#body_index {background:url(../images/main_bg.gif) top repeat-x #EFEEEA; }
a { text-decoration:none;}
a:hover { text-decoration:underline;}
.clear { clear: both; display: block; visibility: hidden; line-height:0px;}

/* Layout */
#wrap {width:920px; margin:0px auto;}

#header {width:880px; margin:0px auto;}
	#topNav {float:left; list-style:none; }
	#topNav li {display:inline; margin-right:0px; padding-top:0px;}
	
#flash {width:920px; background:url(../images/flash_bg.gif) center repeat-y; height:227px; text-align:center;}


#contents {width:880px; margin:3px auto; background:url(../images/body_bg_top.gif) top repeat-x; }
#contentsLeft { float:left; margin:0px 22px 0px 6px; width:200px; }
#serviceNav {float:left; list-style:none; }
#serviceNav li { padding-top:3px; background:url(../images/arrow_gray.gif) left center no-repeat; width:200px; }
#serviceNav a { margin-left:17px; }
.side_title { color:#66321F; font-size:12px; line-height: 18px; font-weight:bold; }
.side_title a { color:#66321F; font-size:12px; }
.side_title a:hover { color:#8B0707; font-size:12px; }

.line_ver { float:left; background:url(../images/body_line_verti.gif left top no-repeat); height:300px; width:2px; }
#contentsCenter { float:left; margin:33px 15px 0px 22px; width:185px; }
.text_gray { color:#333333; line-height:18px; font-size:12px; text-decoration:none; }
.text_gray a { color:#333333; line-height:18px; font-size:12px;  text-decoration:none;}
.text_gray a:hover { color:#008BB9; line-height:18px; font-size:12px; text-decoration:underline;}
#contnetsRight { float:right; margin:30px 0px 0px 0px; width:403px; height:330px; background:url(../images/body_img1.gif) right bottom no-repeat; }
#contnetsRight p { width:300px; }


#footer { float:none; padding:17px 0px; border-top:#DDDCD8 1px solid; width:880px; margin:0px auto;}
.copyright { font-size:11px; color:#726F6F; }
.center { text-align:center;}


/* Login */
#loginBox { float:left; background:#FAFAFA; height:85px; width:180px; margin:18px 0px 10px 0px; padding:9px 15px; }
#loginForm {margin-top:15px;}
#loginForm dt {float:left; width:116px; font-size:11px;}
#loginForm dd {float:right; width:50px;}
#email, #password {width:115px; font-size:12px; margin-bottom:5px; margin-right:5px;}
#btlogin {margin-bottom:8px;}
.text_blue {color:#5F7AA4; font-size:11px;}
.text_blue a {color:#5F7AA4; text-decoration:none;}
.text_blue a:hover {color:#5F7AA4; text-decoration:underline;}

#findText { float:left; padding-top:2px; border-top:1px solid #d6d6d6; font-size:12px; text-align:center; width:180px;}
#findText a {color:#5F7AA4; text-decoration:none;}
#findText a:hover {color:#5F7AA4; text-decoration:underline;}
	

/* subpage Contents */

#subMenu { margin:18px 0px 0px 0px; background:#E3DED3; width:210px; }
.navTitle { padding:10px 8px; font-size:14px; color:#3F2E0D; background:#D9D1C0; border-top:1px solid #EFEEEA; text-decoration:none;  }
.navTitle a { font-size:14px; color:#3F2E0D; background:#D9D1C0; text-decoration:none;  }
.navTitle a:hover { font-size:14px; color:#3F2E0D; background:#D9D1C0; border-top:1px solid #EFEEEA; text-decoration:underline; }
#leftNav {float:left; list-style:none; }
#leftNav li { padding-top:3px; background:url(../images/arrow_orange.gif) left center no-repeat #E3DED3; border-top:1px solid #EFEEEA;  width:198px;  padding:6px; }
#leftNav a { margin-left:12px; }
.left_menu { color:#434343; font-size:12px; line-height: 18px; }
.left_menu a { color:#434343; font-size:12px; }
.left_menu a:hover { color:#BD6F00; font-size:12px; text-decoration:none; }

#contentsSub { float:left; margin:23px 0px 10px 17px; width:590px; }
.sub_title { color:#001141; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; }
.sub_title a { color:#001141; font-size:12px; }
.sub_title a:hover { color:#001141; font-size:12px; }

#text_num { margin-left:18px; list-style:upper-roman;}
#text_abc { margin-left:18px; list-style:lower-alpha;}
#text_num2 { margin-left:36px; list-style:lower-greek;}
#text_roman { margin-left:54px; list-style:lower-roman;}
#text_circle { margin-left:54px; list-style:circle;}
.pd18 { margin-left:18px; }

#flash_sub {width:920px; background:url(../images/flash_bg.gif) center repeat-y; height:127px; text-align:center;}


#contentsTop {background:url(../images/bg_maintop.gif) top left no-repeat; padding:20px;}

.howBox {float:left; width:190px; margin-right:30px; padding-top:30px; color:#676767;}
.howBox h3 {font-size:14px; font-weight:normal; color:#db0000; margin-bottom:7px;}
.howBox a {color:#000; text-decoration:underline;}
.howBox a:hover {color:#000; text-decoration:none;}

.howBox .button a {color:#000; font-size:14px; margin-top:30px; float:right; text-decoration:none; font-weight:bold;}
.howBox .button a:hover {background-color:#000; color:#fff;}
.howBox .button2 a {color:#000; font-size:14px; margin-top:12px; float:right; text-decoration:none; font-weight:bold;}
.howBox .button2 a:hover {background-color:#000; color:#fff;}

.howBox ul {list-style:none;}
.howBox ul li {background:url(../images/icon_arrowbrown.gif) no-repeat 3px 50%; padding-left:15px;}



/* Get in Get out Box */

#getOutBox {float:left; margin-left:15px; width:300px; background:url(../images/bg_maingetout.jpg) top left no-repeat; height:310px; padding:85px 20px 0 10px; font-size:13px; font-style:italic; color:#606060;}
#getOutBox ul {list-style:none;}
#getOutBox ul li {background:url(../images/dot_gray.gif) 15px 30% no-repeat; padding-left:30px; line-height:18px; margin-bottom:10px;}
#getOutBox .button {margin:50px 0 0 50px}

#getInBox {float:right; width:300px; background:url(../images/bg_maingetin.jpg) top left no-repeat; height:310px; padding:85px 20px 0 10px; font-size:13px; font-style:italic; color:#606060;}
#getInBox ul {list-style:none;}
#getInBox ul li {background:url(../images/dot_gray.gif) 15px 30% no-repeat; padding-left:30px; line-height:18px; margin-bottom:10px;}
#getInBox .button {margin:75px 0 0 50px}

/* Browse */

#browseTitle {background:url(../images/bg_browstitle.gif) 1px 1px no-repeat; margin-left:17px; padding:7px; color:#2b2b2b; border:1px solid #e0e0e0; border-bottom:none; margin-top:10px;}
#logoBox {margin-left:17px; padding:20px 20px 0 20px; border:1px solid #e0e0e0; }
.logos {float:left; width:90px; margin-right:20px;}
.logos img {margin-bottom:15px;}
.logos2 {float:right; margin:0px;}

#plansBox {border:1px solid #e0e0e0; height:31px; margin:10px 0 10px 17px; padding-right:10px;}
#plansBox span { float:right; margin-top:5px; color:#961c1c;}
#plansBox span a {height:20px; color:#961c1c; margin:0 3px; text-decoration:none;}
#plansBox span a:hover {text-decoration:underline;}

#marginleft {margin-left:17px;}
#searchForm {text-align:center; color:#474747; margin:10px 0;}
#search {width:150px; font-size:12px; margin-right:5px;}

/* SideBar */

#phoneBoxWrap {background:url(../images/bg_mainsidebar.gif) top left no-repeat; margin-bottom:10px;}
#phoneBoxWrap h3 {font-size:12px; font-weight:normal; height:21px; padding-top:5px; padding-left:5px;}
.floatImg {float:left; width:95px;}
#phoneBoxWrap p {float:right; width:70px; padding:10px;}

.phoneBox {padding:10px; border-bottom:1px dotted #c1c1c1;}
.phoneBox span {display:block;}
.redFont {color:#bb0000;}
.graysmall {font-size:11px; color:#666666;}