@charset "utf-8";
/* style.css */

body { background: #fff; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
h1, h2, h3 { font-family: "Times New Roman", Times, serif; font-weight: normal; letter-spacing: -1px; margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
a img { border: none; }
a { color: #34ADAD; text-decoration: underline; }
a:hover { color: #34ADAD; text-decoration: none; }

#container { width: 960px; position: absolute; top: 0; left: 50%; margin-left: -480px; }
#head { height: 240px; position: relative; overflow: hidden; }
#logo { width: 191px; height: 58px; position: absolute; top: 23px; left: 0; }
#logo a { display: block; width: 191px; height: 58px; background: url('../design/logo.jpg') no-repeat top left; text-decoration: none; }
#title-url { position: absolute; top: 69px; left: 97px; font-size: 10px; color: #ccc; letter-spacing:1px; }
#head-design { width: 760px; height: 100px; background: url('../design/bg_head.jpg') no-repeat top left; overflow: hidden; position: absolute; top: 0; right: 0; }
#marquee { width: 960px; height: 25px; background: url('../design/bg_marquee.jpg') repeat-x top left; border-bottom: 5px solid #C2A366; position: absolute; top: 100px; left: 0; }
#marquee-outer { width: 760px; margin-left: 200px; margin-top: 5px; overflow: hidden; height: 15px; color: #000; position: relative; }
#marquee-outer a { color: #fff; font-weight: bold; text-decoration: underline; }
#marquee-outer a:hover { text-decoration: none; }

#date { width: 200px; position: absolute; top: 105px; left: 4px; font-size: 12px; letter-spacing: -1px; }
#slogen { width: 400px; position: absolute; top: 48px; right: 10px; color: #fff; font-size: 20px; text-align: right; }
#enflag { width: 26px; height: 16px; position: absolute; top: 10px; right: 10px; }

#body { margin-top: 10px; width: 960px; }
#left { width: 200px; float: left; margin-right: 10px; }
#center { width: 540px; float: left; }
#right { width: 200px; float: left; margin-left: 10px; }
* html #right { margin-left: 5px; }

#left a.heading { display: block; width: 190px; height: 70px; padding: 5px; background-image: url('../design/bg_a_heading.jpg'); background-position: left top; background-repeat: repeat-x; margin-bottom: 5px; color: #996600; text-decoration: none; font-size: 10px; }
#left a.heading strong { display: block; margin-bottom: 5px; font-family: "Times New Roman", Times, serif; letter-spacing: -1px; color: #000; font-size: 18px; font-weight: normal; text-transform: uppercase; }
#left a.heading:hover { background-position: left bottom; }
#left a.heading:hover strong { color: #fff; }

.box-title { width: 190px; height: 20px; padding: 5px; background: url('../design/bg_box_title.jpg') repeat-x top left; margin-top: 10px; font-family: "Times New Roman", Times, serif; letter-spacing: -1px; color: #fff; font-size: 16px; text-transform: uppercase; }
.box-content { padding: 5px; }

#selected { height: 330px; }
#selected-main { width: 265px; height: 330px; float: left; margin-right: 10px; overflow: hidden; position: relative; }
#selected-main h1 { color: #960; font-size: 20px; margin: 5px; }
#selected-main p { margin-left: 5px; }

#headlines { position: absolute; top: 0; left: 0; background: #eee; }
#headlines .headline { width: 265px; height: 330px; float: left; }
#headlines-links { position: absolute; bottom: 2px; right: 2px; text-align: right; z-index: 9999; }
#headlines-links a { display: block; width: 15px; height: 15px; padding: 1px; background: #fff; float: left; margin: 2px; text-align: center; text-decoration: none; color: #ddd; }
#headlines-links a:hover { color: #000; }
#headlines-links a.activeSlide { color: #000; text-decoration: none; background: #34ADAD; }

a.more { display: block; margin: 5px; background-image: url('../design/bg_a_more.jpg'); background-repeat: no-repeat; background-position: left top; color: #34ADAD; padding-left: 20px; height: 15px; overflow: hidden; }
a.more:hover { background-position: left bottom; text-decoration: none; }
.selected-item { float: left; width: 260px; padding-left: 5px; border-top: 1px dotted #ccc; padding-bottom: 5px; }
.selected-item h2 { color: #960; font-size: 18px; margin: 5px; }
.selected-item img { float: left; margin: 5px; }
.selected-item p { font-size: 10px; }

#headings { width: 540px; clear: both; margin-top: 10px; }
#headings .coloumn1 { width: 265px; float: left; margin-right: 10px; }
#headings .coloumn2 { width: 265px; float: left; }

#headings .heading { width: 265px; height: 150px; overflow: hidden; }
#headings .heading h3 a { display: block; height: 32px; width: 255px; color: #fff; background-image: url('../design/bg_heading.jpg'); background-position: left top; background-repeat: no-repeat; text-decoration: none; font-size: 20px; padding: 5px; }
#headings .heading h3 a:hover { background-position: bottom left; }
ul.links { list-style: none; margin: 0; padding: 0; padding-bottom: 20px; }
ul.links li a { display: block; color: #960; padding-left: 20px; background: url('../design/bg_a_more2.jpg') no-repeat left top; margin-left: 10px; margin-top: 5px; }
ul.links li a:hover { text-decoration: none; }
ul.links li.links-more { margin-top: 20px; }
ul.links li.links-more a{ color: #34ADAD; }


#search { height: 30px; }
#search form input.search-input { width: 120px; border: 1px solid #ccc; background: #fff url('../design/bg_input.jpg') repeat-x top left; }

a.misc { color: #34ADAD; text-decoration: none; }
a.misc:hover { color: #960; text-decoration: none; }

p.poll-p { margin-bottom: 10px; }
p.poll-input { clear: both; width: 30px; float: left; overflow: hidden; height: 20px; }
p.poll-label { width: 160px; float: left; overflow: hidden; margin-top: 5px; position: relative; }

#foot { clear: both; border-top: 5px solid #eee; padding-top: 10px; color: #999; margin-top: 10px; margin-bottom: 20px; }
#foot a { color: #34ADAD; text-decoration: underline; }
#foot a:hover { color: #34ADAD; text-decoration: none; }

/* sub pages */
h1.subpage { margin-bottom: 10px; }
h1.subpage2 { margin-bottom: 0; border-top: 1px dotted #ccc; margin-top: 10px; padding-top: 10px; }
.item { clear: both; border-top: 1px dotted #ccc; padding: 10px; }
.item .item-image { width: 80px; float: left; margin-top: 10px; }
.item .item-content { float: left; width: 440px; padding-bottom: 10px; }
.item .item-content h2 { color: #960; font-size: 18px; margin: 5px; }
.item .item-content p { margin-left: 5px; margin-bottom: 10px; }

.content p { margin-bottom: 10px; text-align: justify; }
p.heading-link a { color: #34ADAD; text-decoration: underline; font-family: "Times New Roman", Times, serif; }
p.heading-link a:hover { color: #34ADAD; text-decoration: none; }
img.image { float: left; margin-right: 10px; }
p.intro { float: left; width: 265px; font-weight: bold; }
.clear { clear: both; }
p.info { font-size: 10px; color: #999; margin-bottom: 10px; }

/* forms */
form p.form-label { margin-top: 5px; }
form p.form-input input { width: 188px; border: 1px solid #ccc; background: #fff url('../design/bg_input.jpg') repeat-x top left; }
form p.form-submit { clear: both; text-align: center; margin-top: 5px; }

/* banners */
#hirdetes_img { position: absolute; bottom: 100px; left: 0; }
.banner-top { width: 960px; height: 100px; background: #C2A366; overflow: hidden; position: absolute; bottom: 0; left: 0; }
.banner-rectangle { width: 180px; height: 150px; margin-left: 10px; margin-top: 10px; overflow: hidden; }

.error-message { color: #ff1111; padding: 6px; }

.hirlevel-form  fieldset { margin: 10px 4px; }
.hirlevel-form label  { display: block; margin: 4px 0 2px 0; }

.poll-bar { background: #9BD7D7; height: 10px; clear: both; margin-bottom: 8px; }