body {background-image:none; padding-bottom: 25px; text-align: center; }
img {vertical-align:middle;}
strong {font-weight: bold;}
em { font-style:italic;}

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

#below_nav {float: right; width: auto; padding: 5px 0px 5px 0px; clear: right;}
p.register {font-size: 0.85em; float: right; width: auto; padding: 5px 0px 0px 0px;}
p.register a {padding: 0em 0.6em 0em 0.6em;}
#search {font-size: 0.85em; float: right; width: auto; padding: 3px 70px 0px 0px;}
#search label {padding-right: 1em;}
#search * {vertical-align:middle}
#search #submit {margin-left: 0.5em;}

/* CONTENT */
#breadcrums {margin-bottom: 10px; background-color: #FFFFFF; padding: 0.1em 0.5em 0.1em 0.5em; font-size: 0.9em}
#content {background-color: #ffffff; padding: 0.2em 1em 0.8em 1em; margin-bottom: 20px}
#content h1 {font-weight: bold; font-size: 1.3em; margin: 0.3em 0em 0.6em 0em;}
#content h1 img {margin-right: 0.5em;}
#content h2 {font-weight: bold; font-size: 1.2em; margin: 1.2em 0em 0.4em 0em;}
#content h3 {font-weight: bold; font-size: 1.0em; margin: 1.2em 0em 0.4em 0em;}
#content p, #breadcrums p {margin: 0.5em 0em 0.6em 0em;}
#content a, #breadcrums a {color: black;}
#content a:hover, #breadcrums a:hover {color: #555555;}
#content ol li {list-style-type: decimal; list-style-position:outside; margin-left: 3em; margin-right: 2em; padding-left: 0.5em; padding-bottom: 0.3em}
#content ul li {list-style-type:square; list-style-position:outside; margin-left: 3em; margin-right: 2em; padding-left: 0.5em; padding-bottom: 0.3em}
#content ul ul {margin: 0em 0em 0.5em 0em; padding: 0em;}
#content ul ul li {list-style-type:disc;}
#content img.right-floater, #content img.floater {float: right; margin: 0em 0em 0.5em 1em;}
#content img.left-floater {float: left; margin: 0em 1em 0.5em 0em;}
#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/green-bullet.gif); background-repeat:no-repeat; background-position: 0px 5px; }
#content p.highlight {font-weight: bold; font-size: 1.1em; color: #7AC142;}
#content ul.files {margin: 1em 0em 1em 0em;}

.property-item {margin-bottom: 0.5em; border: 2px solid black; padding: 0em 0.4em 0em 1em; border-left: 20px solid black;}
.property-item-open {margin-left: 1em; margin-right: 1em; margin-bottom: 0.5em; border: 2px solid rgb(122, 193, 66); padding: 0em 1em 0em 1em; border-left: 20px solid rgb(122, 193, 66);}
.property-item-coming {margin-left: 1em; margin-right: 1em; margin-bottom: 0.5em; border: 2px solid orange; padding: 0em 1em 0em 1em; border-left: 20px solid orange;}

.property-item a.image img, .property-item-open a.image img, .property-item-coming a.image img {margin-top: 0.3em; margin-bottom: 0.3em; margin-left: 0.4em; width: 50px;}
.property-item a.image, .property-item-open a.image, .property-item-coming a.image {float: right; clear: right;}

#content span.green-highlight {background-color:rgb(122, 193, 66); padding: 0.1em 0.4em 0.1em 0.4em; font-weight: bold; }
#content span.amber-highlight {background-color:orange; padding: 0.1em 0.4em 0.1em 0.4em; font-weight: bold;}
#content ul.standout li {list-style: none; }
#content ul.standout li a {font-size: 1.1em; font-weight: bold;}

/* NAVIGATION */
#nav1 {float: right; width: auto; background-image: url(images/background.gif); background-position: bottom; background-repeat: repeat-x; padding: 20px 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: 15px; 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: 22%; float: left; margin: 15px 0px 0px 0px;}
#nav4 li {background-color: #ffffff;font-size:0.85em; margin: 0em 1em 0em 1em; padding: 0.6em 0.5em 0.6em 0em; display: block; border-bottom: 1px solid #7f7f7f}
#nav4 li.last {border: 0;}
#nav4 ul {margin-top: 0.5em;}
#nav4 ul li  {border: 0; margin: 0em 0em 0em 1em; padding: 0.3em 0em 0.3em 0em; font-size: 1em;}
#nav4 ul ul {border-left: 1px solid #7ac142; margin-left: 3em; padding-left: 0em;}
#nav4 ul ul li, #nav4 ul ul li a {padding-left: 0.3em; margin-left: 0em;}

#content-holder {width: 52.5%; float: left; margin-top: 15px;}
#side-bar {width: 23%; margin-left: 1.3%; float: left; margin-top: 15px;}

#nav5 {margin-top: 10px;}
#nav5 li {width: 44%; float: left; padding: 0.4em 0em 0.4em 5%; background-image: url(images/bullet-image.gif); background-repeat: no-repeat; background-position: 0px 50%;}

