/*1D9937   6B4784*/
.sidenav {  /* Navagation bar, need to change color and background-color */
	background-color:#124B80;
	width:173px;
}

.DataBanner{  /*Sets the background color and padding for the header of some pages, may not need the color attribute*/
	background-color: #124B80;
	margin-bottom:1px;
	padding: 4px;
}

.Data{    /*Used as the main area for displaying the information, again may not need edit, its normally placed underneath*/
	background-color: #ffffff;
	padding:4px;
}

   /*The following classes are for the bottom parts of the page no need to edit*/
.bottomstrap {
	background-color: #124B80;
}
.footer {
	font-size: 80%;
	background-color: #333333;
		color:#124B80
}
.footer a{
color:#ffffff;
}

th {  /* Header for some of the pages, the background color and color needs to be changed.*/
	background-color: #124B80;
	text-align:left;
}
a {   /*links for the site*/
	text-decoration: none;
	font-weight: bold;
	color:#9cccf2;
}
a:hover { /*links for the site*/
	text-decoration: underline;
	color: #666666;
}

h1, h2, h3{
	text-align:left;
	font-weight: bold;
	margin:1px;
}
h1 {font-size:14px;
	color: #ffffff;}
h2 {font-size:140%;}
h3 {font-size:120%;}


.menu{
	color:#fff;
	font-weight:bold;
	font-size:95%;
}
.menu h1{font-size:115%;}

/**/
.menu a{color:#ffffff;}
.menu a:hover{color:#000000;}

.message{   /* Used to display various messages across the site, change font color and possibly, background color*/
	font-size:140%;
	font-weight:800;
	background-color:#ffffff;
	color:#000436;
}

.form {    /*used by some buttons in forms*/
	background-color: #124B80;
	color:#ffffff;
	font-weight: bold;
}
.formsmall {  /*used by some buttons in forms*/
	background-color: #124B80;
	color:#ffffff
	font-weight: bold;
	font-size: 11px;
		/*colour of the button text*/
	color:#ffffff
}
.formimagebutton{cursor:pointer;}

.DataBanner a, .DataBanner a:hover{ /*some headers are hyperlinks, no need to edit this*/
	font-weight:800;
	color:#555555;
}

   /*These are for the checklist page, */
.checklist{
	border-style:solid;
	border-width:2px;
	padding:6px;
	width:500px;
	text-align:justify;
} 
.checklistRed, .checklistRed1, .checklistRed2, .checklistRed3, .checklistRed4, .checklistRed5, .checklistRed6, .checklistGreen{ font-weight:900;}
 /* The colors are suppose to get darker as the number increases, so checklist5 is suppose to be darker than checklist4, etc */
.checklistRed{ color : #ff0000;}
.checklistRed1{ color :#9C4848;}
.checklistRed2{ color :#E74747;}
.checklistRed3{ color :#ff0000;}
.checklistRed4{ color :#ff0000;}
.checklistRed5{ color :#ff0000;}
.checklistRed6{ color :#ff0000;}
.checklistGreen{ color :#124B80;}

 

.ChecklistBanner, .ChecklistBanner1, .ChecklistBanner2, .ChecklistBanner3, .ChecklistBanner4, .ChecklistBanner5, .ChecklistBanner6, .ChecklistBannerGreen{
/*same as the DataBanner class except the colors needs to be changed to match that of the checklist colors */
 margin-bottom:1px;
 padding-top:6px;
 padding-left:6px;
 padding-bottom:6px;
 font-weight:900;
}

 

 /* This is the banner for the checklists, the colors are suppose to be the same as above. The colors are suppose to get darker as the number increases, so checklist5 is suppose to be darker than checklist4, etc */
.ChecklistBanner{background-color: #ff0000;}
.ChecklistBanner1{background-color: #9C4848;}
.ChecklistBanner2{background-color: #E74747;}
.ChecklistBanner3{background-color: #ff0000;}
.ChecklistBanner4{background-color: #ff0000;}
.ChecklistBanner5{background-color: #ff0000;}
.ChecklistBanner6{background-color: #ff0000;}
.ChecklistBannerGreen{background-color: #124B80;}

 


.asterix{font-size: 20px; color:#043C1F; font-weight:bold; /*vertical-align:sub;*/}/*used to show the star sign for forms that are required*/
.visitingurl{color: #000000; font-weight:800;} /*This is changing the color of the link the user is on*/

body {
	background-color: #CCCCCC;
	color: #999999;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.textarea {
 	background-color: #ffffff;
}

.DataTabled .Blank{
 	background-color: #999999;
}