body {
    font-family: Arial, Helvetica, sans-serif;
	text-align: center;
    color: #000000;
    background-color: #f8f8f8;
    margin: 0;
    padding: 0;
}

div#container {
	width: 1000px;
    color: #000000;
    background-color: #fff;
    padding: 0;
    margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}

div#header-top {
	width: 100%;
	height: 171px;
	background-image: url('../images/top.png');
	background-position: top left;
	background-repeat: no-repeat;
}
div#header-top span {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}

div#header-bottom {
	width: 100%;
	height: 164px;
	background-image: url('../images/banner.png');
	background-position: top left;
	background-repeat: no-repeat;
}
div#header-bottom span {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}

div#main-body {
    width: 100%;
    display: block;
	background-image: url('../images/body.png');
	background-position: top left;
	background-repeat: repeat-y;
	overflow: hidden;
	text-align: left;
    color: #000000;
    background-color: #fff;
}

div#side-menu {
    float: left;
    margin: 0 10px 0 20px;
	padding-left: 30px;
	text-align: left;
	width:170px;
	color: #000000;
    background-color: #184618;
}

div#content {
    float: right;
    margin:0 30px 0 0;
    padding: 0;
	width:740px;
}

div#footer {
    font-size: 0.6em;
    text-align: center;
    margin: 0;
    padding: 10px 0 0 0;
    color: #ffffff;
    background-color: #000;
    width: 100%;
    height: 56px;
    background-image: url('../images/footer.png');
    background-position: top left;
    background-repeat: no-repeat;
}

div#loglist {
    width: 740px;
    height: 600px;
    overflow: scroll;
}

div#groups {
    color: #000;
    background-color: #fff;
    margin: 10px 0 6px 0;
}

em { font-weight: bold; font-style:normal; }

