html {font-size: 100%} /* IE hack */
body {font: small Verdana, Arial, Helvetica, sans-serif; background: #2698b4 url(img/bg.jpg) top left no-repeat; color: #333; text-align: center} /* #dceef1 */
* html body {font-size: x-small; /* for IE5/Win */
  f\ont-size: small /* for other IE versions */}
#container {width: 980px; font-size: 90%; margin: 0 auto; text-align: left; background: #fff url(img/bg_vertical_people.jpg) 25px 0 repeat-y; border: 4px solid #000}
#container .content {margin-left: 175px; width: 805px; background: url(img/bg_footer_1000.png) bottom center no-repeat; padding-bottom: 120px}
a:link, a:visited {color: #008da9; text-decoration: none}
a:hover, a:active {text-decoration: underline}
img {border: none}
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; margin: 0 0 .3em}
h1 {font-size: 155%; border-bottom: 1px dashed #ccc; letter-spacing: .3em; padding-bottom: 4px}
h2 {font-size: 145%}
h3 {font-size: 135%}
h4 {font-size: 120%}
h5 {font-size: 110%}
h6 {font-size: 100%}


/* general
--------------------------------------- */
.border {border: 1px solid #999}
.alert {color: #c00}
.dim, a:link.dim, a:visited.dim {color: #999; font-size: 90%}
a:hover.dim {color: #666}
.clear {clear: both}
.hr {border-bottom: 1px dashed #999; margin: 5px 0; clear: both}
 hr {padding: 0; margin: 0; display: none}


#main .inner {}
#header {margin-bottom: 15px}
#header h1 {width: 225px; height: 84px; text-indent: -9999em; margin: 10px 0 0; padding: 0; border: none; float: left}
#header h1 a {display: block; height: 84px; background: url(img/logo_access_225.png) no-repeat; text-decoration: none; margin: 0; padding: 0}
#header h2 {width: 289px; height: 84px; text-indent: -9999em; margin: 10px 0 0 235px; padding: 0}
#header h2 a {display: block; height: 84px; background: url(img/header_membership.png) no-repeat; text-decoration: none; margin: 0; padding: 0}
#home_txt {width: 65%; margin: 40px auto}
#footer {width: 980px; font-size: 90%; margin: 10px auto 0; background: #fff; text-align: right; border: 4px solid #000}
#footer .content {padding: 5px}


/* form management */
form {padding: 0; margin: 0}
input.text, textarea.textarea {border: 1px solid #666; padding: 0 4px; font: 11px Verdana, Arial, Helvetica, sans-serif}
textarea.textarea {height: 80px}
input.text {height: 15px; line-height: 15px}
select.select {font: 11px Verdana, Arial, Helvetica, sans-serif}
input.button {background: #eee; color: #666; padding: 0; margin: 0; font: bold 11px Arial, Helvetica, sans-serif; border: 1px solid #666}

/* table management */
table.form {border: 1px solid #ccc}
table.form td {padding: 3px; vertical-align: top}
table.form tr.odd td {background: #F1F1F1}
table.form tr.even td {background: #F8F8F8}
table.form td.label {text-align: right; font-weight: bold}
table.form td.input {padding-right: 10px}







/* http://positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-table}
    /* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
    /* End hide from IE-mac */


/* box
.box {margin: 20px 0 10px 0; position: relative; clear: both}
.box_top {height: 15px; margin: 0; background: url(i/bg_box_section.gif) 100% 0 no-repeat}
.box_top div {width: 15px; height: 15px; background: url(i/bg_box_section.gif) 0 0 no-repeat}
.box_content {padding: 0 8px; border-left: 1px solid #ccb6a8; border-right: 1px solid #ccb6a8; background: #f7f4e1}
.box_bottom {height: 15px; margin: 0; background: url(i/bg_box_section.gif) 100% 100% no-repeat}
.box_bottom div {width: 15px; height: 15px; background: url(i/bg_box_section.gif) 0 100% no-repeat}
.box h2 {margin: 0; padding: 4px 0}
.box h4 {margin: 0; padding: 3px 0; font-size: 100%}
.box p {padding: 10px 0; margin: 0}
.box ul, .box ol {margin: 0}

.box_border .box_top {background: url(i/bg_box_border.gif) 100% 0 no-repeat}
.box_border .box_top div {background: url(i/bg_box_border.gif) 0 0 no-repeat}
.box_border .box_content {background: #fff}
.box_border .box_bottom {background: url(i/bg_box_border.gif) 100% 100% no-repeat}
.box_border .box_bottom div {background: url(i/bg_box_border.gif) 0 100% no-repeat}
 */