* {margin:0;padding:0}
html, body {height:100%}
body {background:#8397a4 url(../img/BGbody.gif) repeat-x fixed;font:100%/1.2 Arial, Helvetica, sans-serif;text-align:center}
img {border:0}
hr {display:none}
a {color:#64cbff}

#site {display:table;overflow:hidden;text-align:center;width:100%;height:100%}
#site-inner {width:745px;height:476px;display:table-cell;vertical-align:middle}
#site-content {background:url(../img/BGcontent.gif) no-repeat 0 0;width:739px;height:476px;margin:0 auto;text-align:left;padding:7px 8px}

#header {width:197px;float:left}
#header h2 {margin:0}
#logo {width:197px;height:96px;display:block;overflow:hidden;position:relative}
#logo span {width:197px;height:96px;display:block;overflow:hidden;position:absolute;top:0;left:0;background:url(../img/logo.gif) no-repeat;cursor:pointer}

#content {width:370px;height:440px;float:right;color:#fff;margin-right:10px;overflow:auto;font-size:80%}
#content-inner {padding:1.3em 1.6em 1em 0;text-align:justify}
#content-inner p {margin-bottom:10px}

#menu {width:140px;height:440px;background:url(../img/BGmenu.gif) no-repeat;float:left}
#menu menu {list-style-type:none;text-align:right;font-size:75%;text-transform:uppercase;padding:15px 10px 0 0}
#menu menu li {background:url(../img/menu-dotted.gif) no-repeat 100% 100%;padding:5px 0 1px}
#menu menu li a {font-weight:bold;color:#fff;text-decoration:none;background:url(../img/menu-square.gif) no-repeat 100%;padding-right:10px}

.articles {clear:both;background:url(../img/dotted.gif) repeat-x 0 100%;padding-bottom:5px;margin-top:15px}
.articles span {border:3px solid #507ea0;padding:1px;float:left;margin-right:10px}
.articles h3 {font-size:100%;text-transform:uppercase}
.articles h3 a {text-decoration:none}
.articles p {font-size:85%}
.end {background:none}

#footer {font-size:70%;color:#dfebf5;display:block;clear:both;height:34px;line-height:34px;margin:10px 0 0;text-align:center}
#footer a {color:#dfebf5}
#footer sup {text-decoration:none}

h1 {font-size:115%;margin-bottom:10px}
h2, h3, h4 {margin:10px 0 5px}
h2 {font-size:110%}
h3 {font-size:100%}
h4 {font-size:90%}

.page_form fieldset {border:1px solid #add1db;padding:10px;margin:10px 0}
.page_form fieldset legend {color:#fff;font-weight:bold;border:1px solid #add1db;padding:2px 5px}
.page_form fieldset label {text-align:right;display:block;width:8em;float:left;padding-left:5px}
.page_form fieldset.areas label {text-align:left;float:none;width:100%;padding:0}
.page_form fieldset.areas .check {float:left}
.page_form fieldset.areas .check label {text-align:right;display:block;width:8em;float:left;padding-left:5px}
.page_form fieldset.areas textarea {width:97%}
.page_form .submit {margin:0 auto;border:1px solid #add1db;cursor:pointer}
input, textarea {padding:1px 2px}
input:focus, textarea:focus {border:2px solid #add1db}