/* 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;

}


.H5TextBrown{
  color:#993333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.88em;

}

h6 {

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

a,  a:link {

  font-weight:normal;

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

a:visited {

  font-weight:normal;
  
  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;
 
}
#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:560px;
  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 #leftContent p{
  color:#993333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  text-align:left;
}


#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 #bodyTextHP {
width:490px;
margin-top: 20px;
margin-left:5px;
float:left;

}

#outerContainer #contentWrapper #rightContent #rightEdge {
width:205px;
margin-top: 15px;
margin-right:5px;
float:right;
}

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

.studentQuotes {
  
  color: #CC0000;;
  font-family: Arial, Helvetica, sans-serif;
  font-style:italic; 
}  

.Studentsleft {
float: left;
width: 95px;
margin-right: 3px;
margin-bottom: 6px;
}	

.StudentsleftIndented {
float: left;
width: 95px;
margin-left: 40px;
margin-bottom: 6px;
}	

.Studentsright {
float: right;
width: 90px;
margin-left: 3px;
margin-bottom: 6px;
}	

.StudentsrightIndented {
float: right;
width: 95px;
margin-right: 60px;
margin-bottom: 6px;
}	

.CommentsPaddingS{
min-height:140px;
}
.CommentsPaddingM{
min-height:170px;
}
.CommentsPaddingL{
min-height:260px;
}
/* ========================================================== */
#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;
}

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

.messagePanelHP_Blue{
width:98%;
border: thin   outset  #FFCCFF;
background-color: #F0FFFF;
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;
}

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

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

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 start ================ */
.datatable {
	border: 1px solid #CCCC00;
	border-collapse:collapse;
}

.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;
}

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

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

/* ==================== Data table end ================ */

.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;
}


.datatableCentre{
text-align:center;
}



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

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



.datatableSmallTextRegular {
font-size:0.8em;
	padding: 0.2em;
	vertical-align:middle;
	text-align:center;
}

.datatableSmallTextRegularRed {
font-size:0.8em;
color:#FF0000;
	padding: 0.2em;
	vertical-align:middle;
	text-align:center;
}

.datatableSmallTextRegular_hide {
font-size:0.8em;
    color: #F0FFFF;
	padding: 0.2em;
	vertical-align:middle;
	text-align:center;
}


.datatableMediumText {
font-size:0.9em;
	padding: 0.2em;
	vertical-align:middle;
	text-align:center;
}


/* ==================== tablesorter start ================ */
table.tablesorter {
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #CCCC00;
	border-collapse:collapse;
}

table.tablesorter caption{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:normal;
padding: 0.5em 0 0.5em 0;
border: 1px solid #789AC6
}


table.tablesorter thead tr th, table.tablesorter tfoot tr 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;
}



table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}


table.tablesorter tbody td {
font-family:Arial, Helvetica, sans-serif;
  font-size:0.95em;
	border: 1px solid #CCCC00;
	padding: 0.3em;
	vertical-align:top;
	text-align:left;

}


table.tablesorterMediumText  tbody td{
	font-size:0.9em;
	padding: 0.2em;
	vertical-align:middle;
	text-align:left;
}


table.tablesorter thead tr .headerSortUp {
	background-image:url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #0033FF;
}

.sorter{
 
}

/* ==================== tablesorter end ================ */


.dtrt {
/* ==================== datatableRedText ================ */
font-size:0.9em; 
/*	padding: 0.1em; */
/*		vertical-align:middle;  */

	text-align:left;
	color:#FF0000;
}


.dtbt {
/* ==================== datatableBlueText ================ */
font-size:0.9em;
/*		padding: 0.1em; */
/*		vertical-align:middle;  */
	text-align:left;
	color:#0000FF;
}
.dtbtTextSmall {
font-size:0.8em;
	padding: 0.2em;
	vertical-align:middle;
	text-align:center;
}





.datatableCorrect {
color:#FF0000;
}

.datatableIncorrect {
color:#0000FF;
}

.datatableHL {
color:#FF0000;

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

}





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