.side-menu1 a:link {     background-color: #184618; color: #efefef; text-decoration: none; }
.side-menu1 a:visited {  background-color: #184618; color: #efefef; text-decoration: none; }
.side-menu1 a:hover {    background-color: #184618; color: #ff88ff; text-decoration: none; }
.side-menu1 a:active {   background-color: #184618; color: #ff0000; text-decoration: none; }

.side-menu2 a:link {     background-color: #184618; color: #a0a000; text-decoration: none; }
.side-menu2 a:visited {  background-color: #184618; color: #a0a000; text-decoration: none; }
.side-menu2 a:hover {    background-color: #184618; color: #ff88ff; text-decoration: none; }
.side-menu2 a:active {   background-color: #184618; color: #ff0000; text-decoration: none; }

.side-menu2a a:link {    background-color: #184618; color: #ffff00; text-decoration: none; }
.side-menu2a a:visited { background-color: #184618; color: #ffff00; text-decoration: none; }
.side-menu2a a:hover {   background-color: #184618; color: #ff88ff; text-decoration: none; }
.side-menu2a a:active {  background-color: #184618; color: #ff0000; text-decoration: none; }

.bottomMenu a:link {	background-color: #000; color: #0044ff; text-decoration: none; font-size: 1.6em; }
.bottomMenu a:visited {	background-color: #000; color: #0044ff; text-decoration: none; font-size: 1.6em; }
.bottomMenu a:hover {	background-color: #000; color: #00ff00; text-decoration: none; font-size: 1.6em; }
.bottomMenu a:active {	background-color: #000; color: #ff0000; text-decoration: none; font-size: 1.6em; }

.err { background-color: #fff; color: #ff4422; font-weight: bold; font-size: 0.8em; }
.smalltext { font-size: 0.8em; }
.required { font-weight: bold; }

.quote { width: 400px; color: #478747; font-style:italic; margin:0 auto 0 auto; text-align: justify}

.ltr-hi { background-color: #ffcbcb; color: #fff; }
.ltr-hi a:link { background-color: #ffcbcb; color: #0044ff; }
.ltr-hi a:visited { background-color: #ffcbcb; color: #0044ff; }
.ltr-hi a:hover { background-color: #ffcbcb; color: #00ff00; }
.ltr-hi a:active { background-color: #ffcbcb; color: #ff0000; }
.ltr-lo { background-color: #cbcbcb; color: #fff; }
.ltr-lo a:link { background-color: #cbcbcb; color: #0044ff; }
.ltr-lo a:visited { background-color: #cbcbcb; color: #0044ff; }
.ltr-lo a:hover { background-color: #cbcbcb; color: #00ff00; }
.ltr-lo a:active { background-color: #cbcbcb; color: #ff0000; }

.float-left { float:left; }
.float-right { float:right; }
.clear-float  { clear: both; }

.space-around { margin: 5px 5px 5px 5px; }

a {	cursor: pointer; }
a:link {	color: #0044ff; text-decoration: none; }
a:visited {	color: #0044ff; text-decoration: none; }
a:hover {	color: #00ff00; text-decoration: none; }
a:active {	color: #ff0000; text-decoration: none; }

.centre { margin: 0 auto 0 auto; }
.jr { text-align: right; }
.jl { text-align: left; }
.jc { text-align: center; }
.jrS { text-align: right; font-weight: bold; }
.jlS { text-align: left; font-weight: bold; }
.jcS { text-align: center; font-weight: bold; }
.softTitle { background-color: #fff; text-align: right; font-weight: bold; color: #898989; }
.newsBox { border: 1px solid #898989; }

.hidden {
    color: #000;
    display:none;
    position:absolute;
    border-style: solid;
    background-color: #fff;
    padding: 5px;
}

h1	{ background-color: #fff; color: #116644; font-size: 1.4em; font-weight: bold; margin: 0; padding: 0; }
h2	{ background-color: #fff; color: #116644; font-size: 1.3em; font-weight: bold; margin: 0; padding: 0; }
h3	{ background-color: #fff; color: #116644; font-size: 1.2em; font-weight: bold; margin: 0; padding: 0; }
h4	{ background-color: #fff; color: #116644; font-size: 1.0em; font-weight: bold; margin: 0; padding: 0; }

img { border: none; } 
p	{ text-align: justify; }

form fieldset {
    font-size: 1em;
    width: 96%;
    margin: 0 10px 10px 10px;
    padding: 10px 4px 10px 4px;
}

small { background-color: #fff; color: #898989; font-size: 0.8em; }
.tiny { font-size: 0.65em; }

p.light-italic {
    font-size: 0.8em;
    clear: both;
    color: #478747;
    font-style:italic;
}
p.label_field_pair {
    display: block;
    clear: both;
    float: none;
    margin:0;
    padding: 2px 0 0 0;
}
p.label_field_pair label {
    display: block;
    clear: left;
    float: left;
    text-align: right;
    width: 150px;
    margin: 0;
    padding: 0;
}
p.label_field_pair input, select, textarea {
    clear: right;
    float: left;
    text-align: left;
    margin: 0 6px 0 6px;
    padding: 0;
}
p.locator {
    display: block;
    clear: both;
    float: none;
    margin:0;
    padding: 2px 0 0 0;
}
p.locator label {
    display: block;
    clear: left;
    float: left;
    text-align: right;
    width: 60px;
    margin: 0;
    padding: 0;
}

form#eocAreas {
    float: left;
}
form#eocLogon {
    float: right;
}

form#find {
    margin:0;
    padding:0;
    color: #006700;
    float: right;
    width: 260px;
    font-size: 0.70em;
}
form#find fieldset {
    border: 1px solid #006700;
}
form#find label {
    display: block;
    float: left;
    margin:2px 4px 0 8px;
    padding:0;
    width: 80px;
}
form#find input {
    color: #006700;
    font-size: 0.8em;
    margin:0 4px 0 0;
    padding:0;
}

table {
    font-family: Verdana, Sans-Serif;
    border-collapse: collapse;
    color: #155f83;
    background-color: #fff;
    text-align: left;
    margin: 0 auto 0 auto;
    font-size: 0.9em;
}
table caption {
    color: #fefefe;
    background-color: #898989;
}
table th {
    color: #fefefe;
    background-color: #565656;
    text-align: left;
    margin: 4px 4px 0 0;
    padding: 0 4px 2px 4px;
}
table td {
    border: none;
    text-align: left;
    margin: 4px 4px 0 0;
    padding: 0 4px 2px 4px;
}

table#locator {
    clear: both;
    color: #000;
    margin: 4px 0 10px 0;
    padding: 0;
}
table#locator td {
    border: 1px solid black;
}

table#locator .abg1 {
    background-color: #00ff27;
}
table#locator .abg2 {
    background-color: #00e73f;
}
table#locator .abg3 {
    background-color: #00cf57;
}
table#locator .abg4 {
    background-color: #00b76f;
}
table#locator .abg5 {
    background-color: #009f87;
}
table#locator .abg6 {
    background-color: #00879f;
}
table#locator .abg7 {
    background-color: #006fb7;
}
table#locator .abg8 {
    background-color: #0057cf;
}
table#locator .abg9 {
    background-color: #003fe7;
}
table#locator .abg10 {
    background-color: #0027ff;
}

table#locator .ibg1 {
    background-color: #f0f0f0;
}
table#locator .ibg2 {
    background-color: #e0e0e0;
}
table#locator .ibg3 {
    background-color: #d0d0d0;
}
table#locator .ibg4 {
    background-color: #c0c0c0;
}
table#locator .ibg5 {
    background-color: #b0b0b0;
}
table#locator .ibg6 {
    background-color: #a0a0a0;
}
table#locator .ibg7 {
    background-color: #909090;
}
table#locator .ibg8 {
    background-color: #808080;
}
table#locator .ibg9 {
    background-color: #707070;
}
table#locator .ibg10 {
    background-color: #606060;
}

table#locator .bg99 {
    background-color: #ff4545;
}

table#news { margin: 0 auto 0 auto; }
table#news tr { text-align: left; }

table#group {
    margin: 10px auto 4px auto;
}
table#group th {
    color: #000000;
    background: #fff;
    text-align: right;
    font-weight: bold;
    border-top: 1px solid #adadad;
    border-bottom: 1px solid #adadad;
}
table#group td {
    border-top: 1px solid #adadad;
    border-bottom: 1px solid #adadad;
}
table#gallery {
    margin: 10px auto 4px auto;
}
table#gallery th {
    text-align: center;
    border: 1px solid black;
}
table#gallery td {
    margin: 0;
    padding: 0;
    border: 1px solid black;
}

.expired { background-color: #ff4747; }
.row1 { color: #000; background-color: #ababab; }
.row2 { color: #000; background-color: #cdcdcd; }
.row1-grey { color: #efefef; background-color: #ababab; }
.row2-grey { color: #efefef; background-color: #cdcdcd; }
.row1-unav { color: #ff0000; background-color: #ababab; }
.row2-unav { color: #ff0000; background-color: #cdcdcd; }

.row1-noackoff { color: #000; background-color: #abab00; }
.row2-noackoff { color: #000; background-color: #cdcd00; }
.row1-grey-noackoff { color: #efefef; background-color: #abab00; }
.row2-grey-noackoff { color: #efefef; background-color: #cdcd00; }
.row1-unav-noackoff { color: #ff0000; background-color: #abab00; }
.row2-unav-noackoff { color: #ff0000; background-color: #cdcd00; }

.row1-noackon { color: #000; background-color: #ab00ab; }
.row2-noackon { color: #000; background-color: #cd00cd; }
.row1-grey-noackon { color: #efefef; background-color: #ab00ab; }
.row2-grey-noackon { color: #efefef; background-color: #cd00cd; }
.row1-unav-noackon { color: #ff0000; background-color: #ab00ab; }
.row2-unav-noackon { color: #ff0000; background-color: #cd00cd; }