/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
body {
  background-color: #FFFFFF;
  color:#993333;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}
h1 {
  color: #FF6600;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.8em;
  font-weight: normal;
  text-align:center;
}
h2 {
  color:#FF6600;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  font-weight: normal;
}
h3 {
  color:#FF6600;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
}
h4 {
  color:#FF6600;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
h5 {
  color:#FF6600;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.95em;
}

h5 .boldText{
font-weight: bold;

}

h6 {

font:  0.85em Arial, Helvetica, sans-serif;
  font-size: 0.85em;
}

a,  a:link {

  font-weight:bold;

  color:#0033FF;
  text-decoration: underline;
}

a:visited {

  font-weight:bold;
  
  color:#0033FF;
  text-decoration: underline;

}

a:hover {
  color:#FFFFFF;
  text-decoration: underline;
  background-color:#FF0000;
}

a:focus {
  color:#FFFFFF;
  text-decoration: underline;
  background-color:#FF0000;
}

a:active {
  color:#FFFFFF;
  text-decoration: underline;
  background-color:#FF0000;  
}

#outerContainer {
  background-color: #F0FFFF;
  border: solid thin #E0E0E0;
  margin: 0 auto 0 auto;
  text-align: left;
  width: 990px;
  /* Clearing Floats - Example 2  from
  http://www.sitepoint.com/examples/clearing_floats/example2.php 
  overflow:auto;
*/  
}
#outerContainer #header {
  background-color: #F0FFFF;
  color: #FFFFFF;
  height: 70px;
}
#outerContainer #navBar {
  background-color: #FFFFFF;
  border-bottom: solid thin #E0E0E0;
  border-top: solid thin #E0E0E0;
  height: 20px;
  padding: 5px 5px 5px 5px;
}
#outerContainer #contentWrapper {
 /* background-color: #F0FFFF; */
 background-image: url("../images/hw_background.jpg");  
  background-repeat: repeat-y;
  min-height:580px;
  font-size:0.95em;
    overflow:auto;
}
#outerContainer #contentWrapper #leftContent {
/*  background-color: #F0FFFF; */
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 40px;
  width: 200px;
/*   border-right:solid thin #E0E0E0;  */
}

#outerContainer #contentWrapper #leftContent a{
font-size:85%;
line-height:2;
}


#outerContainer #contentWrapper #rightContent {
/*  background-color: #F0FFFF; */
/* border-left: solid thin #E0E0E0;  */
  margin: 0 0 0 228px;
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 10px;
  vertical-align:top;
}

#outerContainer #contentWrapper #rightContent #bodyText {
width:550px;
margin-top: 20px;
margin-left:20px;
float:left;

}

#outerContainer #contentWrapper #rightContent #bodyWideText {
width:750px;
margin-top: 20px;
margin-left:2px;
float:left;


}


#outerContainer #contentWrapper #rightContent #bodyText p {
  color:#993333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
    
}








#outerContainer #contentWrapper .clearFloat {
  clear: left;
  display: block;
}

#outerContainer #footer {
  background-color: #FFFFED;
  border-top: solid thin #E0E0E0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  height: 16px;
  text-align:center;
}

/* ==================== Messages ================ */
.message{
font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
font-size:0.875em;
}	

.pwmessage{
font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
font-size: 0.965em;
}	

	
.mediummessage{
font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
font-size: 0.965em;
}		

.largemessage{
font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
font-size:1em;
}

.challengeMessage{
font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
font-size:1.1em;
background-color:#FFFFCC;
border:dashed thin #FF0000;
}

.messagePanel{
width:96%;
border: thin   outset  #FFCCFF;
background-color:#FFFFFF;
padding: 10px;
}

.messageAlert {
font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
font-weight:bold;
width:94%;
/*border: thin   outset  #FFCCFF;*/
border:thin outset  #FFCCFF;
background-color:#FFFFFF;
padding: 10px;
}


/* ==================== FAQ's ================ */
.question {
	font-family:Arial, Helvetica, sans-serif;
font-size: 0.965em;
	color: #FF0000;
	background-color:#FAF9CF;
}

.answer {
	font-family:Arial, Helvetica, sans-serif;
font-size: 0.965em;
	color: #FF0000;
	background-color: #FFFFFF;
}

/* ==================== Revised Form ================ */

.formContainer{
	border:1px solid #CCCC00;

	width: 95%;
	background-color:#F0FFFF;
	padding-bottom:8px;
	padding-top:4px;	
}


