/* Footer settings */
* {
	margin: 0;
}

html, body {
	height: 100%;
}

body {
        font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
        font-size: 90%;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
        margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
        color: #000;
        line-height: 1.2;   /* Fixes the peekaboo bug! */
        background: #fff url('../images/site/bg_image3.jpg') repeat;
}

#footer, #push {
        height: 30px; /* .push must be the same height as .footer */
}

/* End Footer stuff */
img {border: none;}
hr {color: #296b39; }
.hoverfix {
	font-size: 1px;
	height: 1px;
}

#skipmenu, .hidden {
        position: absolute;
	left: -2000px;
	width: 1900px;
	padding: 0;
	margin: 0;
}

#header {
        padding: 5px 5px 9px 5px;
        margin: 0;
        background: #000 url('../images/site/topline.gif') repeat-x 0 100%;
        font-weight: bold;
        color: #fff;
}
#header p {
        padding: 0;
        margin: 0;
}

/* #footer is the bit at the bottom */
#footer {
        font-size: 75%;
        width: 100%;
        padding: 0;
        background: #000 url('../images/site/topline.gif') repeat-x 0 0;
        color: #fff;
        text-align: right;
}

#footer ul {
        display: inline;
        text-align: right;
        padding: 0 10px 0 50px;
}

#footer li {
        display: inline;
        padding: 0 0 0 .6em;
        background: url('../images/site/barslice2.gif') repeat-y 0% 0;
}

#footer li.first {
        background: none;
        padding: 0 0.5em 0 0;
        line-height:30px;
}
#footer li a {
        color: #000;
	text-decoration: none;
}
#footer li a:hover {
        color: #296b39;
        text-decoration: underline;
}
/* #left is where the menu sites, and information about who you are currently logged in as */
#left   {
        margin: 0;
        padding: 0 0 0.5em 0;
        width: 155px;
        float: left;
        text-align: left;
        font-size: 85%;
}

/* #left .menu is the menu is */
#left .menu {
        padding-top: 10px;
}
#left h2 {
        color: #000;
        background:none;
        font-size: 120%;
        font-weight: bold;
        padding: 3px 3px 3px 20px;
        margin: 0.5em 0 0 0;
}
#left .menu ul {
        font-size: 100%;
        list-style-type: none;
        margin: 0;
        padding: 0 5px 0 10px;
        text-align: right;
}
#left .menu  li {
        font-weight: bold;
        margin: 0;
        padding: 1px 3px;
        background: url('../images/site/menu-left-middle.gif') no-repeat 0 50%;
}

#left .menu li.first, #left .menu li.currentnonefirst , #left .menu li.currentfirst {
        padding-top: 10px;
        background: url('../images/site/menu-left-top.gif') no-repeat 0 0;
}
#left .menu li.last, #left .menu li.currentnonelast , #left .menu li.currentlast {
        padding-bottom: 10px;
        background: url('../images/site/menu-left-bottom.gif') no-repeat 0 100%;
}
#left .menu li.currentnone, #left .menu li.currentnonefirst, #left .menu li.currentnonelast {
        color: #296b39;
        padding: 5px 8px 5px 15px;
        display: block;
}
#left .menu li.currentnonefirst {
        padding-top: 15px;
}
#left .menu li.currentnonelast {
        padding-bottom: 15px;
}
#left .menu li a {
        padding: 5px 5px 5px 15px;
        color: #000;
        display: block;
        text-decoration: none;
/*        background: url('../images/site/menuback2.gif') no-repeat 0 50%; */
}

#left .menu  li a:hover, #left .menu  li a:active {
        color: #fff;
        text-decoration: none;
        background: url('../images/site/menuback3.gif') no-repeat 0 50%;
}
#left .menu li.current a {
        padding: 5px 3px 5px 15px;
        color: #000;
        display: block;
        text-decoration: none;
/*        background:url('../images/site/ArrowOn.gif') no-repeat 0 50%;        */
}
#left .menu  li.current a:hover, #left .menu.current  li a:active, #left .menu  li.currentfirst a:hover, #left .menu.currentlast  li a:active, #left .menu  li.currentfirst a:hover, #left .menu.currentlast  li a:active,  {
        color: #fff;
        text-decoration: none;
/*        background:url('../images/site/ArrowOn.gif') no-repeat 0 50%;        */
}

#left p {
        margin: 0;
        padding: 3px;
        font-size: 90%;
}


