@charset "utf-8";
/* CSS Document */

* {padding:0; margin:0; font-size:100%; line-height:120%; text-align:left}
html, body {background:#FFF; color:#555; font-family:Arial, Geneva, Helvetica, sans-serif; text-align:center}

a {color:#1C3080; text-decoration:underline; cursor:pointer}
a:visited {color:#663366; text-decoration:underline}
a:hover, a:visited:hover {text-decoration:none; color:#0000CC; cursor:pointer}

h1 {font-size:25px; line-height:30px; font-weight:normal}
h3 {font-size:19px; font-weight:normal; margin:25px 0 4px 0}
h4 {font-size:16px; margin:4px 0 4px 0}

p {margin-bottom:10px}

table, td, img {border:0; vertical-align:top; border-collapse:collapse}
table {width:90%; font-size:11pt; margin:0 auto 30px auto}

/*============================== grid ====================================*/
/*---------- header ----------*/

tr.head td {vertical-align:bottom}
tr.head td.left {background:url(../img/logo.gif) top center no-repeat; height:210px; vertical-align:top}
tr.head td.left a {display:block; height:110px; width:228px;}


tr.head  div h2 {font-size:17px; font-weight:normal; line-height:20px; position:absolute; z-index:10; top:-130px; left:0; width:600px}


/*---------- content ----------*/
td.left, td.right {width:21%}
td.mid {width:19%}
tr.mid td .block, tr.foo td .block, div.block  {display:block; background-position:top center; background-repeat:no-repeat}
tr.mid td .block span, tr.foo td .block span, div.block span {display:block; margin:0 18px 0 18px; padding-top:180px; min-height:102px}
td.left, td.left div.nolink {text-align:right}
td.left .block, td.left div.block {margin-left:auto}
td.left .block, td.right .block, td.left div.block, td.right div.block {width:90%; position:relative}
/*---------- foo ----------*/
tr.foo td .block, tr.foo td div.block {background-position:18px 0}
tr.foo td .block span, tr.foo td div.block span {padding-top:60px; min-height:2px; font-size:8pt}
tr.foo td.left img, tr.foo td.right img, tr.foo td.mid img {width:245px; height:1px}
tr.foo td.mid img {width:208px}
tr.foo td.right {white-space:nowrap}
tr.foo td div.block, .copyright {color:#A3A3A3}

/*============================== navigation ====================================*/

.nav {position:relative; height:11pt; margin:auto 18px 40px 18px; text-align:center}
.nav a.left {padding-left:28px; background:url(../img/left.gif) 0 6px no-repeat; display:block; white-space:nowrap}
.nav a.right {padding-right:28px; background:url(../img/right.gif) 100%  6px no-repeat; white-space:nowrap; display:block; text-align:right}

.menu {width:160px; margin:0 auto 0 auto; font-size:8pt}
.menu ul {list-style:none; margin:6px 0 24px 0}
.menu li {margin:8px 0; padding-left:16px; background:url(../img/dash.gif) 0 5px no-repeat}
.menu h4 {font-weight:normal; font-size:15px}
.menu p {margin-bottom:30px; font-size:10pt}

/*============================== content ====================================*/

.content {margin:0 0 0 18px; width:600px; padding-bottom:20px}
.content .img {color:#999; width:533px; margin:0 0 30px 0}
.content ul {list-style:none; margin:16px 0 16px 0}
p.small, ul.small {font-size:8pt; width:500px}

.address {margin:56px 18px 0 18px; line-height:130%}
.copyright {position:absolute; left:18px; width:300px; bottom:-38px; font-size:8pt}

/*============================== index ====================================*/

div h2 strong {font-weight:normal;font-size:20px; line-height:30px;display:block;}
#index tr.head  div h2 strong {}
#index tr.head  div h2 {/*font-size:20px; line-height:30px;*/ top:-100px}
#index tr.head td.left a {display:none}
#index tr.head td.left {height:185px;}
#index tr.head  div h2 {font-size:17px; font-weight:normal; line-height:20px; position:absolute; z-index:10; top:-105px; left:0; width:500px}



/*============================== arrows ====================================*/

.arrows {text-align:right}
.arrows table {width:750px; margin:240px 20px 280px auto}
.arrows table td {width:50%; background:#ED5E10; color:#FFF}
.arrows table td ul {margin:0 30px 0 45px; position:relative}
.arrows table td ul li {text-align:right; margin:0 0 16px 0; position:relative}
.arrows table td h6 {font-weight:normal; font-size:18px; text-align:right}
.arrows table td li.first {position:absolute; height:237px; top:-237px; width:510px; background:url(../img/orange.jpg); left:-100px}
.arrows table td li.title {font-size:28px; line-height:28px; padding-bottom:14px; position:absolute; top:-90px; _right:30px}
.arrows table td li h6 div {position:absolute; top:5px; right:98em; font-size:1px; line-height:1px; height:8px; width:8px; background-image:url(../img/arrow1.jpg); cursor:pointer; _right:135em}
.arrows table td li h6 div.hdn {visibility:hidden}
.arrows table td li h6 div.dn {background-position:bottom}

.arrows table td.right {background:#707070; vertical-align:bottom}
.arrows table td.right ul {margin:0 45px 0 30px}
.arrows table td.right ul li {text-align:left}
.arrows table td.right h6 {text-align:left}
.arrows table td.right li.first {bottom:-268px; top:auto; width:512px; background:url(../img/grey.jpg); left:auto; right:-90px; _bottom:-252px; _right:-60px}
*+html .arrows table td.right li.first {bottom:-270px}
.arrows table td.right li.title {position:static; top:0; padding-top:30px}
.arrows table td.right li h6 div {right:auto; left:-18px; background-image:url(../img/arrow2.jpg)}

.arrows ul {list-style:none}