body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
td,th {
	font-size: 10pt;
}
#top-toolbar {
	background: linear-gradient(to right, #C11918, #333 60%, #333 100%);
}
.btn-primary, .btn-success {
	background-color:#C11918 !important;
	border-color:#9E1716 !important;
}
input[type="submit"]:hover {
	box-shadow:0px 0px 10px 0px rgba(228, 56, 55, 0.67);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-color:#E50A09;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
	background-color:#E50A09;
}
fieldset {
	border-top:1px solid #C11918;
	border-left:1px solid #C11918;
	border-bottom:2px solid #C11918;
	border-right:2px solid #C11918;
}
legend {
	border:1px solid #CCCCFF;
}

#nav-menu li a:hover{background-color:#1F9FBA;}
#nav-menu2 li a:hover{background-color:#FFA200;}
#nav-menu3 li a:hover{background-color:#CA3535;}
#nav-menu4 li a:hover{background-color:#9BBA1F;}


/* Colors */

.color-blue   {background:#000; /*opacity:0.8; filter:alpha(opacity=80);*/}
.color-red h3,.color-blue h3,.color-orange h3{color:#FFF}

/* End Colors */

/* Tabs */

.basictab li a{
	background-color: #eeeeee;
	color: #000000;
}

.basictab li a:hover, .basictab li a.current{
	color: black;
}
.basictab li a:active{
	color: black;
}
.basictabfullwidth li a{
	background-color: #eeeeee;
	color: #000000;
}

.basictabfullwidth li a:hover, .basictab li a.current{
	color: black;
}
.basictabfullwidth li a:active{
	color: black;
}
.fullwidth {
	border:1px solid #000;
 /*   box-shadow: 5px 5px 5px #888888;*/
}
@media (max-width: 1025px) {/* For XGA screens */
	.leadLeftCol,.leadRightCol {
		width: 410px;
	}
	.leadRightCol {
		display: inline-block;
	}
	.fullwidth {
		width:1000px;
	}
	.leadTextbox {
		width:380px;
	}
}
@media (max-width: 1300px) and (min-width: 1026px) {/* For WXGA screens */
	.leadLeftCol,.leadRightCol {
		width: 400px;
	}
	.leadRightCol {
		display: inline-block;
	}
	.fullwidth {
		width:1000px;
	}
	.leadTextbox {
		width:380px;
	}
}
/*
@media (max-width: 1899px) and (min-width: 1301px) {
	.leadLeftCol,.leadRightCol {
		width: 600px;
	}
	.leadRightCol {
		display: inline-block;
	}
	.fullwidth {
		width:1280px;
	}
}*/

@media (max-width: 1899px) and (min-width: 1301px) {
	.leadLeftCol,.leadRightCol {
		width: 525px;
	}
	.leadRightCol {
		display: inline-block;
	}
	.fullwidth {
		width:1250px;
	}
	.leadTextbox {
		width:500px;
	}
}

@media (min-width: 1900px) {/* For FHD screens */
	.leadLeftCol,.leadRightCol {
		width: 800px;
	}
	.leadRightCol {
		display: inline-block;
	}
	.fullwidth,.basictabfullwidth {
		width:1800px;
	}
	.leadTextbox {
		width:750px;
	}
}
   #pupilnav {
      width: 100%;
    /*  float: left;*/
      margin: 0 0 0 0;
      padding: 0;
	  background-color:#000;
		background-image: linear-gradient(#2A2A26 10%, #3B382E 30%, #000);
      list-style: none;
      border-bottom: 1px solid #ccc; 
      border-top: 1px solid #ccc;
	  text-align:center;
  }
   #pupilnav li {
/*      float: left;*/
display:inline;
}
   #pupilnav li a {
      display: inline-block;
      padding: 8px 15px;
      text-decoration: none;
      color: #FFF;
	  transition: all 0.2s ease;
      border-right: 1px solid #ccc; }
   #pupilnav li a:hover {
		color:#C11918;
   }
   /* End navigation bar styling. */
  
  #pointsInEachSubjectH3 {
background-image: linear-gradient(#2A2A26 10%, #3B382E 30%, #000);
  	  border-bottom: 3px solid #C11918;
	  color:#fff;
  }
  #timelineH3 {
background-image: linear-gradient(#2A2A26 10%, #3B382E 30%, #000);
	  border-bottom: 3px solid #C11918;
	  color:#fff;
  }
  #myTargetsH3 {
background-image: linear-gradient(#2A2A26 10%, #3B382E 30%, #000);
	  border-bottom: 3px solid #C11918;
	  color:#fff;
  }
  
   #nav2 {
      width: 100%;
    /*  float: left;*/
      margin: 0 0 0 0;
      padding: 0;
      background-color: #f2f2f2;
      list-style: none;
      border-bottom: 1px solid #ccc; 
      border-top: 1px solid #ccc;
	  text-align:center;
  }
   #nav2 li {
/*      float: left;*/
display:inline;
}
   #nav2 li a {
      display: inline-block;
      padding: 8px 15px;
      text-decoration: none;
       background-color: #f2f2f2;
      color: #069;
	  transition: all 0.2s ease;
      border-right: 1px solid #ccc; }
   #nav2 li a:hover {
      color: #c00;
 }
   /* End navigation bar styling. */