/* ----------------------- HEADER & MAIN & FOOTER LAYOUT --------------------------- */
body {margin:20px; padding:0px; text-align:center; font-family: Georgia, Arial; font-size:11px; color:#1d1d1d; background-color: #cae1f3}

#content, #footer {position:relative; margin:auto; text-align:left; width:900px; font-size:13px; border: 1px solid #336699; background-color: #ffffff; _width: 905px}
#left {float: left; width: 230px; background-image:url("../graphic/left-bg.gif"); background-repeat:repeat-y}
#left-image-top {width: 230px; height: 570px; position: absolute; top: 0px; left: 0px; background-image:url("../graphic/left-top.jpg"); background-repeat:no-repeat}
#left-image-bottom {width: 230px; height: 180px; position: absolute; bottom: 0px; left: 0px; background-image:url("../graphic/left-bottom.jpg"); background-repeat:no-repeat}
#left-text {width: 180px; position: relative; top: 150px; left: 20px; font-weight: 800; font-size: 16px; color: #032a87}
#right {position: relative; margin-left: 230px; text-align: justify; width: 670px;}

/* head and menu */
#languages {position:absolute; top: 50px; right: 40px}
#left a.logo {position: absolute; top: 30px; left: 10px; width: 208px; height: 130px}
#left span, #left ul li {font-size: 14px; color: #ffffff; font-weight: normal; text-align: left}
#left ul {padding-left: 20px}
#menu div.split {background-color: #7ac5ff; width: 1px; margin-top: 30px; height: 15px}

/* footer */
#footer {position: relative; color:#3f3f3f; font-size: 11px; padding-top: 10px; background: none; border: 0px}
#footer a {color: #898888; text-decoration:none; font-weight: normal}
#footer a:hover {color: #aaaaaa; text-decoration:underline;}

h1 {font-size: 20px; color:#1d6299; font-weight: 800; text-transform: uppercase; padding-top: 30px; text-align: left;}
h3, h4 {font-weight: bold; padding: 0px; margin: 0px; font-size: 13px}

/* regular tags definition */ 
.inbox {padding:10px}
.inbox_right {padding: 0px 30px 15px 30px; z-index:2}
.div-right {float: right; width: 200px; border: 0px; background-color: #cae1f3; color: #000000; margin: 0px 0px 20px 20px; font-size: 13px}
.div-right .header {background-color: #ffffff; color: #ba2a28; padding: 5px; text-align: center; font-weight: bold}
.div-right ul {margin-left: 18px; padding-left:0px}
.div-right ul li {padding-left: 0px; margin-left: 0px; text-align: left}
div.gallery {position: relative; width: 100%; height: 90px; border-top: 3px dotted #336699; border-bottom: 3px dotted #336699; padding-top: 7px; clear: right}
div.thumbnail, div.thumbnail-last {width: 100px; height: 75px; padding: 3px; float: left; margin-right: 15px}
div.thumbnail-last {margin-right: 0px}
div.book {margin: auto; text-align: center; height: 25px; padding-top: 10px; border: 3px dotted #336699; _height: 41px}
form {padding: 0px; margin: 0px}

input, textarea, select {font-family: Georgia, Arial; background-color:#e2e2e2; border:1px solid #ffffff}
textarea {overflow: auto}
input.submit {font-size: 13px; color:#fff; background-color: #336699; border: 0px; font-weight: 800}
input.error, textarea.error {background-color: #ffc4c4}
div.error {background-image:url("../../graphic/error.jpg"); background-repeat:no-repeat; width: 17px; height: 14px; position: absolute; right: 100px}

.cleaner {	clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent}

a {color:#ba2a28; font-weight: bold; text-decoration:underline}
a:hover {color: #747474}
a img {border:0px}

table td {font-family: Georgia, Arial; font-size:12px}
table th {color: #000000; margin: 0px 0px 20px 20px; padding: 3px}
table td.title {background-color:#e6f7fd}
table td {padding:2px}
table tr th:hover {background-color: #ffffff}
table tr.higlighted:hover {background-color: #cae1f3}

ul {line-height:18px}

fieldset {border:1px solid #dcdddf; padding:15px; margin: 0px}
legend {font-weight: bold; padding-left:1px; padding-right:10px; color:#ba2a28}

.nb {border: 0px}
.incenter {margin-right:auto;margin-left:auto;width:300px}

/* classic table */
table.classic {width: 100%; _width: 90%}
table.classic th {color: #000000; padding-left: 20px}
table.classic td {padding-left: 20px}

/* error */
div.err_error, div.err_warning, div.err_notice {text-align: center; border: 1px solid #dcdddf; min-height:18px; padding-top:3px; color: #ffffff; font-weight: bold;}
div.err_error {background-color: #c41224;}
div.err_warning {background-color: #fbb058}
div.err_notice {background-color: #79b1d4}
div.letter {display: none; margin: auto; padding: auto;}

.digg {float: right; width: 70px; height: 90px; text-align: right}
.permanent-link {font-size: 10px}
