h1 { font-size: 16px; color: #006699; }
h2 { font-size: 14px; color: #3fb1e7; }
h3 { font-size: 12px; color: #3fb1e7; }
h4 { font-size: 12px; }



abbr, acronym, dfn  { border-bottom:  1px dotted; white-space: nowrap; }
.cleaner { clear: both;  height: 1px; border: none; visibility: hidden; font-size: 0; margin:0; padding: 0;}
div.message-info { padding: 1.5em; margin: 2em; border: 1px solid green; color: green; background-color: #c8f3c8;}
.content-block {  }
.block-description { padding-left: 20px; } 

body { background: #005785 url('bg-body.png'); padding: 0; margin: 0; font-size: 12px; font-family: verdana, sans-serif; color: #333333; text-align: left; }

#container { position: relative; padding: 0 172px; width: 837px; margin: auto; background: white url('bg-body2.png'); }
#bg-container { background:  url('bg-area-bottom.png') center bottom no-repeat; }

#header #logo img { display: block; position: absolute; top: 0; left: 145px; border: 0; }

#area { width: 837px; padding-top: 115px; padding-bottom: 30px; background: url('banner-area-top.png') no-repeat; }


#panel, #content, #bar { float: left; margin-left: 10px; }

#panel { padding-top: 85px; }
#bar, #panel { width: 181px;  }
#content { width: 435px; padding-top: 14px; }


.menu li { border-bottom: 1px dashed #d4d4d4; list-style-type:square; list-style-position: inside; padding: 3px 1px 3px 4px; color: #cccccc; }
.menu { padding: 0 3px 0 3px; margin-left: 0px;  }
.menu li a { color: #333333; text-decoration: none; }
.menu  a:hover, .menu a.active { font-weight: bold; }


#footer { clear: both; background: url('bg-footer.png') center center no-repeat;  padding: 0 15px 10px 0; color: white; font-size: 10px; }
#footer .webdesign { width: 100%; text-align: right;  }
#footer .webdesign a { color: white; text-decoration: none; }
#footer .webdesign a span { text-decoration: underline; }
#footer .copyright { width: 100%; text-align: right; }



#panel h3, #bar h3 { color: #333333; height: 34px; line-height: 34px; vertical-align: center; position: relative; width: 160px; font-size: 10px; }
#panel h3 { background: url('bg-menuitem-left.png') no-repeat; padding-left: 30px; text-align: left; left: -9px;  }
#bar h3 { background: url('bg-menuitem-right.png') no-repeat; padding-right: 30px; text-align: right; right: 1px;  }


table  { background: #e7e7e7; }
table th { background-color: #d0d0d0;  font-weight: normal; }
table td { background-color: white; }
table th, table td { padding: 3px 3px; text-align: left; }


#bar input, #bar textarea { display: block; clear: both; border: 1px solid #999999; margin-bottom: 5px; background: white; }
#bar input { width:160px; }
#bar textarea { width:160px; }
#bar .submit { background: #d7b563;  color: white; font-weight: bold;  margin-bottom: 0px; }
.block-bar { padding: 3px 10px 3px 10px; }

.message-info, .message-warning { margin: 1em; }
.message-info { color: green; }
.message-warning { color: red; }

#content p { text-align: justify; }
#content img { margin: 5px; }
.right { float: right; margin: 5px; }
.left { float: left; margin: 5px; }
.center { text-align: center; margin-right: auto; margin-left: auto; }