body {background-image:url(images/background.gif); background-repeat:repeat; padding-bottom: 25px; text-align: center; }
img {vertical-align:middle;}
strong {font-weight: bold;}

#holder {text-align: left; background-color: #FFFFFF; margin: 0px auto 0px auto; width: 85%; padding: 25px 10px 10px 10px; min-width: 760px; max-width: 1500px;} 
#ft {width: 100%; clear: both; padding-top: 1.5em; margin-top: 1.5em;  background-image: url(images/background.gif); background-position: top; background-repeat: repeat-x;}
#ft p { font-size: 0.85em;}
#ft img { vertical-align: baseline; margin-right: 0.8em;}

/* CONTENT */
#content h1 {font-weight: bold; font-size: 1.3em; margin: 0.3em 0em 0.6em 0em;}
#content h2 {font-weight: bold; font-size: 1.2em; margin: 1.5em 0em 0.4em 0em;}
#content h3 {font-weight: bold; font-size: 1.1em; margin: 1.5em 0em 0.4em 0em;}
#content p {margin: 0.5em 0em 0.6em 0em; position: relative;}
#content a {color: black;}
.pink-link {color: #E54097 !important; text-decoration: none;}
.pink-link:hover {text-decoration:underline;}
#content ul li {list-style-type:disc; list-style-position:inside; margin-left: 1em; padding-left: 1em; padding-bottom: 0.3em}
#content img.floater {float: right; margin: 0em 0em 0.5em 0.5em;}
#content table, #content ul {margin: 1em 0em 1em 0em;}
#content td, #content th {padding: 0.3em;}
#content th {font-weight: bold;}

#content ul.highlight {margin: 1em; padding: 1em 1em 1em 0em; border: 2px solid black;}
#content ul.highlight li {font-size: 1.3em; padding-left: 1.2em; font-weight: bold; color: #000000; list-style: none; background-image: url(images/pink-bullet.gif); background-repeat:no-repeat; background-position: 0px 5px; }
#content p.highlight {font-weight: bold; font-size: 1.1em; color: #E54097;}
#content ul.files {margin: 1em 0em 1em 0em;}

/* NAVIGATION */
#nav1 {float: right; width: auto; background-image: url(images/background.gif); background-position: bottom; background-repeat: repeat-x; padding: 10px 0px 15px 0px;}
#nav3 { padding: 10px 0px 0px 0px;}
#nav1 li, #nav3 li {display: inline; font-size: 0.85em; padding: 0em 0.8em 0em 1.3em; border-left: 1px solid #CDCDCD}
#nav1 :first-child {border-left: none;}
#nav3 :first-child {border-left: none; padding-left: 0em;}

#nav2 {margin-top: 25px; clear: both; background-color: #000000; width: 100%}
#nav2 li {display: block; width: auto; float: left;}
#nav2 li a {display: block; padding: 0.4em 1em 0.4em 1em;}

#nav4 {width: 24%; margin-right: 1%; float: left; margin: 15px 0px 0px 0px;}
#nav4 li {font-size:0.85em; margin: 0em 2em 0em 1em; padding: 0.5em 0em 0.5em 0em; display: block; border-bottom: 1px solid #7f7f7f}
#content-holder {width: 50%; float: left; margin-top: 15px;}
#side-bar {width: 23%; margin-left: 2%; float: left; margin-top: 15px;}

#nav4 li.board {border: none;}

/* LINKS */
#nav1 a, #nav3 a {text-decoration:none; color: #000000;}
#nav1 a:hover, #nav3 a:hover {text-decoration: underline; color: #7f7f7f}
#nav1 a.active, #nav3 a.active {font-weight: bold;}
#nav3 a.external {font-weight: normal !important;}

#nav2 li a {text-decoration: none; color: #ffffff; background-color: #000000; font-weight: bold;}
#nav2 li a:hover {text-decoration: underline; color: #CDCDCD;}
#nav2 li a.java-on {padding-right: 40px; padding-left: 10px; background-image: url(images/inactive-tab.gif); background-repeat: no-repeat; background-position: right 50%;}
#nav2 li a.active {background-image: url(images/active-tab.gif); background-position: right 49.2%; background-color: #ffffff; color: #000000; background-repeat:no-repeat}
#nav2 li a.adjacent-active {background-image: url(images/adjactent-active-tab.gif); background-position: right 50.8%; background-repeat:no-repeat}

#nav4 li a {text-decoration:none; color: black; padding-left: 20px; background-image:url(images/submenu.gif); background-repeat:no-repeat; background-position: 3px 50%;}
#nav4 li a:hover {text-decoration:underline;}
#nav4 li a.active {font-weight: bold;  background-image:url(images/submenu-active.gif);}

#nav4 li.board a {background-image: none; margin: 0px; padding: 0em; font-size: 1.1em}
#nav4 li.fabrick {background-color:  #E54097; padding-left: 0.3em; padding-right: 0.3em; margin-bottom: 0.3em}
#nav4 li.tees {background-color: rgb(113, 191, 56); padding-left: 0.3em; padding-right: 0.3em; margin-bottom: 0.3em}
#nav4 li.erimus {background-color: rgb(81, 140, 201); padding-left: 0.3em; padding-right: 0.3em; margin-bottom: 0.3em}

#nav1 a.neveractive {font-weight: normal;}

#content a[href $='.pdf'] { 
   padding-right: 17px;
   background: transparent url(images/icon_pdf.gif) no-repeat center right;
   display: inline-block;
}

