#profile-bar {

}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
td,th {
	font-size: 10pt;
}
fieldset {
	border-top:1px solid #006E53;
	border-left:1px solid #006E53;
	border-bottom:2px solid #006E53;
	border-right:2px solid #006E53;
}
legend {
	border:1px solid #006E53;
}

#nav-menu li a:hover{background-color:#FFEC01;color:#333;}
#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:#31A0DA; color:#333;/*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{
	background-color: #31A0DA;
	color: black;
}
.basictab li a:active{
	color: black;
}
.basictabfullwidth li a{
	background-color: #eeeeee;
	color: #000000;
}

.basictabfullwidth li a:hover, .basictab li a.current{
	background-color: #31A0DA;
	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:rgba(216, 22, 22, .8);
      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: #FFF;
	  background-color: #a40a0a;
	  text-shadow:0px 0px 10px #fff;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
   }
   /* End navigation bar styling. */
  
  #pointsInEachSubjectH3 {
	  background-color:#ee1c25;
  	  border-bottom: 0px solid #8D231D;
	  color:#fff;
  }
  #timelineH3 {
	  background-color:#ee1c25;
  	  border-bottom: 0px solid #8D231D;
	  color:#fff;
  }
  #myTargetsH3 {
	  background-color:#ee1c25;
  	  border-bottom: 0px solid #8D231D;
	  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. */