/* #content is where the content goes */
#content {
        padding: 0.1em 15px 1em 0.5em;
        font-size: 85%;
        margin: 0 0 0 160px;
/*        background:url('../images/site/content-right-top.gif') no-repeat 100% 0;    */
}

#content h1 {
        font-size: 160%;
        margin: 0;
        color: #296b39;
        text-align: left;
        padding: 20px 0 5px 0;
        text-transform: uppercase;
/*        background:url('../images/site/content-left-top.gif') no-repeat 0 0;      */
}
#content h2 {
        font-size: 140%;
        margin: 0.7em 0 0.3em 0;
        color:#296b39;
        text-align:left;
        font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif;
}

#content h3 {
        font-size: 115%;
        margin: 0.7em 0 0.3em 0;
        color: #296b39
}

#content p {
        line-height: 1.2;
        margin: 0.7em 0 0 0;
        text-align:justify;
/*        padding-left:35px;    */
}

#content a {
        color: #296b39;
        text-decoration: none;
}
#content a:hover {
        color: #000;
        text-decoration: underline;
}



/* #ErrorBox is where system error messages are shown. Should never really appear (but does a lot when testing ;) ) */
#ErrorBox {
        border: 1px solid #296b39;
        background: #fff;
        margin: 4em 160px 0 0;
        display: block;
        text-align: left;
        width: auto;
        font-size: 90%
}

#ErrorBox h1 {
        background: #296b39;
        color: #fff;
        padding: 3px;
        margin: 3px;
        font-size: 110%
}
#ErrorBox p {
        padding: 0.2em 6px;
}
#ErrorBox p.continue {
}

/* .pagenav is a list of "pages" where a list exapnds into more than one page */
.pagenav {
        border-top: 1px solid #296b39;
        border-bottom: 1px solid #296b39;
        margin: 0.5em 0 1em 0;
        padding: 2px;
        font-size: 90%;
        background: #ddd;
}

.pagenav h2 {
        font-weight: normal;
        display: inline;
}

.pagenav ul {
        font-size: 120%;
        display: inline;
        margin: 0 0 0 0.5em;
        padding: 0;
}

.pagenav li {
        display: inline;
        padding: 0 0 0 12px;
        background: url('../images/site/diamond.gif') no-repeat 0 50%;
}

.pagenav li.first {
        background: url('');
        padding-left: 0;
}

.pagenav li a {
        color: #007993;
        text-decoration: none;

}

.pagenav li a:hover {
        color: #000;
        text-decoration: underline;
}

#content fieldset {
        margin: 0.5em 0;
        padding-left: 35px;
}

#content fieldset.invisible {
        border: none;
        margin: 0;
        padding: 0;
}

#content fieldset p {
        margin: 0 0 0.25em 0;
        display: block;
}

#content fieldset label {
        width: 10em;
        text-align: right;
        margin: 0 0.5em;
        display: block;
        float: left;
        white-space: nowrap;
}


#content fieldset span.labelextra {
        padding-left: 0.5em;
        font-size: 90%;
}

#content fieldset p.buttons {
        margin: 0.8em 0 1em 5em;
}

#content input, #content select, #content textarea {
        filter: alpha(opacity=75);
        moz-opacity: .75;
        opacity: .75;
        border: 1px solid #296b39;
        color: #000;
}

#content fieldset p.buttons input {
        margin: 0 0.5em;
        filter: alpha(opacity=100);
        moz-opacity: 1;
        opacity: 1;
}

#content fieldset p.radiooptions {
        margin: 0 0.5em 0 0;
}

#content fieldset fieldset.radiooptions p {
        margin: 0;
}

#content fieldset fieldset.radiooptions {
        border: none;
        padding-bottom: 0;
        display: inline;
}
#content fieldset fieldset.radiooptions label {
        display: inline;
        float: none;
        clear: none;
        padding: 0 1em 0 0;
}

#content fieldset fieldset.radiooptions input {
        display: inline;
        float: none;
        clear: none;
        padding: 0 1em 0 0;
}


#content fieldset div.radiolabelextra {
        display: inline;
        font-size: 80%;
        padding-left: 1em;
}


/*

#content fieldset fieldset {
        border: none;
        margin: 0;
        padding: 0;
}


#content fieldset fieldset label {
        padding: 0 1em 0 0;
        width: auto;
}        */
#content fieldset input.checkbox {
        clear: none;
        display: inline;
        border: none;
}


input.VeryShortInput {
        width: 2em;
}

input.ShortInput {
        width: 7em;
}