#home-feature a {color: #ffffff; font-weight: bold; text-decoration:none; background-image:url(images/pink-link-onblack.png); background-repeat:no-repeat; background-position: 5px 50%; padding: 3px 3px 0px 30px;}
#home-feature a:hover {background-image:url(images/pink-link-hover-onblack.png); text-decoration:underline;}
.news-item p a, a.highlight-link {color: #000000; font-weight: bold; text-decoration:none; background-image:url(images/pink-link-onwhite.png); background-repeat:no-repeat; background-position: 5px 50%; padding: 3px 0px 3px 30px;}
.news-item p a:hover, a.highlight-link:hover {background-image:url(images/pink-link-hover-onwhite.png); text-decoration:underline;}
a.highlight-link-black {color: #000000; font-weight: bold; text-decoration:none; background-image:url(images/black-link-onwhite.png); background-repeat:no-repeat; background-position: 5px 50%; padding: 3px 0px 3px 30px;}
a.highlight-link-black:hover {background-image:url(images/black-link-hover-onwhite.png); text-decoration:underline;}


/* GENERAL STYLES */
.half-col {width: 48%; margin-right: 1%; padding-left: 0.5%; padding-right: 0.5%; float: left; }
.full-col {clear: both; width: 100%;}
.black-header {font-weight: bold; background-color:#000000; color: #ffffff; padding: 0.25em 20px 0.25em 0.7em; background-image:url(images/black-corner.gif); background-repeat:no-repeat; background-position: top right;}
.feature-box {padding-bottom: 1em;}
.feature-box h2 {font-weight: bold; background-color:#E54097; color: #ffffff; padding: 0.25em 20px 0.25em 0.7em; background-image:url(images/pink-corner.gif); background-repeat:no-repeat; background-position: top right;}
.feature-box p {margin: 0.4em 0em 0.5em 0em;} 

/* SPECIFIC */
#home-feature {color: #ffffff;  background-color: #000000; background-image:url(images/home-bg.gif); background-repeat:repeat; background-position: top right; margin-top: 15px; margin-bottom: 15px;}
#home-feature div {margin-right: -5px; padding: 1em 50% 1.5em 1em; background-image:url(images/home-bg-corner.gif); background-repeat:no-repeat; background-position: top right;}
#home-feature h1 {font-weight: bold; font-size: 2.5em; margin-bottom: 0.5em;}
#home-feature p {margin: 0.5em 0em 0.7em 0em;}

a.text-size {padding-left: 0.1em; font-weight: bold;}
#medium-text-size, .medium-text-size {font-size: 1.4em;}
#large-text-size, .large-text-size {font-size: 1.7em;}

.news-item {overflow: hidden; clear: both; padding-bottom: 0.2em; margin: 0.6em 0em 0em 0em; border-bottom: 1px solid #7F7F7F}
.news-item .news-image {float: left; margin: 0.5em 0.8em 0.4em 0em; text-align: center;}
#content .news-item h2, #content .news-item p {margin: 0.2em 0em 0.5em 0em !important}
.news-item h2 {font-weight: bold;}
.news-item p.date, #vacancy p.date {color: #E54097;}

.login, .logout {clear: both; padding: 10px 0.5% 0 0.5%;}
.login a, .logout a, .news .admin-tools a {color: #000000;}
.login a:hover, .logout a:hover, .news .admin-tools a:hover {color: #7f7f7f}
#ft .error_msg {padding: 5px 0.5% 0 0.5%; color: #FF0000;}
.news p {margin: 0.5em 0em 0.5em 0em;}
.news .admin-tools {margin: 0.5em 0em 0.5em 0em;}
.error_msg {color: #FF0000;}

#news img {float: right; margin: 0em 0em 0.5em 0.5em}

#content form.admin-form * {vertical-align: top;}
#content table.admin-form, #content form.admin-form {clear: both; width: 100%; padding-top: 0.5em; font-size: 1em}
#content form.admin-form fieldset {margin: 0em 0.5em 0.5em 0.5em; padding: 0.5em 1.5em 0.5em 1.5em; border: 1px solid #7f7f7f}
#content form.admin-form legend {padding: 0.2em 0.5em 0.1em 0.5em;  font-weight: bold;  font-size: 1.0em;}
#content form.admin-form label {font-weight: bold; font-size:  0.9em;}
#content form.admin-form table td {padding: 0.3em 0em 0.3em 0em;}
#content form.admin-form table td.form_label {vertical-align: top; text-align: right; padding-right: 0.6em;  padding-top: 0.5em; }
#content form.admin-form table td.form_error_image {text-align: right; padding-right: 0.5em;}
#content form.admin-form td.form_error_image {vertical-align: middle;}
#content form.admin-form img.field_failed_validation {float: left; }
#content form.admin-form td img.field_failed_validation {float: none; }
#content form.admin-form #fhf_buttons {margin-left: 25px;}
#content form.admin-form p {padding: 0em 0em 0.5em 0em; margin: 0em;} 
#content table.admin-form p {padding: 0em 0em 0em 0em; margin: 0em;} 
#content div.fhf_note img {float: left;}
#content form.admin-form div.fhf_note p {padding-top: 4px; padding-left: 0.4em;}
#content form.admin-form div.fhf_note {margin-top: 0.2em;}
#content form.admin-form textarea {width: 85%;}
#content table.admin-form td {padding: 0em 0.4em 0em 0.4em;}
#content table.admin-form td img, #content table.admin-form td button, #content table.admin-form td input {vertical-align: middle;}
#content table.admin-form span.radio {display: block; float: left; width: 45%;}

.admin-tools {width: auto; float: right; clear: right;}
.admin-tools * {display: inline; vertical-align:  middle;}

#content .agenda td, #content .agenda th {vertical-align: top;} 
#content .agenda th {margin: 0em; padding: 2em 0em 0.2em 0em;}
#content .agenda th p, #content .agenda td p {padding: 0em; margin: 0em;}
#content .agenda tr  td + td +td {white-space:nowrap;}

#fh4 fieldset {border: 1px solid #7F7F7F;padding: 0em 1em}
#fh4 legend {font-size: 0.85em; padding: 0em 1em; }
#fh4 .LV_validation_message {display: block; padding-left: 0em; }
#fh4 .fhLabel {vertical-align: top}
#fh4 .fh4Buttons {margin: 1em 0em; position: relative;}
#fh4 .fhSecondary {float: right; position: absolute; top: 0px; right: 0px}
#fh4 .fhRequired {display: none}
p.success {color: #146a00; font-weight: bold}
div.adminTools {float: right; clear: right; margin: 0em 0em 1em 1em}
div.adminTools img {padding-left: 0.5em}
span.adminTools {padding-left: 1em}
#content p.adminTools {margin-top: 2em}
.caps {text-transform: uppercase}
#content span.number {display: block; position: absolute; top: 0px; left: 0px}
#content span.value {display: block; margin-left: 40px}
#content .child1 {margin: 0.5em 0em 1em 70px;}
#content .child1 li {list-style: none; margin: 0.5em 0em; padding: 0em}
#content .sort {margin: 1em 0em}
#content .sort li {list-style: none; margin: 0.5em 0em; cursor: move; padding: 0em}