body {
    background-color: #effceb;
    font-size : 63%;
    color: #000000; 
    font-family: Tahoma, Geneva, sans-serif, "Adobe Arabic";
    }
div {float:  left;}
form{margin-top: 3em}
img{border: 0}
textarea{font-family: Tahoma, Geneva, sans-serif, "Adobe Arabic"; font-size: 1.2em}


#mainContainer {width: 95em; position: absolute; left: 50%; margin-left: -47.5em;}

.stdContainer,#header, #strapLine, #content {width: 95em}

#header { height:  12.5em;}
#strapLine{height: 1.2em; text-align: right}
#pageHead{width: 94.6em; border: 0.3em solid #FFCC33; color: #FFE240; background-color: #195905; height: 3.5em; padding-top: 1em}
#pageHeadText{font-size: 2.1em; font-weight: bold; width: 100%; text-align: center}

#mainMenu {float: left; width: 90.5em; height: 3em;}
#mainMenu ul, #optionMenu ul{margin: 0; padding: 0}
#mainMenu li, #optionMenu li{float: left; list-style: none; }
#mainMenu a, #optionMenu a, #reset a{text-decoration: none;}
#mainMenu .button{font-size: 1.1em; margin: 0 0.2em 0 0; border: 0.1em outset }
#mainMenu .button:hover{border: 0.1em inset; background-color: #c7ffd4}
#mainMenu .current{font-size: 1.1em; margin: 0 0.2em 0 0; padding: 0 0.5em 0 0.5em; font-weight: bold}

#message{font-size: 1.3em; font-weight: bold; padding-left: 7.5em; width:  40em; color: red}

#optionMenu{float: left; width: 55em; height: 2em;  border: 0.3em solid #FFCC33; margin: 0 0 0 5em;}
#reset {float: right}


#optionName{width: 6em; font-weight: bold; font-size: 1.2em; text-align:  right; }

.current {background-color: transparent; border: 0.1em solid transparent}