input.txt {
/* color:#00008B; */
/* background-color:#E3F2F7;*/
font-family:Arial, Helvetica, sans-serif;
color:#FF6600;
font-size:0.875em;
background-color:#FFFFFF;
border: 1px inset #00008B;
width:150px;
height:18px;


}

select.txtFont{

font-family:Arial, Helvetica, sans-serif;
color:#FF6600;
font-size:0.875em;
}

input.btn{
color:#FF6600;
font-weight:bold;
background-color:#F2F2F2;
border: 2px outset #FFFFFF;
cursor: pointer;
margin-left:Auto;
margin-right:Auto;
height:28px;
}

input.smallbtn{
color:#FF6600;
font-weight: normal;
background-color:#F2F2F2;
border: 2px outset #FFFFFF;
cursor: pointer;
margin-left:Auto;
margin-right:Auto;
height:22px;
width: 190px;
}


form div{
 clear: left; 
margin:0;
padding: 0; 
text-align:center;


}



form div label {
/* float: left; */
width: 40%;
font:  0.85em Arial, Helvetica, sans-serif;
margin-left:auto;
margin-right:auto;
padding-bottom:0.4em;
line-height:1.2em;
}



form  select #bday {
width:40px;


}
form  select #bmonth {

}
form  select #byear{
width:100px;

}
/* ==================== Suggestions Form ================ */

.frmsuggestions {
width:572px;
border: 1px solid #CCCC00; 
padding-top:5px;
padding-bottom:5px; 
}

.frmTxtLabel {
text-align:right;
color:#FF6600; 
}



input.smallTxt {
/* color:#00008B; */
/* background-color:#E3F2F7;*/

font-family:Arial, Helvetica, sans-serif;
color:#FF6600;
font-size:0.875em;
background-color:#FFFFFF;
border: 1px inset #00008B;
width:140px;
height:25px;
}

input.mediumTxt {
font-family:Arial, Helvetica, sans-serif;
color:#FF6600;
font-size:0.875em;
background-color:#FFFFFF;
border: 1px inset #00008B;
width:160px;
height:25px;
}
input.longTxt {
font-family:Arial, Helvetica, sans-serif;
color:#FF6600;
font-size:0.875em;
background-color:#FFFFFF;
border: 1px inset #00008B;
width:220px;
height:25px;
}

textarea.areaTxt {
font-family:Arial, Helvetica, sans-serif;
color:#FF6600;
font-size:0.875em;
background-color:#FFFFFF;
border: 1px inset #00008B;
width:385px;
height:170px;
}

#benefits li{
padding-bottom:8px;
}


/* ==================== Old Form ================ */


.formtable {
	border: 1px solid #CCCC00; 
	border-collapse:collapse;
	padding-top:5px;
	padding-bottom:5px;

}

.formtable td{

	padding: 0.2em;
	vertical-align:middle;

}

.formtable td p{
	vertical-align:bottom;
	margin:0;
	padding:0;

}
/* ==================== Data table ================ */
.datatable {
	border: 1px solid #CCCC00;
	border-collapse:collapse;
}

.datatable td {
	border: 1px solid #CCCC00;
	padding: 0.2em;
	vertical-align:top;
	text-align:left;
}

.datatableAnswers {
	border: 1px solid #CCCC00;
	border-collapse:collapse;
}

.datatableAnswers td {
	border: 1px solid #CCCC00;
	padding-left: 0.5em;
	padding-right: 1.0em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	vertical-align:top;
	text-align:left;
}


.datatable td p{
text-align:center;
}

.datatableCentre{
text-align:center;
}

.datatable th{
border: 1px solid #828282;
font-weight: bold;
text-align:center;
padding: 0.2em;


}
.datatable caption{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding: 0.4em 0 0.3em 0;
border: 1px solid #789AC6
}

.datatable th{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#CC66CC;

	border: 1px solid #CCCC00;
	padding: 0.2em;
	vertical-align:middle;
	text-align:center;

}

.datatableSmallText {
font-size:0.8em;
font-weight:bold;
	border: 1px solid #CCCC00;
	padding: 0.2em;
	vertical-align:top;
	text-align:left;
}

.datatableCorrect {
color:#FF0000;
}

.datatableIncorrect {
color:#0000FF;
}

.datatableHL {
color:#FF0000;

}
.datatableHL td p{
font-weight:bold;
color:#FF0000;
text-align:center;

}





/*  ===================================== */