/* reset
------------------------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong {font-weight:bold;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/* fonts
------------------------------------------------------------------------ */
body {font:13px tahoma,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% tahoma,arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}

/* layout
------------------------------------------------------------------------ */
body {background-color:#fff; padding-bottom:10px; text-align:center;}
#container {margin:10px auto; text-align:left; width:59.85em; *width:58.4em; min-width:778px;}
.yui-gd .yui-u {float:left; width:525px;}
.yui-gd div.first {width:253px;}

#bd {background:url(../images/border.gif) repeat-y;}

#sidebar {background:url(../images/sidebar_top.gif) top left no-repeat;}

#logo {margin:10px auto; width:210px;}

#menu {background-color:#e6e6e6; margin-left:20px; padding-right:25px;}
#menu ul li {background:url(../images/navbg.gif) bottom right no-repeat; padding:10px 0;}
#menu ul li a {color:#949494; display:block; font-size:85%; font-weight:bold; padding-right:41px; text-align:right; text-decoration:none;}
#menu ul li a:hover, #menu ul li#current a {color:#444; font-weight:bold; text-decoration:none;}

#apply {background-color:#e6e6e6; margin:0 0 10px 20px; padding:15px 20px 15px 20px;}
#apply h2 {background-color:#fcfcfc; text-align:center; color:#2170dd; font-weight:bold; margin-bottom:2px; padding:3px;}
#apply #aff {background-color:#fcfcfc; padding:10px 10px;}
#apply form {background-color:#e6e6e6; font-size:77%; padding:10px;}
#apply form input, #apply form select {border:1px solid #d4d4d4; padding:2px;}
#apply form p.note {color:#969696; margin-top:5px;}
#apply dl dt {color:#171b20;}
#apply form em {color:#600; vertical-align:top;}
#apply dl dd {padding-bottom:6px;}
#apply #send-apply {background:url(../images/arrow.gif) right no-repeat; border:0; color:#666; cursor:pointer; margin:0; padding:0 15px 2px 0; height:16px;}

#content {background:url(../images/content_top.gif) top right no-repeat; padding-top:25px;}

#main {background:url(../images/pic.gif) no-repeat; height:288px; width:524px;}
#main h2 {color:#fff; font-weight:bold; font-size:120%; padding:10px 0 0 10px;}
#main h3 {color:#dae5f5; font-size:140%; padding-left:125px;}
#main h4 {background:url(../images/arrow_hd.gif) 0 4px no-repeat; color:#1f1f1f; font-size:85%; font-weight:bold; margin:25px 0 5px 10px; padding-left:13px;}

#welcome {border-bottom:2px solid #c4c4c4; margin:0 20px; padding:20px 0;}
#welcome img {display:block; float:left; width:93px;}
#welcome h2 {border-bottom:1px solid #e6e6e6; font-size:100%; font-weight:bold; color:#646464; padding-bottom:1px; letter-spacing:2px;}
#welcome #msg {margin-left:103px;}
#welcome p {color:#606060; padding:3px 0 0 0;}

#calc {margin:0 20px; padding:20px 0 10px 0;}
#calc img {display:block; float:left; width:93px;}
#calc #calc-bd {margin-left:103px;}
#calc h2 {border-bottom:1px solid #e6e6e6; font-size:100%; font-weight:bold; color:#646464; padding-bottom:1px; letter-spacing:2px;}
#calc table {width:98%;}
#calc table th {color:#999595; text-align:left; font-size:85%; font-weight:bold; padding:4px 20px 6px 0;}
#calc table td {color:#606060; font-size:77%; padding:4px 0 6px 0; text-align:right;}
#calc table td input {font-size:122%;}
#calc #calculate {background:#e6e6e6 url(../images/arrow.gif) right no-repeat; border:1px solid #c0c0c0; color:#666; cursor:pointer; margin:0; padding:2px 15px 2px 3px;}

#calc-result {height:175px; margin:0 20px; padding-right:10px; overflow:auto;}
#calc-result table {margin-top:5px; font-size:85%; width:95%;}
#calc-result table thead td {color:#555; font-weight:bold; border-bottom:1px solid #c0c0c0;}
#calc-result table tbody td {}
#calc-result table td {border-right:1px solid #c0c0c0; padding:2px 10px 2px 2px; text-align:right;}
#calc-result table tr.h td {background-color:#e6e6e6;}

.loading {background:url(../images/ajax-loader.gif) top center no-repeat;}

#ft{background:url(../images/footer.gif) bottom left no-repeat; clear:both; padding-bottom:10px;}
#ft-nav {background-color:#e6e6e6; margin:0 20px;}
#ft-nav ul {margin-left:233px;}
#ft-nav ul li {float:left; padding:3px 0;}
#ft-nav ul li.first {}
#ft-nav ul li a {background-color:#e6e6e6; border-left:1px solid #585151; color:#585151; display:block; float:left; font-size:85%; padding:0 35px; text-decoration:none;}
#ft-nav ul li.first a {border:0;}
#ft-nav ul li a:hover {text-decoration:underline;}

p.error {color:#900; margin-bottom:5px;}
p.more {text-align:right;}
p.more a {color:#faa603; font-size:85%; font-weight:bold;}

.sect {margin:0 20px; padding:20px 0;}
.sect h2 {border-bottom:1px solid #e6e6e6; font-size:100%; font-weight:bold; color:#646464; padding-bottom:1px; letter-spacing:2px;}
.sect h3 {border:0; font-size:94%; font-weight:bold; color:#646464; padding-bottom:1px; letter-spacing:1px;}
.sect p {color:#606060; padding:3px 0 9px 0;}
.sect strong {font-weight:normal;}
.sect ul {list-style-type:square;}
.sect ul li {color:#606060; margin:3px 0 12px 18px;}

#news dl dt {margin:3px 0 2px 0;}
#news dl dt a {border-bottom:1px dotted #38f; color:#38f; text-decoration:none;}
#news dl dt a:hover {border:0; color:#02f; text-decoration:underline;}
#news dl dd.ts {margin:0 0 15px 0; color:#9f9f9f; font-size:78%;}
#news dl dd {color:#606060; margin:0 0 3px 0;}

#contact #tel-no {border:1px solid #d0d0d0; margin-bottom:12px; padding:10px;}
#contact #tel-no p {margin:0; padding:2px 0;}
#contact form em {color:red; vertical-align:top;}
#contact dl {color:#606060;}
#contact dl dt {margin:3px 0 2px 0;}
#contact dl dd {margin:0 0 15px 0;}
#contact p.error {color:red;}

#links p {margin:5px 0;}

/* self-clearing floats 
------------------------------------------------------------------------ */
#bd:after,
.yui-gd:after,
#welcome:after,
#ft-nav ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

#bd,
.yui-gd,
#welcome,
#ft-nav ul {zoom:1;}