input.MediumInput {
        width: 12em;
}

input.LongInput {
        width: 17em;
}

input.VeryLongInput {
        width: 22em;
}

input.full {
        width: 98%;
}

#content fieldset label.left {
        text-align: left;
}


#content fieldset p label.full, #content fieldset p label.lmceEditor, #content fieldset p label.fulllow {
        margin: 0.5em 0;
        text-align: left;
        width: 98%;
}

#content textarea.fulllow {
        clear: left;
        width: 98%;
        height: 6em;
}

#content object.full, #content textarea.mceEditor, #content textarea.full {
        clear: left;
        width: 99%;
        height: 250px;
}

#content object.FullWidthHalfHeightBox {
        width: 98%;
        height: 120px;
}

#content textarea.FullWidthBox {
        width: 22em;
        height: 200px;
}

#content textarea.FullWidthHalfHeightBox {
        width: 22em;
        height: 100px;

}


/* Table - you know what one of those is ;) */
table {
	border-collapse: collapse;
        border: 1px solid #000;
        clear: none;
        margin: 0.5em 0;
}

caption {
	text-align: left;
	margin: 0 0 .2em 0;
	font-weight: bold;
	font-size: 120%;
}

thead th {
        background: #00498D;
	font-weight: bold;
        color: #fff;
        font-size: 105%;
        border-bottom: 1px solid #000;
}

th {
	font-weight: normal;
}

th, td {
        padding: .3em .6em;
        border-right:1px solid #999;
        border-bottom:1px dashed #999;
}

code {
        font: 120% courier, monospace;
}

blockquote {
        margin: 1em;
	padding: 1em;
        border: 1px solid #5E5E5E;
        background: #FFFBF7;
        clear: both;
}

blockquote p {
        margin-top: 0;
}

blockquote p.source {
	margin-bottom: 0;
	text-align: right;
	font-size: 90%;
	font-style: italic;
}


/* This shows error messages - I usualy put in a box with a background graphic of an red exlimation mark / stop sign */
p.error {
        color: red;
        font-weight: bold;
}

/* This shows info messages - I usualy put in a box with a background graphic of an blue exlimation mark */
p.info {
        font-weight: bold;
}


/* #toplist is a class to modify a form display on the top of a browser list.  */
#content .toplist fieldset {
        border: none;
        margin: 0;
        background: #eee;
}
#content .toplist label {
        float: left;
        text-align: left;
        margin: 0 0.5em;
        width: auto;
        font-weight: bold;
        font-size: 110%;
}
#content .toplist select, #content .toplist input {
        float: left;
        text-align: left;
        margin: 0 0.5em;
}


.formerror {
        border: 2px #f00 solid;
        padding: 0 5px 0 57px;
        background: #fff url(../images/site/stop1.gif) no-repeat 0 50%;
        color: #000;
        font-weight: bold;
        margin: 0 2em 1em 2em;
        padding: 0.5em 0 0.5em 60px;
}
.formerror p {
        margin: 0.3em 0 0 0;
}
.formerror ul {
        margin: 0 0 0.3em 1em;
        list-style-type: none;
}
.formerror li {
        padding: 0 0 0 20px;
        background: url(../images/site/arr3.gif) no-repeat 0 50%;
}
.info {
        background: #000 url(../images/site/info.gif) no-repeat 0 50%;
        color: #fff;
        padding: .2em 0.2em .5em 25px;
        border: 1px solid #3D9ADF;
        line-height: 1.2;
        margin: 0.4em 0 0 0;
}

.error {
        background: #ffd6c6 url(../images/site/error.gif) no-repeat 0 50%;
        padding: .2em 0.2em .5em 25px;
        border: 1px solid red;
        line-height: 1.2;
        margin: 0.4em 0 0 0;
        color: #000;
        font-weight: bold;
}
.error a:link, .error a:visited {
        color: #000;
}
.error a:hover, .error a:active {
        color: #000;
}

#content ul {
        list-style-type: none;
        margin: 0;
        padding: 0 0 0 1em;
}

#content ul li {
        background: url(../images/site/dot_l.gif) no-repeat 0px 1em;
        padding: 0.5em 0 0.2em 13px;
}

#helpme {
        font-weight: bold;
        padding: 0.5em 0.5em 0 0.5em;
        background: #ffd6c6 url(error.gif) no-repeat 0 0;
        color: #000;
}

#FrontImage {
        width: 378px;
        margin: 10px 5px;
        float: right;
}