@import "common.css";

/* Master Colour: 2009/2010=#00B6D7 (Youth blue); 2011=GoldenRod (Youth gold) */

/* Comments that start with a "b", as in "/*b", are multi-browser related. */

.currentpage {  /* GS20110111: Not used. */
  width: 200px;
  padding-right: -10px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  background-color: #1C96C4; /* NIEC blue */
  color: black;
  font-weight: bold
}

#mainbodyx {
  text-align: center;
}

#mainSectionWrapper {
  float: left;
  width: 488px;
  margin: 0;
  margin-top: 9px;
  padding: 0;
  padding-left: 30px;
  padding-right: 30px;
  background-color: black;
}

#mainSection {
  text-align: left;
  background-color: black;
}

.bodycentre {
  width: 90%;
  padding-bottom: 0;/*1.5em;*/padding:0;
}

.menuitem {
  text-align: left;
  font-size: 1em;
/*  padding: 5px;
padding-top, padding-left, padding-right: 5px;
padding-bottom:5px;*/padding:0;
}

.menuItemWrapper {
  margin-bottom: 12px;  /*b At least 2px req'd to behave as a block in Firefox. */
  padding-bottomx: 2px;
  width: 600px;/*620px;*/
  text-align: left;
}

.clearboth { clear: both; }

.menuItem2 {
  margin-bottom: 2px;  /*b At least 2px req'd to behave as a block in Firefox. */
  padding-bottomx: 10px;
  floatx: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-align: left;
  background-color: white;
display: inline-block;  /*b Req'd to behave as a block in Firefox. */
}

.menuLink2 { /* GS20110111: Not used. */
  text-align: left;
/*  padding: 5px;
padding-top, padding-left, padding-right: 5px;
padding-bottom:5px;*/padding:0;
  color: #1C96C4;  /* NIEC blue */
  font-weight: bold;
}

.menuDesc2 {
  text-align: left;
  color: black;
  font-weight: normal;
}

.bodymenu { /* GS20110111: Not used. */
  padding-right: -10px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  background-color: white;
  color: #1C96C4;  /* NIEC blue */
  font-weight: bold
}

.globebullet {
  width: 21px;
  margin-right: 10px;
  text-align: left;
  float: left;
  vertical-align: middle;
  background: white url(images/globe_30.bmp) no-repeat scroll 40px 6px;
}

.globebullet2 {
  float: left;
  width: 21px;
  height: 21px;
  margin-right: 10px;
  text-align: left;
  vertical-align: middle;
  backgroundx: white url(images/globe_30.bmp) no-repeat scroll 40px 6px;
background-color: white;
background-image: url(images/globe_30.bmp);

display: block;


/*  background-image: url(images/back_arrow_in_lights.png); */

background-repeat: no-repeat;




}

.bodydesc {
  font-family: Arial, Helvetica, sans-serif;
  float: left;
  width: 566px;
  background-color: white;
  color: black;
  font-weight: normal;
  padding-right: 20px;
  margin-left: 31px;
}


.closeWindow {
  text-align: right;
  font-size: 12pt;
  font-weight: normal;
  GoldenRod; /* Youth gold */
}

.TitleBox2 {
  background-color: black;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  border: 2px solid GoldenRod; /* Youth gold */
}

h1.TitleText2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.7em;
  font-weight: bold;
  color: GoldenRod; /* Youth gold */
}

h2.TitleText2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5em;
  font-weight: bold;
  color: #89A169; /* NIEC medium green */
  color: GoldenRod; /* Youth gold */
}







/*************************************************************************/

.ctwForm {
  width: 470px;
  padding: 7px;
  border-width: thin;
  border-style: dotted;
  position: relative;
  topx: -20px;
  font-size: 11pt;
  color: GoldenRod; /* Youth gold */
}

.PromptInputWrapper {
  width: 470px;
}

.ctwFormHeading {
  font-size: larger;
  color: white;
  font-weight: bold;
}

.promptBox {
  padding-right: 10px;
  padding-top: 7px;
  font-size: 11pt;
  color: GoldenRod; /* Youth gold */
}

#PromptBoxNameSchool {
  width: 95px;
  float: left;
}

#PromptBoxCommunity {
  width: 124px;
  float: left;
}

#PromptBoxContact {
  width: 175px;
  float: left;
}

#PromptBoxChallenge {
  clear: both;
  width: 237px;
  float: left;
}

#PromptBoxComment {
  clear: both;
  width: 75px;
  float: left;
}

.promptLine {
  clear: both;
  width: 435px;
  margin-left: 30px;
  padding-top: 17px;
  font-size: 11pt;
  color: white;
  text-align: left;
  padding-bottom: 10px;
}

.YesNoLine {
  clear: both;
  font-size: 11pt;
  color: white;
  text-align: left;
}

.subpromptBox {
  padding-right: 10px;
  padding-top: 7px;
  font-size: 11pt;
  color: GoldenRod; /* Youth gold */
}

.prompt {
  text-align: right;
  padding-bottom: 1em;
  color: white;
}

/* A 2-line prompt: */
.prompt2 {
  text-align: right;
  padding-bottom: 0em;
  margin-top: -0.9em;/*-10px;*/
  color: white;
}

.gInputSet {  /* I don't know why it doesn't like just "InputSet". */
  color: GoldenRod; /* Youth gold */
}

#InputSetNameSchool {
  width: 375px;
  float: left;
}

#InputSetCommunity {
  width: 346px;
  float: left;
}

#InputSetContact {
  width: 295px;
  float: left;
}

#InputSetChallenge {
  width: 233px;
  float: left;
}

#InputSetComment {
  width: 395px;
  float: left;
}

.InputSubset {
  float: left;
  width: 298px;
  color: GoldenRod; /* Youth gold */
}

.Input {
  border-width: thin;
  border-style: solid;
  padding: 1px;
  margin-bottom: 4px;
}

.Input2xxx {
  border-width: thin;
  border-style: solid;
  padding: 1px;
  margin-bottom: 4px;
  margin-top: 10px;
}

.inputNote {
  width: 400px;
  text-align: left;
  font-size: smaller;
  color: white;
}

.YesNoButtons {
  color: white;
}

.firefoxClear {
  clear: both;
}

.requiredMark {
  color: red;
}

#requiredNote {
  float: left;
  font-size: smaller;
  color: red;
}

.privacy {
  float: right;
}

.firstwordEmphasis {
  font-weight: bold;
  color: #FF6600; /* Information Niagara orange *//*GoldenRod; /* Youth gold */

}