.buttonCurr{background-color: #effceb;}
.button{background-color: #FFCC33; color: #195905; font-size: 1em ;text-align: center; padding: 0.25em 1em 0.25em 1em;  border:  0.1em outset; border-radius: 0.3em; margin-right: 1em}

.button:hover{background-color: #195905; color: #FFCC33}
.submitLine .button{float: right}
.button a{text-decoration: none;}

#content {min-height: 25em; padding-bottom:  7.5em; }
#content h3{font-size:  1.4em; margin-left: 10em} 
#content h4{font-size:  1.3em; margin-left: 10.5em} 
#content p{font-size:  1.2em; margin-left: 13em} 
#counterLine{width: 22em; height: 4.4em; padding: 1.5em; border: 0.3em solid #FFCC33;  background-color: #195905; margin-left: 36.5em}

.comp_link .button{width: 12em; text-align: center; font-size: 1.1em; margin: 0 0 1em 5em}
.comp_link .submitLine{margin: 1em 0 1em 0; width: 100%; display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
    }
.comp_link .submitLine .button{margin:0}    
.comp_link .form_message{width: 36.3em; text-align: center; margin: 0 0 1em 0; padding: 0}
.comp_link .info{width: 100%; text-align: center; font-size: 1.2em}

.comp_form , .comp_link, .comp_table{font-size: 1.25em; margin-left: 20em; width: 40em; margin-top: 2em; border-bottom: 0.1em solid black; }
.comp_table .button{font-size: 0.9em; padding: 0.1em 0.3em 0.1em 0.3em; margin: 0}
.comp_table tr:hover{background-color: yellow}
.comp_link .header, .comp_table .header{font-weight: bold; font-size: 1.25em; border-bottom: 0.1em solid gray; width: 32em}
.comp_table .complabel{font-size: 1em; font-style: italic; color: gray; text-align: right; padding-right: 0.5em; width: 12em}
.comp_table .comp_line{width: 40em}
.comp_link .subhead, .comp_table .subhead{font-weight: bold; font-size: 1.15em; width: 34.8em; }
.comp_table .subhead .complabel{width: 10em; font-weight: normal}
.comp_table select{font-size: 1em}
.comp_table form{margin: 0}
.comp_table .info{border: 0.1em solid #efefef; padding: 0.5em; width: 35.4em; font-size: 1.1em;}
.comp_table .info .button {float: right; margin-right: 0.5em; font-size: 1.2em}
.comp_table .stronginfo{border: 0.1em solid #aaa; padding: 0.5em; width: 32.25em; font-size: 1.2em}
.comp_table .form_line{width: 32.25em; font-size: 1.2em;}
.comp_table .wideinput{width: 32.75em; font-size: 1.2em}
.comp_table .submitLine{width: 32.5em}
.comp_message {color: red; font-weight: bold}

.comp_form{background-color:  #cafdbb; width: 40em; padding: 2em; margin-left: 18em}
.comp_form .info{border: 0.1em solid #efefef; padding: 0.5em; width: 35.4em; font-size: 1.1em;}
.comp_form .header{font-weight: bold; font-size: 1.25em; border-bottom: 0.1em solid gray; width: 32em}
.comp_form .submitLine{
	width: 100%; display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    }
.comp_form .form_message{padding-left: 1em; font-size: 1.1em}

.imag_display{width: 95em;}
.imag_display .subhead{width: 100%; margin: 1em 0 0.5em 0; border-bottom: 0.1em solid gray}
.imag_display .form_line{width: 100%; font-size: 1em; margin:0; padding: 0}
.imag_display .label{width: 4em; font-size: 1em;}
.imag_display .wide_text{width: 17em}
.imag_display .formContent{width: 17em;}
.imag_display .submitLine{width: 100%; display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;font-size: 1em}
.imag_display .form_subheader{width: 62.4em; border-bottom: 0.1em solid gray; font-size: 1.3em}
.imag_display .form_h3{width: 67em; font-size: 1.2em; padding: 2em 0 0 7em; font-weight: bold}
.imag_display .form_header{width: 58.5em; margin-top: 2em; font-size: 1.4em}

.infoblock{width: 50em; margin-left: 25em; }
.infoblock .form_line{width: 50em;}
.infoblock .wide_text{width: 35em;}
.infoblock .submitLine {width: 41.5em;}
.infoblock textarea{width: 31.8em}
.infoblock .formInfo{margin: 0.5em 0 0.5em 0; border: 0;  border-bottom: 0.1em solid #aaa; width: 45.5em; font-style: italic; padding: 0 0 0.25em 0}

.centred{width: 100%; display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}

.form_header{width: 30.8em; font-weight: bold; padding-left: 5em; padding-bottom: 0.3em ; margin-bottom: 0.5em; font-size: 1.4em; border-bottom: 0.1em solid #195905}
.fm_Images{width: 70em; padding: 0;}
.formInfo p{margin: 0; padding: 0; }
.formWarning{width: 40em; font-size: 1.2em; padding-top: 1em ; font-weight: normal; padding-left: 6.1em; color: red}

.formInfo{width: 40em; font-size: 1.1em; font-weight: normal; margin: 2em 0 0 16em; padding: 0.5em; background-color: white; border: 0.1em solid gray}
.formInfo .form_header{width : 24em}
.formInfo .form_subheader{font-size:  1.1em; padding: 1em 3em 1em 6em; font-weight: normal; text-align: justify}
.formInfo .submitLine{width: 34em}

.form_message{color: red; font-weight: bold; padding-left: 10em; font-size: 1.1em}
.formInst{width: 36em; font-size: 1.2em; font-weight: normal; padding: 0.5em 0 1em 6.6em; font-weight:  bold;}
.form_line{width: 58em;}
.submitLine{width: 46.5em; font-size: 1.2em; margin-top:  1.5em;}
.form_line:hover{background-color: yellow}

.form_subheader{font-size:  1.2em; font-weight: bold; padding: 1em 0 1em 6em}


.image{float: left; padding: 0.5em}
.imagNo{width: 100%; text-align: center; font-size: 1.3em; font-weight:bold}

.label{width: 9em; text-align: right; padding-right: 0.4em; font-size: 1.2em; font-style: italic}
.formContent{width:  38.7em;}
.formJustContent{width:  38.7em; margin-left: 20em;}
.short_text{width: 3em}
.med_text{width: 20em;}
.wide_text{width: 33.5em;}

.infoContent{width: 38em; font-size: 1.2em;padding-top: 0.45em; float: right;}


.addSubmitAlt, .addSubmit, .editLink, .editLinkAlt{float: right}
.addSubmit,.editLink{ background-color: #195905; border: 0.2em outset #FFCC33; color: #FFCC33}
.addSubmitAlt,.editLinkAlt{background-color:#FFCC33 ; border: 0.2em inset #195905; color: #195905;}

.editLink, .editLinkAlt{text-align:  center;}
.editLink a, .editLinkAlt a{text-decoration: none; color:  #FFCC33;}

.adminMenu, .adminMenuAlt{width: 10em; text-align: center; font-size: 1.2em; font-weight: bold}
.adminTable{width: 50em; margin-left: 10em; font-size: 1.2em}

#navlist {width: 60em; float: left}
#navList li{float: left; list-style: none; width: 50em; background-color: yellow}


.adminImage {
    width:  28em;
    height: 23em; 
    float: left; 
    text-align: center;
    border:  0.1em solid gray;
    margin: 0.5em;
    }

.scoreForm{width: 13em; float: right; margin-right: 3em}    

.adminMenuCurr{}
.adminMenu{}
.adminMenuAlt{}

.compHeading{width: 63em; margin-bottom: 1em;font-size: 1.5em; font-weight: bold;border-bottom: 0.1em solid black}
.classHeading{padding-left: 6em; font-size: 1.4em; font-weight: bold; width: 61.5em; border-bottom:  0.1em solid black;}
.authorHeading{padding-left: 7.5em; font-size: 1.3em; font-weight: bold; width:  65em; border-bottom: 0.1em solid gray}
.imageContainer{padding-left:  7.5em; font-size: 1.2em; width: 70em}