/* DOCUMENT - DEFAULT STYLES */
* {margin:0px; padding:0px; border:0px;}
html,body {font-family:Verdana; font-size:10px; color:#ffffff;}
html {background-color:#6ab6e1;}
body {background:url("../images/bg.png") repeat-x;}
input, textarea {color:#314E5F; background-color:#ffffff; border:solid 1px #a4aab0; padding:1px 5px; font-size:11px; font-family:Verdana;}
textarea {padding:0px; font-family:Verdana;}
a {text-decoration:none; color:#ffffff;}
a:hover {text-decoration:underline;}
a.externallink {background:url("../images/icon_externallink.gif") no-repeat right 1px; padding-right:12px;}
select {vertical-align:middle; color:#314E5F; font-size:11px; border:solid 1px #a4aab0; background-color:#ffffff;}
h1, h2, h3 {color:#ffffff; font-size:24px; font-weight:normal; margin-bottom:5px;}
h2 {font-size:20px;}
h3 {font-family:Tahoma; font-size:16px; font-weight:bold;}
p {margin-bottom:10px;}
ul, ol {margin-left:30px;}
img.spacer {width:600px; height:1px;}

.clear {clear:both;}
.error, .req {color:#16374A; font-weight:bold;}


/* DOCUMENT - LAYOUT */
#outerDesign {text-align:center; width:100%;}
#innerDesign {margin:0px auto; width:970px; text-align:left; background:url("../images/bg_header.jpg") no-repeat left 14px;}


/* HEADER */
#headerinfoline {margin:0px auto; width:960px; height:16px; padding-top:2px; padding-right:10px; text-align:right;}
#headerinfoline a {margin-left:5px;}

#header {width:970px; height:231px;}
#header .flash {position:absolute; margin-left:544px; margin-top:20px;}
#header h2.text1 {position:absolute; width:350px; height:55px; margin-left:600px; margin-top:31px; font-size:18px; font-family:Tahoma;}
#header h2.text2 {position:absolute; width:350px; height:55px; margin-left:600px; margin-top:90px; font-size:18px; font-family:Tahoma;}

#logo {position:absolute; width:180px; height:190px; margin-left:99px; margin-top:10px; cursor:pointer;}

/* general styles */
#leftbg {background:url("../images/bg_left.png") repeat-y; margin-top:11px; float:left; width:235px;}
#leftbgbottom {background:url("../images/bg_left_bottom.jpg") no-repeat left bottom;}
#leftbgtop {background:url("../images/bg_left_top.jpg") no-repeat left top;}
#rightbg {background:url("../images/bg_right.png") repeat-y; float:right; width:250px; margin-top:10px;}

#tab_left {}
#tab_middle {margin-left:240px; margin-right:255px;}
#tab_right {background:url("../images/bg_right_fade.png") no-repeat left bottom; padding-left:40px;}

#tab_right h1 {font-size:14px; font-weight:bold; margin-left:0px; border-bottom:0px;}

h1.box {margin-left:10px; padding-top:5px; border-bottom:solid 1px #DFEDF6;}
h1.box span.region {font-size:18px; font-style:italic;}

a.button {background:url("../images/bg_button.png") no-repeat; width:185px; height:21px; display:block; text-align:center; font-size:11px; font-weight:bold; padding-top:4px;}

.iso {position:absolute; margin-top:150px; margin-left:810px; background:url("../images/iso.png") no-repeat; width:68px; height:66px;}

/* specific styles */
.menu {min-height:300px; _height:300px; padding-left:32px; margin-top:0px;}
.menu a:hover {text-decoration:none; color:#16374a;}
.menu .level1active {background:url("../images/menu_active.png") no-repeat; width:137px; height:21px; padding-top:5px; padding-left:40px;}
.menu .level1active a {font-size:12px; font-family:Tahoma; font-weight:bold;}
.menu .level1 {background:url("../images/menu_inactive.png") no-repeat; width:137px; height:21px; padding-top:5px; padding-left:40px;}
.menu .level1 a {font-size:12px; font-family:Tahoma; font-weight:bold;}
.menu .level2active {background:url("../images/menu_active2.png") no-repeat; width:117px; height:21px; padding-top:5px; padding-left:60px;}
.menu .level2active a {font-size:12px; font-family:Tahoma;}
.menu .level2 {width:117px; height:21px; padding-top:5px; padding-left:60px;}
.menu .level2 a {font-size:12px; font-family:Tahoma;}
.menu .level3active {background:url("../images/menu_active2.png") no-repeat; width:107px; height:20px; padding-top:6px; padding-left:70px;}
.menu .level3active a {font-size:11px; font-family:Tahoma;}
.menu .level3 {width:107px; height:20px; padding-top:6px; padding-left:70px;}
.menu .level3 a {font-size:11px; font-family:Tahoma;}
.menu img.spacer {width:200px;}

.news {padding:10px 0px 10px 10px;}
.news .item {padding-bottom:10px; text-align:justify; text-justify:auto;}
.news h2 {font-size:18px; font-family:Tahoma; margin-bottom:10px;}
.news h2 a {font-size:18px; text-decoration:underline;}
.news img.main {width:180px; height:120px; float:right; margin-left:10px; margin-top:2px; border:solid 1px #a4aab0;}
.news .links {margin-top:20px; text-align:right;}
.news .links a {margin:0px auto;}
.news div a img {vertical-align:middle;}
.news .gallery {padding-bottom:0px;}
.news img.spacer {width:459px; border-bottom:dotted 1px #87C6E7; padding-bottom:6px; margin-bottom:6px;}
.news .detailitem {margin-bottom:15px;}

.searchform {padding-bottom:20px;}
.searchform select {margin-bottom:10px; width:185px;}

.project {padding:10px 0px 10px 10px;}
.project h2 {font-size:14px; font-weight:bold;}
.project h2 a {text-decoration:underline;}
.project table {margin-bottom:0px;}
.project .item img.main {border:solid 1px #a4aab0; float:left; margin-right:10px; margin-top:2px; margin-left:3px;}
.project img.spacer {width:450px; border-bottom:dotted 1px #87C6E7; padding-bottom:6px; margin-bottom:6px;}
.project .links {margin-top:15px;}
.project .links a {margin:0px auto;}
.project td {vertical-align:top;}
.project .photo {text-align:center; width:150px; float:left;}
.project .photo h4 {font-size:11px; margin-bottom:5px;}
.project .draft {font-weight:bold; padding-left:23px; background:url("../images/ruler_pencil.png") no-repeat; padding-top:3px; padding-bottom:3px;}
.project table.param th {padding-bottom:5px;}
.project table.param td {padding-right:20px;}

.projectpreview {padding-top:10px; padding-bottom:20px; text-align:center; width:190px;}
.projectpreview img {margin-bottom:5px; border:solid 1px #a4aab0;}

.list {padding:10px 0px 10px 10px;}
.list table {width:459px; border-collapse:collapse;}
.list table th {border-bottom:dotted 1px #ffffff; padding:4px 2px 2px 2px; text-align:left;}
.list table td {border-bottom:solid 1px #87C6E7; padding:4px 2px;}
.list table tr td {cursor:pointer;}
.list .links {margin-top:15px;}
.list .links a {margin:0px auto;}

.gallery {padding:0px 0px 10px 10px;}
.gallery td a {font-weight:bold; font-size:14px; font-family:Tahoma;}
.gallery td a.back {font-weight:normal; font-size:12px; font-family:Tahoma;}
.gallery h1 {font-size:14px; font-family:Tahoma;}
.gallery img {margin-right:9px; margin-bottom:9px; border-top:solid 1px #34550a; border-left:solid 1px #34550a; border-right:solid 1px #245d62; border-bottom:solid 1px #245d62;}
.gallery .links {margin-top:10px; text-align:right;}
.gallery .links img {border:none;}
.gallery .links a {margin:0px auto; margin-bottom:5px;}
.gallery img.spacer {margin-right:0px; border:0px; width:450px; height:1px; margin-top:5px; margin-bottom:5px;}
.gallery img.split {margin-right:0px; border:0px; width:450px; height:1px; border-bottom:dotted 1px #87C6E7; padding-bottom:6px; margin-bottom:6px;}
.gallery .title a {text-decoration:underline;}

.htmledit {padding:15px 0px 25px 10px;}
.htmledit img {margin:0px 5px 5px 5px;}

#formlabel {width:25%; text-align:right; font-weight:bold;}
#formfield {width:75%;}
.form {width:450px; margin-left:10px;}
.form table {width:100%;}
.form .buttons {margin-top:10px;}
.form .buttons a {margin:0px auto; margin-bottom:10px;}
.form table tr td {padding:3px;}
.form table tr td:first-child {width:25%; text-align:right; font-weight:bold;}
.form table tr td:first-child+td {width:75%;}
.form input {width:97%;}
.form input.button {width:auto;}
.form input.radio {width:auto; border:none; background-color:transparent;}
.form select {width:100%;}
.form textarea {width:100%; height:60px;}

.paging {padding:10px 0px 0px 0px; text-align:center;}
.paging .spacer {width:450px;}
.paging .links {width:185px;}
.paging .prev {float:left;}
.paging .next {float:right;}

/* FOOTER */
#footer {height:176px; background:url("../images/bg_footer.png") repeat-x;}
#footer div {margin:0px auto;}
#footer .people {width:970px; height:128px; background:url("../images/footer_people.png") no-repeat;}
#footer .sitelinks {width:950px; text-align:left; padding-left:20px; padding-top:10px; font-weight:bold; line-height:15px;}
#footer .sitelinks a {font-weight:bold;}
#footer .copyright {width:950px; text-align:left; padding-left:20px;}

/* SITEMAP */
.sitemap {padding:10px 0px 10px 10px;}
.sitemap a {font-size:11px;}
.sitemap li {padding:3px 0px;}


/* EDIT */
.editContainer {padding:3px 15px; background-color:#D73308;}
.editContainer a {font-weight:bold; color:#ffffff;}

.adminarea {height:23px; padding-top:4px;}
.adminarea select {width:400px;}
.adminarea a {font-weight:bold; color:#ffffff; font-size:13px;}