#content ul.maintenance {padding: 0px; margin: 0.5em 0.5em 0.5em 0.5em !important}
ul.maintenance li {position: relative; width: auto; display: block; list-style: none; height: 40px; padding: 8px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important;}
ul.maintenance li img {position: absolute; top: 0; left: 10px;}
ul.maintenance li a {text-decoration: none; display: block; background-color: #c2e5a7; border: 2px solid #a4d57d; padding: 0.1em 0.3em 0.1em 60px;}
ul.maintenance li a:hover {text-decoration: underline;}
#content ul.maintenance {width: 75%;}

#side-bar table td {padding: 0.2em 0.4em 0.2em 0.4em;}

/* LINKS */
#nav1 a, #nav3 a, p.register a, #nav5 a, #side-bar table a {text-decoration:none; color: #000000;}
#nav1 a:hover, #nav3 a:hover, p.register a:hover, #nav5 a:hover, #side-bar table a:hover {text-decoration: underline; color: #7f7f7f}
#nav1 a.active, #nav3 a.active, p.register a.active, #side-bar table a.active {font-weight: bold;}

#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: #7ac142; color: #000000; background-repeat:no-repeat}
#nav2 li a.adjacent-active {background-image: url(images/adjactent-active-tab.gif); background-position: right 49.8%; background-repeat:no-repeat}

#nav4 li a {text-decoration:none; color: black; padding-left: 25px; background-image:url(images/submenu.gif); background-repeat:no-repeat; background-position: 8px 0.3em;}
#nav4 li a:hover {text-decoration:underline;}
#nav4 li a.active {font-weight: bold;  background-image:url(images/bullet-image.gif); background-position: 9px 0.3em;}

#nav4 ul li a {background: none; padding-left: 25px; display: block !important;}
#nav4 ul li a.active {background-image: none;}


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

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

#home-feature-holder #home-feature1 a {color: #ffffff; background-image:url(images/green-link-onblack.gif); }
#home-feature-holder #home-feature1 a:hover {background-image:url(images/green-link-hover-onblack.gif);}


/* GENERAL STYLES */
.half-col {width: 48%;  padding-left: 1%;  float: left; margin-bottom: 10px; }
.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; margin-bottom: 10px;}
#board .feature-box {width: 100%;}
.feature-box h2 {font-weight: bold; border-bottom: 1px solid #7AC142; padding-bottom: 0.4em; margin-bottom: 0.3em}
.feature-box p {margin: 0.4em 0em 0.5em 0em;} 
.feature-box h2.black-header {border: 0px;}
#side-bar .feature-box {padding: 1em; background-color: #ffffff;}
#inner-col {background-color: #ffffff; padding: 0.8em; margin-left: 10px;}
.half-col .half-col {padding-left: 1%; width: 48%;}


/* SPECIFIC */
#home-feature-holder {background-color: #7AC142; margin-bottom: 10px;}
#home-feature1 .ie-holder {background-color: #000000; margin: 10px 0px 10px 0px; padding: 0.3em;} 
#home-feature2 .ie-holder {background-color: #ffffff; margin: 10px 0px 10px 0px; padding: 0.3em;} 
#home-feature-holder #home-feature1 {padding-left: 1.4%; margin-bottom: 0px; color: #ffffff}
#home-feature-holder #home-feature2 {padding-left: 1.4%; margin-bottom: 0px;}
#home-feature-holder h2 {font-weight: bold; font-size: 1.1em;}
#home-feature-holder p {margin: 0em 0em 0.5em 0em;}
#home-feature-holder .image-holder {width: auto; position: relative; height: 125px; margin: 0.4em; text-align: right; background-color: #ffffff;}
#homepage-image1, #image1 {width: 100%; height: 125px; background-image:url(../images/homepage1.jpg); background-repeat:no-repeat;}
#homepage-image2, #image2 {width: 100%; height: 125px; background-image:url(../images/homepage2.jpg); background-repeat:no-repeat;}

#home-feature-holder .homeclear {position: absolute; top: 0px; right: 0px;}

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: #000000;}

.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, .alert_msg {color: #FF0000; font-weight: bold;}

#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;margin: 0px; padding: 0px;}
.admin-tools * {display: inline; vertical-align:  middle; margin: 0px; padding: 0px;}

table.performance, table.performance2 {width: 100%;}
table.performance th, table.performance2 th {background-color: #7AC142;}
table.performance th, table.performance td {text-align: center;}
table.performance tr>td:first-child {background-color: #DEEFCF; text-align: left;}
table.performance tr>th:first-child {text-align: left;}
table.performance2 td {vertical-align: top; }
table.performance2 table {margin: 0px !important; padding: 0px; font-size: 0.9em }
table.performance2 table td {padding: 0.2em;}
table.performance2 table th {padding: 0em 0.2em 0.2em 0.2em;}
table.performance2 table td:first-child {width: 70%;}

#content a.download_button {background: none; border: 2px solid #000000; text-decoration: none; background-color: #7AC142; font-weight: bold; margin: 0em auto 0em auto; padding: 0.5em; display: block; width: auto; text-align: center}
#content a.download_button:hover {background-color: #DEEFCF;}

/* these styles hide the register options at the top of the page */
.register {display: none;}
#search {padding-right: 0px; !important}
/* end of hide register options */

/* these styles hide the breadcrums at the top of the page */
#breadcrums {display: none;}
/* end of hide breadcrums */

#result_report, #results {margin-top: 15px;}
form.search * {vertical-align: middle;}

.votes {padding-top: 0.5em; font-size: 0.9em; font-style:italic}

.image-holder {width: auto; height: 125px; position: relative; overflow:hidden}
span.secondary {font-size: 0.8em; color: #666666;}

#ft .half-col img {vertical-align: middle;}
#ft a.facebook {padding-left: 2em}