/* CSS Document */

* {padding:0; margin:0; text-align:left}
html, body {background:#BFBBB8; color:#333; line-height:100%; font-size:100%; font-family:helvetica, tahoma, arial, verdana, sans-serif; height:100%}
table, td, img {border:0; vertical-align:top; border-collapse:collapse; font-size:100%}

a:link {color:#FFF; text-decoration:underline}
a:hover {color:#FFF; text-decoration:none}
a:visited {color:#FFF; text-decoration:underline}
a:visited:hover {color:#FFF; text-decoration:none}

.main {font-size:70%}

h2,h3 {margin-left:12px; color:#666; font-size:100%;font-weight: normal }
h1 {color:#FFF; font-size:150%; text-transform: uppercase;text-align :center; margin-bottom:0}
h1.f,h2.f,h3.f,p.hj {color:#FFF; font-size:120%; padding-left: 0px; text-transform: uppercase;margin-left:0px;font-weight: bold;margin-bottom:0}
h2.f2 {color:#FFF; font-size:150%; text-transform: uppercase;text-align :center; margin-bottom:0;font-weight: bold}
.main {width:100%; line-height:140%}
.main td .box {width:800px; margin:auto}
.box_opt {width:550px; margin:auto}

.main .middle {height:auto; vertical-align:middle}

.main .left {width:20%; background-color:#FFF}
.main .bl {background:#FFF}

.main .red td {border:1px solid red}

.header {width:100%; background:#BFBBB8; font-size:120%}
.header td {text-align:left; text-decoration:none; width:14%; vertical-align:top}
.header td a {text-decoration:none; padding:10px 0 7px 10px; display:block}
.header td a:hover {text-decoration:underline}
.header .logo {text-align:left; width:auto; padding-bottom:10px}
.header td table tr td {height:60px; border-left:1px solid #dad8d5; vertical-align:middle}

.menu {color:#666; margin:0 0 0 20px; list-style:none}
.menu li a:link, .menu li a:visited {color:#00C}
.menu ul {margin-left:11px; list-style:none}
.menu ul li {white-space:nowrap}

.flash {background-position:top left; background-repeat:no-repeat; background-color:#A1A09C; position:relative; font-size:90%; color:#FFF}
.flash p {float:right; width:140px; margin:2px 10px 0 0;line-height:110%;}
.flash div {position:absolute; top:200px; left:390px; width:200px; text-align:right; color:#CCC}

.doorline {background:#666261}
.doorline td {padding:6px 0 12px 0}
.doorline a {margin-left:12px}
.doorline a.img {display:block; height:100px; width:100px; border:none; cursor:pointer; background-repeat:no-repeat; background-position:center; margin:12px}
.doorline a.img:hover {border:6px solid #FFF; margin:6px}

h2.title {color:#FFF; padding:0 0 10px 20px;}

.doorline2 {margin-bottom:20px}
.doorline2 a.img {display:block; height:100px; width:100px; border:none; cursor:pointer; background-repeat:no-repeat; background-position:center; margin:30px 12px 6px 12px}
.doorline2 p {margin-left:12px; color:#666}
.doorline2 p a, .doorline2 p a:visited, .doorline2 p a:hover {color:#036; display:block; font-size:120%; text-decoration:none}

.maplink {float:right; padding:10px 10px 10px 0; border-right:1px solid #FFF; white-space:nowrap}
.copy {float:left; padding:10px 0 10px 10px; border-left:1px solid #FFF; white-space:nowrap; color:#666}

* html .flash p {margin:2px 5px 0 0}
* html .doorline td, * html .doorline2 td {text-align:left}
* html .doorline a.img:hover {border:6px solid #FFF; margin:12px}
* html h2.title {padding:0 0 10px 10px}