/* @stylesheet : default
	@site :         VCAA Victorian Essential Learning Standards
    @author :       Matt Wurm - Online Publishing Unit
	@Date :         October 2004 
	@revised :		Francis Ng, Keely O'Shannessy, Vincent Pangemanan
	@Date :			October 2005
*/
/* Body tags */

body {
  	padding:0;
	margin:0;
	background: #fff; 
  	color: #000;
  	font-family: sans-serif;
	/* IE centring */
	text-align: center;


/*	font-size : 10pt;
	padding :0; 
	margin : -8px 0px 0px -8px;
	background-color : #FFF; 
	color : #000; */
}

h1 {
	font-size : 140%;
	font-weight : normal;
	color : #658CB5;
	margin : 0px;
	padding : 0px;
}
h2 {
	font-size : 120%;
}
h3 {
	font-size : 100%;
}
h4 {
	font-size : 80%;
}
p {
	font-size : 90%;
}
body, h1, h2, h3, h4, h5, p, ul, ol, td, div, a:link, a:visited, a:hover {
	font-family : arial, verdana, helvetica, sans-serif;
}
ul {
	font-size : 90%;
	list-style : disc;
}
ul ul {
	font-size : 90%;
	list-style : circle;
}
ul ul ul {
	font-size : 90%;
	list-style: square;
}


#homeContent {
	font-size: 90%;
	margin : 0px;
	margin-left : 15px;
	margin-right : 15px;
	padding : 0.5em 5px 0.5em 5px;
	line-height: 140%;
	text-align:left;
	color:#000;
}

form {
	margin : 0px;
	padding : 0px;
}
sub { font-family: Arial, Helvetica, sans-serif;
           font-size: 80%; }
sub { vertical-align: -0.6ex; }
table#vels th {
	text-align: left;
	vertical-align: top;
	font-size : 10.5pt;
	line-height: 150%;
}
table#vels td {
	vertical-align: top;
	font-size : 10.5pt;
	line-height: 150%;
}
table#p10table th {
	text-align: left;
	vertical-align: top;
	padding: 2px 2px 2px 2px;
	background-color: #CECBEF;
	font-size : 10.5pt;
	line-height: 150%;
}
table#p10table td {
	vertical-align: top;
	padding: 2px 2px 2px 2px;
	background-color: #E7E7F7;
	font-size : 10.5pt;
	line-height: 150%;
}
table#p10sltable th {
	text-align: left;
	vertical-align: top;
	padding: 2px 2px 2px 2px;
	background-color: #C9C7EC;
	font-size : 10.5pt;
	line-height: 150%;
}
table#p10sltable td {
	vertical-align: top;
	padding: 2px 2px 2px 2px;
	background-color: #F0E3F4;
	font-size : 10.5pt;
	line-height: 150%;
}
table#ATtable th {
	background-color: #E4A4C1;
	vertical-align: top;	
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 1px 5px 1px 5px;
	line-height: 150%;
	
}
table#ATtable td {
	background-color: #F5DCE8;
	vertical-align: top;
	font-size: 12px;
	text-align: left;
	padding: 1px 5px 1px 5px;
	line-height: 150%;
}
table#ATtable td ul {
    margin: -20px 0px 5px 10px;	
}
table#SUtable th {
	background-color: #FFBF3B;
	vertical-align: top;	
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 1px 5px 1px 5px;
	line-height: 150%;
}
table#SUtable td {
	background-color: #FFF4DD;
	vertical-align: top;
	font-size: 12px;
	text-align: left;
	padding: 1px 5px 1px 5px;
	line-height: 150%;
}
table#Assesstable th {
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;	
	line-height: 150%;
}
table#Assesstable td {
	vertical-align: top;
	font-size: 12px;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;	
	line-height: 150%;
} 
table#Standardstable th {
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	padding: 5px 5px 5px 5px;
	border-color: #FF6600;
	background-color: #F7A673;
}
table#Standardstable td {
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	border-color: #FF6600;
}
table#Standardstable {
	border-color: #FF6600;
}
table#Assesstable {
	background-color: #000000;
}
table#Assesstable1 th {
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;	
}
table#Assesstable1 td {
	vertical-align: top;
	font-size: 12px;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;	
}
table#Assesstable1 td ul {
  margin: -10px 0 5px 10px;	
  padding-left: 0;
}
table#Assesstable1 td li {
  padding: 0;
  margin: 1em;
  
}
table#Assesstable1 {
	background-color: #000000;
}
/* Sample Programs - Concept and skills matrix*/
table#concept th {
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 5px 5px 5px 5px;
	background-color: #FFBF3B;	
}
table#concept td {
	vertical-align: top;
	font-size: 12px;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;	
}
table#concept td ul {
  margin-left: 1em;
  padding-left: 0;
}
table#concept td li {
  margin: 0;
  padding: 0;
}
table#concept {
	background-color: #000000;
}
/* Buttons */
a.button {	
	font-weight: bold;	
	font-size: 9px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	padding: 4px 8px;	
	border-top: 1px solid white;	
	border-right: 1px solid black;	
	border-bottom: 1px solid black;	
	border-left: 1px solid white;	
	text-align: center;	min-width: 75px;	
	text-transform: uppercase;
}
a.button:link { 	
	background-color: #060; 	
	color: #FFF;	
	text-decoration: none;	
}
a.button:visited {	
	background-color: #060; 	
	color: #fff;	
	text-decoration: none;	
}
a.button:hover { 	
	background-color: #060; 	
	color: red;	
	border-color: black white white black;	
	text-decoration: none;	
}
a.button:active { 	
	background-color: #369; 	
	color: #ccc; 	
	text-decoration: none;	
}
/* Links */
#assessbreadCrumb a:link, #assessbreadCrumb a:visited {
	color : #000;
}
#breadCrumb a:link, #breadCrumb a:visited {
	color : #000;
}
#global a:link, #global a:visited {
    color : #FFF;
	font-size : 10pt;
	text-decoration : none;
}


#level a:link, #level a:visited {
	color : #000;
	padding : 2px 5px;
	border : 2px outset #B6CBDE;
	background-color : #FFFFFF;
}
#level a:hover {
	color : #000;
	border-style : inset;
	background-color : #C4D5E6;
}


#navLeft a:link, #navLeft a:visited {
	color : #000033;
	text-decoration : none;
	margin : 0px;
	padding : 3px 3px 3px 10px;
	border-top : 1px solid #FFF;
}
#navLeft li.active li a:link, #navLeft li.active li a:visited {
	color : #000033;
	margin : 0px;
	padding-left : 20px;
}
#navLeft li.active li li a:link, #navLeft li.active li li a:visited {
	padding-left : 30px;
}
#navLeft li.active li li li a:link, #navLeft li.active li li li a:visited {
	padding-left : 40px;
}
#navTop a:link,  #navTop a:visited {
	color : #FFF;
	font-size : 10pt;
	text-decoration : none;
}
#search a {
	color: #000;
	text-decoration : none;
}
/* Classes */
.imgsample {
	float: left;
	border: 1px solid #999;
	margin-left: 70px;
}
.genericmedia {
	float: right;
	font-size: 80%;
    list-style-image: url('/images/Content/genericmedia1.gif');
	background-color:  #FF9900;
	border: 2px outset #FFCC00;
	width: 60px;
	text-align: center;
	margin-top: -35px;
	margin-right: 8px;
	margin-left: 5px;
	padding: 5px 	
}
.nounderline a {
	text-decoration: none;
}
/* Science Glossary */
.sciglossA {
	background-color: #E5E4F6;	
}
.sciglossB {
	background-color: #FFFFFF;
}
.sciglossBox {
	background-color: #000000;
 	padding: 5px 5px 5px 5px;
}/* end of Science Glossary */
/* Assessment maps */
.imgleft {
	float: left;
	width: 25%;
}
.righttxt {
	width: 71%;
	text-align:left;
	float: left;
	margin-left: 20px;
	padding-bottom: 1em;
}
.righttxt p {
	margin-top: 0px;
}
.righttxtlvl1 {
	width: 78%;
	text-align:left;
	float: left;
	margin-left: 20px;
	padding-bottom: 1em;
}
.righttxtlvl1 p {
	margin-top: 0px;
}
.bufferbox {
	width: 97%;
	float: left;
}/* end of assessment */
.mathseqn {
    font-size: 90%;
}
.revisedver {
	font-size: 100%;
	font-weight: bold;
}
.blue {
	color : #0099CC;
	font-weight : bold;
}
.underline {
	text-decoration: underline;
}
.right {
	float : right;
}
.left {
	float : left;
}
.small {
	font-size : 10pt;
}
.domain {
	background-color:#FFCC66;
}
.dimension {
	background-color:#FFCC99;
}
.hide {
	display:none;
}
.indent {
	margin-left: 28px;
}
.rightindent {
	margin-right: 47px;
	text-align: right;
}
.displayleft {
    float: left;
}
.searchbutton {
	vertical-align: top;
}
.boldtitle {
	font-weight: bolder;
}
.center {
	text-align: center;
}
.centeredbox {
	margin: auto; 
	text-align:left;
}
.standardtable1 {
	background-color:#F7DBC6;
}
.standardtable2 {
	background-color:#F7A673;
}
.standardtable3 {
	background-color:#F7E7DE;
}
.hometabletext {
	color: #FFF;
	font-size: 10px;
	font-family : arial, verdana, helvetica, sans-serif;
	text-align: left;
	text-indent: 28px;
	font-weight: bolder;	
}
/* Progression points */
div.ppoint {
	padding: 8px 8px 10px 10px;
	width: 97%;	
}
div.ppoint li {
	list-style-image: url('/images/Content/progressbullet.gif');
	margin-top: -180px;
	margin-left: 90px;
	padding-left: 10px;	
	vertical-align: middle	
} 
div.ppoint h3 {
	color: #666;
	font-size: 90%;
}
div.indentstd {
	margin-left: 35px;
	padding-bottom: 8px;
}
div.atstd {
	border: 2px solid #000;
	background-color:  #FFFFCC;
	padding: 20px 8px 8px 10px;
	width: 96%;
}
div.atstd h3 {
	font-size: 120%;
}
li.velsbullet {
    list-style-image: url('/images/Content/velsbullet.gif');	
	margin-left: -15px;
	padding-left: 10px;
	vertical-align: middle	
}
.ptowards {
	margin-top: 30px;
	font-weight: bolder;
	color: #990000;
	width: 80px;
	height: 160px;
	text-align: center;
}
.pplink {
	border-left: 1px solid #999;
	padding: 0px 10px 0px 10px;
	line-height: 150%;
}
.ppdarrow {
	font-size: 190%;
	color: #CF5463;
	font-weight: bolder;
}
.stdpptitle {
	display:none;
}
/* LOTE */
li.roman {
	list-style-image:  url('/images/Content/lote/roman.gif');
	margin-left: -20px;
	padding-left: 20px;
	padding-bottom: 8px; 
	line-height: 150%
}
li.omega {
	list-style-image:  url('/images/Content/lote/omega.gif');
	margin-left: -20px;
	padding-left: 20px;
	padding-bottom: 8px;
	line-height: 150% 
}
li.chinese {
	list-style-image:  url('/images/Content/lote/chinese.gif');
	margin-left: -20px;
	padding-left: 20px;
	padding-bottom: 8px;
	line-height: 150% 
}
li.signed {
	list-style-image:  url('/images/Content/lote/signed.gif');
	margin-left: -20px;
	padding-left: 20px;
	padding-bottom: 8px;
	line-height: 150%
}/* end of LOTE */
/* AWS */
.annobox, .stdbox {
	border: solid #999 1px;
	float: left;
	height: auto;
	padding: 5px 15px 5px 10px;
}
.samplebox {
	background-color: #FFFFFF;
	border: solid #000 1px;
	width: 80%;	
	padding: 10px 0px 10px 15px;
}
.annobox {
	background-color: #FFFFFF;
	width: 87%;
	margin: 0px 20px 10px 0px;
}
.stdbox {
	background-color: #FFFFCC;
	width: 90%;
	margin-left: 15px;
	margin-bottom: 10px;
}
.keyelement {
	background-color: #FFFFCC;
	border: solid #999 1px;
	width: 75%;
	margin-left: 15px;
	margin-right: 50px;
	padding: 10px 10px 10px 10px;
}
.keyelement span, .stdbox span {
	font-size: 90%;
	font-weight: bolder;
}/* end of AWS */
/* These classes apply to two tables on the homepage  */
.hometable1 {
	background-color: #F2F9F8;
	border: 0px;
	height: 190px;
}
.leftcol, .rightcol {
	float: left;
	width: 46%;
	height: 260px;
	background-color: #F2F9F8;
}
.centercol {
	float: left;
	width: 2%;
}
.hometitle1 {
	background-color: #ABD7CF;
	font-size: 12px;
	font-weight: bolder;
	text-align: left;
	text-indent: 28px;	
	height: 18px;
}
.hometitle2 {
	color: #FFFFFF;
	background-color: #FF6400;
	font-size: 12px;
	font-weight: bolder;
	text-align: left;
	text-indent: 28px;	
	height: 18px;
}
.hometitle3 {
	background-color: #ACA9E1;
	font-size: 12px;
	font-weight: bolder;
	text-align: left;
	text-indent: 28px;	
	height: 18px;
}
ul.homeIndent {
	font-size: 11px;
	font-weight: lighter;
	text-align: left;
	padding-top: 5px;
}
.imgpadding  {
	margin-left: 5px;
	padding-left: 5px;	
}/* End of classes applied to homepage */
/* classes for table in Teaching and Assessment Resource */
.Assesstable {
	background-color: #000000;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.Assesstable td, .Assesstable th {
	vertical-align: top;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #fff;	
	border: solid #fff 1px;
}
.Assesstable th {
	font-size: 11px;
	font-weight: bold;
}
.Assesstable td {
	font-size: 12px;
} /* end */
/* classes used in Assessment Task */
.assesstable1 {
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0px;
	background-color: #000000;
	margin-left: auto;
	margin-right: auto;
}
.assessrow ul, li {
/*	margin-left:0.75em; */
	margin-left:0;
	padding-left:0;
}
.assessheader {
	vertical-align: top;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;	
}
.assessrow {
	vertical-align: top;
	text-align: left;
	font-size: 90%;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 0px;
}
.activitytable {
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0px;
	background-color: #000000;
	margin-left: auto;
	margin-right: auto;
	font-size: 100%;
	line-height: 200%;
}
.activityheader {
	vertical-align: top;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #E4A4C1 ;	
}
.activityrowtitle {
	vertical-align: top;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #F5DCE8;
	border-style: solid;
	border-width: 0px;
}
.activityrow {
	vertical-align: top;
	font-size: 90%;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 0px;
	line-height: 150%;
}

.activityrow1 {
	vertical-align: top;
	font-size: 90%;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #FCF3F9;
	border-style: solid;
	border-width: 0px;
	line-height: 150%;
}
.activityrow ul, li {
/*	margin-left:0.75em; */
	margin-left:0;
	padding-left:0;
} /* end */
.stagestable {
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}
.stagesheader {
	vertical-align: top;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #D1E2FF ;	
}
.stagesrow {
	vertical-align: top;
	font-size: 90%;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #EFF5FF;
	border-style: solid;
	border-width: 0px;
}
/* Assessment tasks  */
.engcriteria {
	background-color: #FFFF00;
	padding: 12px 12px 12px 12px;
}
.enganno {
	background-color: #CCFF33;
	padding: 12px 12px 12px 12px;
}/* end  */
/* Assessment maps  */
.bgAssessMap {
	background-color: #FCF3F9;
	padding: 10px 15px 10px 15px; 
	width: 623px;
	float: left;
}
div.spacer {
  clear: both;
}
div.spacer p {
	line-height: 0%;
}
/* end  */
.studentwork {
	font-family: Comic Sans MS;
}
/* Tables in ESL */
.esltable {
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}
.eslheader {
	vertical-align: top;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-top-color: #000000;
	border-top-style: solid;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
}
.eslrow {
	vertical-align: top;
	font-size: 90%;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;
	line-height: 150%;
}
ul.esl {
	margin-left: 5px;
}
.eslband {
	vertical-align: top;
	text-align: left;
}
/* end */

/* Disabilities guidelines */
.blueprinttext {
	padding: 5px 110px 5px 110px;
	line-height: 150%;
	font-style: italic;
	text-align: justify;
}
/* end */
/* Tables in The Humanities  */
.humantable {
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0px;
	background-color: #000000;
	margin-left: auto;
	margin-right: auto;
}
.humanrow1 {
	vertical-align: top;
	padding: 2px 2px 2px 2px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 0px;
}
.humanrow2 {
	vertical-align: top;
	padding: 2px 2px 2px 2px;
	background-color: #CECBEF;
	border-style: solid;
	border-width: 0px;
}/* end  */
/* Maths fractions format   */
.above, .below { font-size: 70%;
                 font-family: arial, verdana, helvetica, sans-serif; }
.above { vertical-align: 0.7ex; }
.below { vertical-align: -0.3ex; }
.overline {
	text-decoration: overline;
}/* end  */
/* Maths symbols 02-04-2008*/
.math_sym1 {
	font-family: "Lucida Sans Unicode", "Arial Unicode MS";
	}/* end  */
.velsheader {
	background-color: #FFCC66;
}
.velsrow {
	background-color: #FFF3D5;
}
.cursivefont {
    font-family : "Courier New", Courier, mono;
}
.colortext {
	color: #CC0066;
	font-weight: bolder;	
}
.csftext {
	font-family: "Times New Roman", Times, serif;	
}
.linkprint {
	display: none;
}
.emaildiscuss {
	background-color: #FFFFFF;
	width: 75%;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:left;
	padding: 5px;
	border: 1px solid black;	
}
.greyfox {
	background-color: #FFFFFF;
	width: 75%;
	text-align:left;
	padding: 5px;
	border: 1px solid black;
}

.greytable {
    background-color: #000000;
}
.greytable th {
	background-color: #CCCCCC;
	padding: 5px 5px 5px 5px;
}
.greytable td {
  	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
}

/* Level 5 Assess Map English reading */
.newspaperTexts {
	background-color: #FFFFFF;
	width: 80%;
	text-align:left;
	padding: 5px;
	border: 1px solid black;
}
.newspaperTextsTable {
    background-color: #000000;
}
.newspaperTextsTable th {
	background-color: #CCCCCC;
	padding: 5px 5px 5px 5px;
}
.newspaperTextsTable td {
  	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
}
.news {
    float: left;
	background-color: #FFFFFF;
	width: 98%;
	height: auto;
	padding: 5px;
	border: 1px solid black;
}
.newsLeft {
	background-color: #FFFFFF;
	width: 46%;
	text-align: justify;
	padding: 5px;
}
.newsCentre {
	width: 3%;
	background-color: #FFFFFF;
}
.newsRight {
	background-color: #FFFFFF;
	width: 46%;
	text-align: justify;
	padding: 5px;
}
/* End Level 5 Assess Map English reading */
.speakingBox {
	background-color: #FFFFFF;
	width: 80%;
	text-align:left;
	padding: 5px;
}
.whitebg {
    background-color:#fff;
	width:auto;
	padding:5px;  
}
/* IDs */
/*#point {
	display: none; 
}*/
#banner {
	padding : 2px;
	vertical-align:top;
}
#assessbreadCrumb {
	font-size : 9pt;
	margin : 0px;
	padding : 0px;
	margin-top : 1.1em;
	margin-bottom : 1em;
}
#breadCrumb {
	font-size : 9pt;
	margin : 0px;
	padding : 0px;
	margin-bottom : 2em;
}
#content {
	font-size : 90%;
	line-height : 140%;
	margin : 0px ;
	padding : 0px 5px;
	clear : right;
}
#footer {
	clear : both;
	font-size: 8pt;
	text-align : center;
	margin : 0px;
	margin-left : 14em;
	margin-right : 15px;
	padding : 5px;
	/*background: white url(/images/Template/topmenu/bg_footer.jpg) no-repeat;*/
}
#homeFooter {
	clear : both;
	font-size: 8pt;
	text-align : center;
	margin-left : 0px;
	 padding : 0.5em 0px 0.5em 0px;
	/*background: white url(/images/Template/topmenu/bg_footer.jpg) no-repeat; */

}
#footer_text {
padding-top:5px;
}
.footer_right{
padding-top:25px;
float:right;
}
#global {
	color : #FFF;
	font-size : 9pt;
	margin : 0px;
	padding : 0px;
	padding : 0px 0px 15px 5px;
	background-color : #3F65AC;
	border : 1px solid #3F65AC;
	margin-top : -1em;
}
#header {
  	overflow: auto; /* stop bottom margin of content being passed on */
  	position: relative;
  	height: 85px;
   	text-align: right;
	background:#0393ab url(/images/Template/topmenu/background_header.jpg) left top no-repeat;

/*	font-size : 8pt;
	text-align : right;
	margin : 0px;
	padding : 0px;
	clear : right; */
}
#level {
	margin-top : 1em;
}
#navBottom {
	margin : 0px;
	padding : 0px;
}
#navCurve {
	clear : left;
	color : #FFF;
	font-size : 10pt;
	border-left : 11.95em solid #4988A1;
}
/* Popup boxes */
#gloss {
	/* background-color: #CBC9EC; */
	background-color: #33b9c2;
	display: block;
	float: left;
	clear: left;
	width: 100%;
	height: 30px;
	margin: 0px;
}
#strands {
	background-color: #A5C6FF;
	display: block;
	float: left;
	clear: left;
	width: 100%;
	height: 30px;
	margin: 0px;
}
#supportpopup {
	background-color: #33b9c2;
	display: block;
	float: left;
	clear: left;
	width: 100%;
	height: 30px;
	margin: 0px;
}
/* end popup */
#navLeft {
	color : #FFF;
	width : 11em;
	float : left;
	clear : left;
	font-size : 10pt;
	margin : 0px;
	padding : 0px;
}
#navLeft ul {
	margin : -10px 0px 0px -70px;
	padding : 0px;
}
#navLeft ul li {
	color : #FFF;
	margin : 0px;
	padding : 3px;
}
#navLeft ul ul {
	margin : 0px 0px 0px -20px;
	padding : 0px;
	width : auto;
}
#navLeft ul ul ul {
	width : 100%;
}
#navLeft img {
	display : none;
}
#navTop td {
	text-align : center;
	background-color : #00376C;
}
#search {
	font-size : 9pt;
	text-align : right;
}
#searchBox {
	float:right;
	padding:0.2em 0.5em;	

/* Old Search box code */
/*
	position: relative;
	top: 25px;
	right: 5px;
*/
}
#auxMenu {
	position: relative;
	top: 6px;
	right: 5px;
	font-size: 11px;
}
#closeWin {
	float : right;
	clear : right;
	position: relative;
	right: 20px;
	bottom: 15px;
	text-align: right;
	font-size: 90%;
}
/* Section Specific */
td#whiteBand {
	margin:0px;
	padding:0px;
	height : 5px;
	background-color : #FFF;
}
td#colourBand {
	margin:0px;
	padding:0px;
	height : 5px;
}
#banner {
	background-color : #FFF;
}
/*begin section specific*/
/*assessment*/
#assessment 
{
	position: relative;
	width: 1024px;	
	margin: 0 auto;
	padding: 0;
	z-index: 1;
	background: #fff;
  	border-left: 1px solid #555;  
  	border-right: 1px solid #555;
  	border-bottom: 1px solid #555;
	/* IE centring */
	text-align: left;
	}

#colourBand {
	background-color : #E4A4C1;
}
#assessment a.active:link,  #assessment a.active:visited {
	color : #000033;
	background-color : #E4A4C1;
	border-right: 1px solid #E4A4C1;
}
#assessmentLeft a:hover, #assessmentLeft li.active li a:hover, #assessmentLeft li.active li li a:hover {
	color : #CC0066;
}
#assessmentLeftP {
	width : 14.5em;
	background-color : transparent;
	background-image :  url('/images/Template/curve_upP.gif');
	background-position :  right top;
	background-repeat : no-repeat
}
#assessmentLeft {
	background-color : #E4A4C1;
}
#assessmentLeft ul {
	background-color : #F0CBDB;
}
#assessmentLeft ul ul {
	background-color : #FBEBF3;
}
#assessmentLeft ul ul ul {
	background-color : #FFF9FF;
}
/*home*/
#home {
	position: relative;
	width: 1024px;	
	margin: 0 auto;
	padding: 0;
	z-index: 1;
	background: #fff;
  	border-left: 1px solid #555;  
  	border-right: 1px solid #555;
  	border-bottom: 1px solid #555;
	/* IE centring */
	text-align: left;
	}

#colourBand {
	background-color : #ABD7CF;
}
#home a.active:link,  #home a.active:visited {
	color : #000033;
	 background-color : #ABD7CF; 
	border-right: 1px solid #ABD7CF;
}
#homeTablesText {
	color: #FFF;
	font-size: 10px;
	font-family : arial, verdana, helvetica, sans-serif;
	text-align: left;
	text-indent: 28px;
}
#homeTables ul li {
	font-size: 10pt;
	font-family : arial, verdana, helvetica, sans-serif;
	font-weight : normal;
	text-align : left;
	padding-top : 1px;
}
/*introduction*/
#introduction{
	position: relative;
	width: 1024px;	
	margin: 0 auto;
	padding: 0;
	z-index: 1;
	background: #fff;
  	border-left: 1px solid #555;  
  	border-right: 1px solid #555;
  	border-bottom: 1px solid #555;
	/* IE centring */
	text-align: left;
	} 

#colourBand {
	background-color : #A5C6FF;
}
#introduction a.active:link,  #introduction a.active:visited {
	color : #000033;
	background-color : #A5C6FF;
	border-right: 1px solid #A5C6FF;
}
/*introduction*/
#introductionLeft a:hover, #introductionLeft li.active li a:hover, #introductionLeft li.active li li a:hover {
	color : #0668F8;
}
#IntroductionleftB {
	width : 14.5em;
	background-color : transparent;
	background-image :  url('/images/Template/curve_upB.gif');
	background-position :  right top;
	background-repeat : no-repeat;
}


#introductionLeft {
	background-color : #A5C6FF;
}
#introductionLeft ul {
	background-color : #D1E2FF;
}
#introductionLeft ul ul {
	background-color : #EFF5FF;
}
/*links*/
#links {
	position: relative;
	width: 1024px;
	margin: 0 auto;
	padding: 0;
	z-index: 1;
	background: #fff;
  	border-left: 1px solid #555;  
  	border-right: 1px solid #555;
  	border-bottom: 1px solid #555;
	/* IE centring */
	text-align: left;
	}
#colourBand {
	background-color : #FFDE44;
}
#links a.active:link,  #links a.active:visited {
	color : #2f0404;
	background-color : #FFDE44;
	border-right: 1px solid #FFDE44;
}
#linksLeft a:hover, #linksLeft li.active li a:hover {
	color : #C30;
}
#linksleftY {
	width : 14.5em;
	background-color : transparent;
	background-image :  url('/images/Template/curve_upY.gif');
	background-position :  right top;
	background-repeat : no-repeat;
}
#linksLeft {
	background-color : #FFDE44;
}
#linksLeft ul {
	background-color : #FFEB8D;
}
#linksLeft ul ul {
	background-color : #FFEFAA;
}
/*p10*/
#p10 {
	position: relative;
	width: 1024px;	
	margin: 0 auto;
	padding: 0;
	z-index: 1;
	background: #fff;
  	border-left: 1px solid #555;  
  	border-right: 1px solid #555;
  	border-bottom: 1px solid #555;
	/* IE centring */
	text-align: left;
	}

#colourBand {
	background-color : #ACA9E1;
}
/*#p10 a.active:link,  #p10 a.active:visited {
	color : #000033;
	background-color : #ACA9E1;
	border-right: 1px solid #ACA9E1;*/
}
#p10Left a:hover, #p10Left li.active li a:hover, #p10Left li.active li li a:hover {
	color : #6633FF;
}
#p10LeftPB {
	width : 14.5em;
	background-color : transparent;
	background-image :  url('/images/Template/curve_upPB.gif');
	background-position :  right top;
	background-repeat : no-repeat;
}
#p10Left {
	background-color : #ACA9E1;
}
#p10Left ul {
	background-color : #CBC9EC;
}
#p10Left ul ul {
	background-color : #E5E4F6;
}
#p10Left ul ul ul {
	background-color : #F5F4FB;
}
/* Right navigation - Related links*/
.menubreak {	
	display: block;
	height: 1.5em;
	}
#P10Leftnav {
	color: #000033;
	width : 16em;
	float : right;
	clear : right;
	font-size : 10pt;
	margin : 0;
	padding : 0;
	font-size : 70%;
	background-color : transparent;
	background-position : top right;
	background-repeat : no-repeat;
	position: relative;
	top: 10px;
}
#P10Leftnav li.title {
	background-color: #ACA9E1;
	padding : 3px 0 3px 5px;
	color: #000033;
	list-style-type: none;
}
#P10Leftnav a:link, #P10Leftnav a:visited {
	text-decoration: none;
	color: #000033;
	margin : 0;
	padding : 3px 0 0 5px;
	border-top : 1px solid #FFF;
	display: block;
}
#P10Leftnav li.active li a:link, #P10Leftnav li.active li a:visited {
	color : #000033;
	margin : 0;
}
#P10Leftnav a:hover, #P10Leftnav li.active li a:hover, #P10Leftnav li.active li li a:hover {
	color : #6633FF;
	background-color: #FAFAFA;
}
#P10Leftnav ul {
	background-color: #FFF;
	margin: 0 6px 0 20px;
	padding: 0;
	border: 1px solid #ACA9E1;
}
#P10Leftnav ul li {
	color : #FFF;
	margin : 0px;
	padding: 0 0 3px 0;
}
#P10Leftnav ul ul {
	background-color: #FFF;
	margin : 0 0 0 -20px;
	padding : 0;
	width : auto;
}
#P10Leftnav ul ul ul {
	background-color: #FFF;
	width : 100%;
}
#P10Right {
	width : 16em;
	background-color : transparent;
	background-position : top right;
	background-repeat : no-repeat;
}
/* endnew */
/* About the VELS right nav*/
#aboutVELS {
	color: #000033;
	width : 16em;
	float : right;
	clear : right;
	font-size : 10pt;
	margin : 0;
	padding : 0;
	font-size : 70%;
	background-color : transparent;
	background-position : top right;
	background-repeat : no-repeat;
	position: relative;
	top: 10px;
}
#aboutVELS a:link, #aboutVELS a:visited {
	text-decoration: none;
	color: #000033;
	margin : 0;
	padding : 3px 0 0 5px;
	border-top : 1px solid #FFF;
	display: block;
}
#aboutVELS li.active li a:link, #aboutVELS li.active li a:visited {
	color: #0668F8;
	margin : 0;
}
#aboutVELS a:hover, #aboutVELS li.active li a:hover, #aboutVELS li.active li li a:hover {
	color : #0668F8;
}
#aboutVELS li.title {
	background-color: #A5C6FF;
	padding : 3px 0 3px 5px;
	color: #000033;
	list-style-type: none;
}
#aboutVELS ul {
	background-color: #D1E2FF;
	margin: 0 6px 0 20px;
	padding: 0;
	border: 1px solid #FFF;
}
#aboutVELS ul li {
	color : #FFF;
	margin : 0px;
	padding: 0 0 3px 0;
}
#aboutVELS ul ul {
	background-color: #FFF;
	margin : 0 0 0 -20px;
	padding : 0;
	width : auto;
}
#aboutVELS ul ul ul {
	background-color: #FFF;
	width : 100%;
}

/*reporting*/
#reporting {
	position: relative;
	width: 1024px;	
	margin: 0 auto;
	padding: 0;
	z-index: 1;
	background: #fff;
  	border-left: 1px solid #555;  
  	border-right: 1px solid #555;
  	border-bottom: 1px solid #555;
	/* IE centring */
	text-align: left;
	} 

#colourBand {
	background-color : #FF9834;
}
#reporting a.active:link,  #reporting a.active:visited {
	color : #000033;
	background-color : #FF9834;
	border-right: 1px solid #FF9834;
}
#reportingLeft a:hover, #reportingLeft li.active li a:hover {
	color : #FF0000
}
#reportingLeftO {
	width : 14.5em;
	background-color : transparent;
	background-image :  url('/images/Template/curve_upO.gif');
	background-position :  right top;
	background-repeat : no-repeat
}
#reportingLeft {
	background-color : #FF9834;
}
#reportingLeft ul {
	/*background-color : #E4A4C1;*/
	background-color: #FFCC90;
}
#reportingLeft ul ul {
	background-color : #FFEFAA;
}
/*sample*/
#sampleLeft li.title {
background-color: #FFBF3B;
color: #000033;
}
#sampleLeft li.wscptitle {
background-color: #FFBF3B;
color: #000033;
padding : 3px 3px 3px 10px;
}
#sampleLeft a:link, #sampleLeft a:visited {
	color: #000033;
	text-decoration : none;
	margin : 0px;
	padding : 3px 3px 3px 10px;
	border-top : 1px solid #FFF;
}
#sampleLeft li.active li a:link, #sampleLeft li.active li a:visited {
	color : #000033;
	margin : 0px;
	padding-left : 20px;
}
#sampleLeft li.active li li a:link, #sampleLeft li.active li li a:visited {
	padding-left : 30px;
}
#sampleLeft li.active li li li a:link, #sampleLeft li.active li li li a:visited {
	padding-left : 40px;
}
#sampleLeft {
	color: #000033;
	width : 15em;
	float : right;
	clear : right;
	font-size : 10pt;
	margin : 0px;
	padding : 0px;
	top: 0px;
}
#sampleLeft a:hover, #sampleLeft li.active li a:hover, #sampleLeft li.active li li a:hover {
	color : #FF3300;
}
#sampleLeft {
	font-size : 70%;
	width : 15em;
	background-color : transparent;
	background-position : top right;
	background-repeat : no-repeat;
	position: relative;

}
#sampleLeft ul {
	background-color: #FFE1A4;
	margin : -10px 0px 0px -70px;
	padding : 0px;
}
#sampleLeft ul li {
	color : #FFF;
	margin : 0px;
	padding : 3px;
}
#sampleLeft ul ul {
	background-color: #FFF4DD;
	margin : 0px 0px 0px -20px;
	padding : 0px;
	width : auto;
}
#sampleLeft ul ul ul {
	background-color: #FC0;
	width : 100%;
}
#sampleLeft img {
	display : none;
}
/*Assess*/
#assessLeft li.title {
background-color: #E4A4C1;
}
#assessLeft a:link, #assessLeft a:visited {
	color: #000033;
	text-decoration : none;
	margin : 0px;
	padding : 3px 3px 3px 10px;
	border-top : 1px solid #FFF;
}
#assessLeft li.active li a:link, #assessLeft li.active li a:visited {
	color : #000033;
	margin : 0px;
	padding-left : 20px;
}
#assessLeft li.active li li a:link, #assessLeft li.active li li a:visited {
	padding-left : 30px;
}
#assessLeft li.active li li li a:link, #assessLeft li.active li li li a:visited {
	padding-left : 40px;
}
#assessLeft {
	color: #000033;
	width : 15em;
	float : right;
	clear : right;
	font-size : 10pt;
	margin : 0px;
	padding : 0px;
	font-size : 70%;
	background-color : transparent;
	background-position : top right;
	background-repeat : no-repeat;
	position: relative;
	top: 0px;
}
#assessLeft a:hover, #assessLeft li.active li a:hover, #assessLeft li.active li li a:hover {
	color : #CC0066;
}
#assessLeft ul {
	background-color: #EEC4D7;
	margin : -10px 0px 0px -70px;
	padding : 0px;
}
#assessLeft ul li {
	color : #FFF;
	margin : 0px;
	padding : 3px;
}
#assessLeft ul ul {
	background-color: #F5DCE8;
	margin : 0px 0px 0px -20px;
	padding : 0px;
	width : auto;
}
#assessLeft ul ul ul {
	background-color: #FCF3F9;
	width : 100%;
}
#assessLeft img {
	display : none;
}
/*stages*/
#stages #colourBand {
	background-color : #F5A291;
}
#stages a.active:link,  #stages a.active:visited {
	color : #000033;
	background-color : #F5A291;
	border-right: 1px solid #F5A291;
}
#stagesLeft a:hover, #stagesLeft li.active li a:hover, #stagesLeft li.active li li a:hover {
	color : #CC0033;
}
#stagesLeftPink {
	width : 14.5em;
	background-color : transparent;
	background-image :  url('/images/Template/curve_upPink.gif');
	background-position :  right top;
	background-repeat : no-repeat
}
#stagesLeft {
	background-color : #F5A291;
}
#stagesLeft ul {
	background-color : #F9C5BA;
}
#stagesLeft ul ul {
	background-color : #FDEAE6;
}
/*support*/
#support{
	position: relative;
	width: 1024px;	
	margin: 0 auto;
	padding: 0;
	z-index: 1;
	background: #fff;
  	border-left: 1px solid #555;  
  	border-right: 1px solid #555;
  	border-bottom: 1px solid #555;
	/* IE centring */
	text-align: left;
	}

#colourBand {
	background-color : #FFBF3B
}
#support a.active:link,  #support a.active:visited {
	color : #2f0404;
	background-color : #FFBF3B;
	border-right: 1px solid #FFBF3B;
}
#supportLeft a:hover, #supportLeft li.active li a:hover, #supportLeft li.active li li a:hover {
	color : #FF3300;
}
#SupportleftM {
	width : 14.5em;
	background-color : transparent;
	background-image :  url('/images/Template/curve_upM.gif');
	background-position :  right top;
	background-repeat : no-repeat
}
#supportLeft {
	background-color : #FFBF3B;
}
#supportLeft ul {
	background-color : #FFE1A4;
}
#supportLeft ul ul {
	background-color : #FFF3BA;
}
#supportLeft ul ul ul{
	background-color : #FFF3CC;
}
#supportLeft span.csftext {
	font-family: "Times New Roman", Times, serif;	
}

/*Search styles*/
fieldset {
      border-style: none;
} 
legend {
      font-size: 130%;
      font-weight: bold;
      margin-left: -0.5em;
      padding-left: 0px;
}
.VECNumberResults {
      font-weight: bold;
}
.VECResultList {
      margin-left: 0;
      margin-right: 0;
      list-style-type: none;
}
.VECResult {
      margin-top: 0;
      margin-left: 0;
      margin-right: 0;  
      margin-bottom: 1em;
      font-weight: normal;
      font-size: 100%;
      color: #000000;
      font-family: verdana,Arial,helvetica,sans-serif;
}
.VECResultTitle {
      font-weight: bold;
}
.VECResultExtra
{
      color: #808080;
      font-size: 80%;
}
.align_center
{
      text-align: center;
}
/*Assessment maps index + PP */
/* Domain Support index*/
#personalmap, #disciplinemap, #intermap, #personalsupport, #disciplinesupport, #intersupport {
	width: 80%;
	font-size:80%;
	line-height: 130%;
	float: left;
}
#personalmap div, #disciplinemap div, #intermap div, #personalsupport div, #disciplinesupport div, #intersupport div {
	float: left;
	width: 40%;
}
#personalmap h3, #disciplinemap h3, #intermap h3 {
	padding: 5px;
	background-color: #F0CBDB;
	border-bottom: 1px solid #000;
}
#personalmap ul, #disciplinemap ul, #intermap ul, #personalsupport ul, #disciplinesupport ul, #intersupport ul {
	list-style-image: url('/images/Content/rorangearr.gif');	
	line-height: 160%;	
}
#personalsupport h3, #disciplinesupport h3, #intersupport h3 {
	padding: 5px;
	background-color: #FFE1A4;
	border-bottom: 1px solid #000;
}
/*Progression point mock 2 */
div.progression {
	width: 98%;
	font-size:80%;
	line-height: 130%;
	/*background-color: #FCF3F9;*/
	background-color: #f4fffc;
	border: 0px solid black;
}
div.progressionstd {
	float: left;
	width: 92%;
	padding: 20px 20px 30px 20px;	
	border: 0px solid black;
	background-color: #f4fffc;
}
div.progressionp {
	float: left;
	width: 28%;	
	border: 1px solid black;
	background-color: white;
	padding: 4px 5px 5px 0px;
	list-style-position: outside;
	margin: 0px 0px 0px 15px;
}
div.progressionheading {
	padding: 5px;
	font-size: 120%;
	background-color: #33bfc6;
	/*background-color: #F0CBDB;*/
	border-bottom: 1px solid #000;
	/*width: 100%;*/
	font-weight: bold;
}
div.progression p {
    padding-left: 25px;
	padding-right: 25px;
	font-size: 120%;
	line-height: 150%;
}
div.progression ul li {
    margin: 0 5px 0 -8px;	
} 
/* dot points in div progression standard section*/
div.progression ul.mathstd
{
    padding-left: 25px;
	padding-right: 25px;
	font-size: 120%;
	line-height: 150%;	
}
/* Progression points using table mock*/
table.pptable {
    border-collapse: collapse;
}
table.pptable td, table.pptable th {
	width: 31%;
	padding: 10px 10px 10px 10px;
	background-color: white;
	border-spacing: 5px;
	border-collapse: collapse; 
	vertical-align: top;
	text-align: left;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	font-size: .8em;
}
table.pptable th {
	border-top: 1px solid #000;
}
table.pptable th.space {
    width: 1%;
	background-color: #f4fffc;
	border-top: 0px solid #000;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
}
table.pptable td.bottom {
	border-bottom: 1px solid #000;
}
/* Progression points using table & no border*/
table.pptablenoborder {
    border-collapse: collapse;
}
table.pptablenoborder td, table.pptablenoborder th {
	width: 30%;
	padding: 10px 10px 10px 10px;
	background-color: white;
	border-spacing: 5px;
	border-collapse: collapse; 
	vertical-align: top;
	text-align: left;
	/*font-size: .8em;*/
}
table.pptablenoborder td li {
	margin-bottom: 10px;
}
table.pptablenoborder .space {
   	width: 1px;
	height: 1px;
	background-color: #f0fffc;
}
table.pptablenoborder .pptdnoback {
	background-color: #f0fffc;
}
/*amaptables*/
/*changes 03/04/08, as marked*/
.amaptable {
	font-size: .9em;
	/*NEW BELOW*/
	padding: 0;
	border: 2px ridge #D4D0C8;
	margin: 0 auto; /* self centres - same as align="center"*/
	border-collapse: collapse; /* collapse borders, removing need for extra cell by cell code (left/top only etc) */
	/*END NEW*/
}
.amaptable ul li {
    font-size: 1em;
	line-height: 150%;
	margin: 0 5px 0 -8px;
}
.amaptable td {
	vertical-align: top;
	line-height: 150%;
	/*NEW BELOW*/
	margin: 0;
	padding: 10px; /* cellpadding="10"*/
	border: 2px ridge #D4D0C8;
	/*END NEW*/
}
/*NEW BELOW*/
.amaptable td.center {
	text-align:center;
}
.amaptable td.halfpad {
	padding: 10px 2px 10px 2px;
	text-align:center;
}
.amaptable tr {
	margin: 0;
	padding: 0;	
}/*END NEW*/
.amaptable th {
	vertical-align: top;
	text-align: left;
}
/*NEW BELOW*/
.amaptable .nil_t { /*nil top border (internal only)*/
	border-top-width: 0;
	}
.amaptable .nil_b { /*nil boytom border (internal only)*/
	border-bottom-width: 0;
	}
.nil_table {
	border: 0;
	margin: 0 auto;
	border-collapse: collapse;
}/*END NEW*/
/* T R B L (ie 1px 0 0 1px) */
/* T/B R/L (ie 0 1px) */
.amaptable td.nolinesTL {
	border-width: 1px 1px 0 1px;	
}
.amaptable td.nolinesT {
	border-width: 1px 1px 0 1px;
}
.amaptable td.nolinesTR {
	border-width: 1px 1px 0 1px;
}
.amaptable td.nolinesCL {
	border-width: 0 1px;	
}
.amaptable td.nolinesC {
	border-width: 0 1px;
}
.amaptable td.nolinesCR {
	border-width: 0 1px;
}
.amaptable td.nolinesBL {
	border-width: 0 1px 1px 1px;	
}
.amaptable td.nolinesB {
	border-width: 0 1px 1px 1px;
}
.amaptable td.nolinesBR {
	border-width: 0 1px 1px 1px;
}
table.domaintable th {
    font-size: .8em;
	font-family: arial, verdana, helvetica, sans-serif;
	background-color: #F0CBDB;
}
table.domaintable td {
	font-size: .8em;
	font-family: arial, verdana, helvetica, sans-serif;
	padding: 10px 10px 10px 10px;
    border-spacing: 5px;
	vertical-align: top;
}
table.domaintable td ul {
    padding-left: 20px;
	margin-left: 0; 
}

/* Progression lote images and list*/
li.chinesepp {
	list-style-image:  url('/images/content/lote/chinesepp.gif');
    padding-left: 25px;
	padding-right: 25px;
	font-size: 120%;
	line-height: 150%;
}
li.romanpp {
	list-style-image:  url('/images/content/lote/romanpp.gif');
    padding-left: 25px;
	padding-right: 25px;
	font-size: 120%;
	line-height: 150%;
}
li.omegapp {
	list-style-image:  url('/images/content/lote/omegapp.gif');
    padding-left: 25px;
	padding-right: 25px;
	font-size: 120%;
	line-height: 150%;
}
li.signedpp {
	list-style-image:  url('/images/content/lote/signedpp.gif');
    padding-left: 25px;
	padding-right: 25px;
	font-size: 120%;
	line-height: 150%;
}
/* Green box */
.top-leftgreen {
	background: url(/images/Content/parent/topleftgreen.gif) 0 0 no-repeat #33cc00;
}
.top-rightgreen {
	background: url(/images/Content/parent/toprightgreen.gif) 100% 0 no-repeat;
	padding: 10px;
	font-size:medium;
	font-weight: bolder;
	color: #fff;
}
.round-container {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
.round-container p {
	margin:0;
}
.round-container ul {
	list-style-type: square;	
	padding-left: 20px;
	margin-left: 0;
}	
.bottom-text {
	background-color: #E1F1E8;
	padding: 5px;
}
.bottom-clear {
	font-size: 0; 
	height: 0;
}
/* Orange box */
.top-leftorange {
	background: url(/images/Content/parent/topleftorange.gif) 0 0 no-repeat #F68933;
}
.top-rightorange {
	background: url(/images/Content/parent/toprightorange.gif) 100% 0 no-repeat;
	padding: 10px;
	font-size:medium;
	font-weight: bolder;
	color: #fff;
}
.bottom-text1 {
	border-left: 5px solid #FFCC00;
	border-right: 5px solid #FFCC00;
	border-bottom: 5px solid #FFCC00;
	padding: 5px;
	background-color:#fff;
}
.bottom-clear1 {
	font-size: 0; 
	height: 0;
}
/* Parent tables */
.vpbttable {
	font-family: tahoma;
	font-size: .9em;
	color: #666666;
	border: none;
	margin: 0px;
	padding: 0px;
}
.vpbttopleft {
	background-image: url(/images/Content/parent/tl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #333333;
	vertical-align: middle;
	background-color: #FF9900;
	height: 20px;
	text-align: center;
	border: 0px none;
	font-size: .9em;
	padding: 5px 0 5px 0;
}
.vpbttopright {
	background-image: url(/images/Content/parent/tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #FFFFFF;
	background-color: #FF9900;
	height: 20px;
	text-align: left;
	border: 0px none;
	font-size: .9em;
	padding: 5px 0 5px 0;
}
.vpbtli {
	list-style-type: none;
	text-align: left;
	line-height: 15px;
	text-indent: -25px;
}
.vpbttd {
	width: 33%;
	text-align: center;
}
.vpbtdimensiontitles {
	font-family: Tahoma;
	font-size: .9em;
	font-weight: bold;
}
.vpbtcolumn {
	border-top: 1px none #CCCCCC;
	border-right: 1px none #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 33%;
	text-align: center;
}
.vpbtlastcolumn {
	border-top: 1px none #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 33%;
	text-align: center;
}
/* Standards index no table*/
#personal h3, #discipline h3, #inter h3 {
	padding: 5px;
	background-color: #CECBEF;
	border-bottom: 1px solid #000;
}
#personal ul, #discipline ul, #inter ul {
	list-style-image: url('/images/Content/rorangearr.gif');	
	line-height: 160%;	
}
#personal div, #discipline div, #inter div {
	float:left;
	width: 48%;
}
#personal, #discipline, #inter {
	width: 85%;
	font-size:80%;
	line-height: 130%;
}
/* LOTE language formating 16-04-2008*/
#arabictext {
	position: relative;
	left: 150px;
	font-size: 1.3em;
	text-align: right;
	width: 350px;
	overflow: visible;
	}
#arabictext_v {
	position: relative;
	left: 0;
	font-size: 1.3em;
	text-align: right;
	width: 550px;
	overflow: visible;
	}
li ul li #arabictext {
	left: 100px;
	}/*end*/
.nolinetable {
     border: 0;
	 font-size: 1em;
	 font-family : arial, verdana, helvetica, sans-serif;
	 line-height: 150%;
}



/*
 *  Updated Link Styles
 *  M. Friedel 28/4/09
 */
 
 .linkExternal {	
    background: url(/images/template/linkExternal.gif) right center no-repeat;
	padding-right: 18px;
	display:inline-block;
	line-height:normal;
}

.linkMailTo {	
    background: url(/images/template/linkMailTo.gif) right center no-repeat;
	padding-right: 18px;
	display:inline-block;
	line-height:normal;
}

.linkSecure {	
    background: url(/images/template/linkSecure.gif) right center no-repeat;
	padding-right: 18px;
	display:inline-block;
	line-height:normal;
}

/***********************************************************************************************************************************************************/
/* Added for New Web Modification */
/***********************************************************************************************************************************************************/
/***** LEFT MENU ****/
.menu_left {
	background-color:#FFFFFF;
	width: 175px;
	float: left;
	margin-left: 0px;
	margin-top:2px;
	display: block;
}
.menu_title{
  	background-image: url(/images/Content/left_title.gif);
  	background-color:#33bfc6;
  	color: white;
  	font-size: 11px;
  	font-weight: bold;
  	vertical-align:middle;
  	padding-left: 10px;
  	padding-bottom: 7px;
  	padding-top: 7px;
  	border-left: 1px solid #999999 ;
    	border-right: 1px solid #999999 ;
}
.menu_title a{
  text-decoration: none;
  color:#FFFFFF;
}
.menu_title a:hover {
text-decoration:underline;
}
.menu_divider {
	color:#000000;
	font-style:italic;
	font-weight:bold;
	font-size:11px;
	padding-top:5px;
  	padding-left: 5px;
  	padding-bottom: 5px;
	border-bottom: dotted 1px #ddd;
	background-color:#ccc;
	background-image: url(/images/Content/menu_divider.gif);
  	border-left: 1px solid #999999 ;
    	border-right: 1px solid #999999 ;
}
.menu_divider a{
  text-decoration: none;
  color:#000000;
}
.menu_divider a:hover {
text-decoration:underline;
}

.menu_lev1{
	color:#000000;
	font-size:70%;
	padding-top:5px;
	padding-left: 10px;
	border-bottom: dotted 1px #666666;
	padding-bottom:5px;
  	border-left: 1px solid #999999 ;
    	border-right: 1px solid #999999 ;
}
.menu_lev1 a{
  text-decoration: none;
  color:#000000;
}
.menu_lev1 a:hover {
text-decoration:underline;
}
.menu_lev1_last{
	color:#000000;
	font-size:70%;
	padding-top:5px;
	padding-left: 10px;
	padding-bottom:5px;
  	border-left: 1px solid #999999 ;
    	border-right: 1px solid #999999 ;
	border-bottom: solid 1px #999999;
}
.menu_lev1_last a{
  text-decoration: none;
  color:#000000;
}
.menu_lev1_last a:hover {
text-decoration:underline;
}
.menu_lev2{
	color:#000000;
	font-size:70%;
	padding-top:5px;
	padding-left: 30px;
	border-bottom: dotted 1px #666666;
	padding-bottom:5px;
  	border-left: 1px solid #999999 ;
    	border-right: 1px solid #999999 ;
}
.menu_lev2 a{
  text-decoration: none;
  color:#000000;
}
.menu_lev2 a:hover {
text-decoration:underline;
}
.menu_lev3{
	color:#000000;
	font-size:70%;
	padding-top:5px;
	padding-left: 60px;
	border-bottom: dotted 1px #666666;
	padding-bottom:5px;
  	border-left: 1px solid #999999 ;
    	border-right: 1px solid #999999 ;
}
.menu_lev3 a{
  text-decoration: none;
  color:#000000;
}
.menu_lev3 a:hover {
text-decoration:underline;
}
.menu_space {
	clear:both;
	padding: 2px;

}
/*** NAV BOX ***/
.nav_box {
	float: left;
	width: 305px; 
	height: 318px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	color: #ffffff;
	background: #333333 url(/images/Content/context_menu.jpg) repeat;
}

.nav_box_long {
	float: left;
	width: 305px; 
	height: 380px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	color: #ffffff;
	background: #333333 url(/images/Content/context_menu.jpg) repeat;
}

.nav_title1{
   background: #0000FF url(/images/Content/title_menu_blue.jpg);
   height:25px;
   color:#000000;
   font-weight:bold;
   padding-top:5px;
   padding-left: 5px;
   font-size:100%;
   }

.nav_title2{
   background: #FF9900 url(/images/Content/title_menu_orange.jpg);
   height:25px;
   color:#000000;
   font-weight:bold;
   padding-top:5px;
   padding-left: 5px;
   font-size:100%;
   }

.nav_title3{
   background: #FFCC00 url(/images/Content/title_menu_darkyellow.jpg);
   height:25px;
   color:#000000;
   font-weight:bold;
   padding-top:5px;
   padding-left: 5px;
   font-size:100%;
   }
.nav_title4{
   background: #006600 url(/images/Content/title_menu_darkgreen.jpg);
   height:25px;
   color:#000000;
   font-weight:bold;
   padding-top:5px;
   padding-left: 5px;
   font-size:100%;
   }

.nav_title5{
   background: #FF00FF url(/images/Content/title_menu_pink.jpg);
   height:25px;
   color:#000000;
   font-weight:bold;
   padding-top:5px;
   padding-left: 5px;
   font-size:100%;
   }

.nav_title6{
   background: #FF0000 url(/images/Content/title_menu_red.jpg);
   height:25px;
   color:#000000;
   font-weight:bold;
   padding-top:5px;
   padding-left: 5px;
   font-size:100%;
   }  

/*** MENU EXPAND ***/   
div.column {
	float: left; 
	width:305px;
	height: 165px;
	position: relative;
	padding: 0px;
}
/***dummy ***/
div.dummy ul{   
	min-height:22px;  
}
/***explanation text***/
/***menu***/
div.dummy li a {
	display:block; 
	font-size: 90% !important; 
	color: #ffffff !important; 
	text-decoration: none !important; 
	font-weight: normal !important; 
	border-bottom:solid 1px rgb(150,150,150); 
	background:url(/images/Content/arrow.gif) no-repeat; 
	padding-left:15px; 
	margin-bottom:0px; 
	height: 22px; 
}
/*** end dummy ***/
div.description { 
	margin-right: 0; 
}
div.description h2 {
	display: none; 
}
/*** SUBPAGE ***/
div.description {
	margin-top: -5px; 
	width: 305px; 
}
div.description ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;
	padding-top: 10px; 
	padding-left: 1px; 
	margin-top: 1px;
}
div.description ul li {   
	min-height:22px;
	  
}
/***explanation text***/
div.description li a { 
	display:block; 
	height: 22px; 
	font-size: 90%; 
	font-family: Arial, sans-serif; 
	color: #000000; 
	text-decoration: none; 
	font-weight: normal; 	
	background:none; 
	overflow:hidden;
}
div.description li a span { 
	display:none;
	color: #ffffff; 
	font-size: 90%; 
	text-decoration:none; 
	display:block;  
	font-weight: normal; 
	margin-bottom:5px;
}


/***menu***/
div.description li a span.link-nb {
	display:block; 
	font-size: 90% !important; 
	color: #ffffff !important; 
	text-decoration: none !important; 
	font-weight: normal !important; 
	border-bottom:solid 1px rgb(150,150,150); 
	background:url(/images/Content/arrow.gif) no-repeat; 
	padding-left:15px; 
	margin-right:0px;
	height:20px;
}

div.description li a:hover, div.description li a:focus{ 
	display:block;
	color:#000000; 
	height:auto;
	width: 98%; 
	background:#FFFFFF; 
	border:solid 1px rgb(150,150,150);
	/*  position:absolute;		to stand in front of background*/
	/* z-index:1;				 to stand in front of background*/
}

div.description li a:hover span{
	display:block;
	color: #ffffff; 
	font-size:90%; 
	text-decoration:none;  
	font-weight: normal; 
}
/***rollover***/
div.description li a:hover span.link-nb, div.description li a:focus span.link-nb{
	display:block;
	font-size: 90% !important; 
	color: #000000 !important; 
	text-decoration: none !important; 
	font-weight: normal !important;
}

/**** CSS for when there is External Link ****/
/*div.column a.linkExternal{
	float: left; 
	width:305px;
	height: 0px;
	position: relative;
	padding: 0px;
} */

/*** SUBPAGE ***/
div.description a.linkExternal{
	margin-top: -5px; 
}
div.description ul a.linkExternal{ 
	margin: 0; 
	padding: 0; 
	list-style: none;
	padding-top: 0px; 
	padding-left: 1px; 
	margin-top: 1px;
}
div.description ul li a.linkExternal{   
	min-height:0px;
	  
}
/***explanation text***/
div.description li a.linkExternal{ 
	display:block; 
	height: 22px; 
	font-size: 90%; 
	font-family: Arial, sans-serif; 
	color: #000000; 
	text-decoration: none; 
	font-weight: normal; 	
	background:none; 
	overflow:hidden;
}
div.description li a.linkExternal span { 
	display:none;
	color: #ffffff; 
	font-size: 90%; 
	text-decoration:none; 
	display:block;  
	font-weight: normal; 
	margin-bottom:10px;
}
/***menu***/
div.description li a.linkExternal span.link-nb {
	display:block; 
	font-size: 90% !important; 
	color: #ffffff !important; 
	text-decoration: none !important; 
	font-weight: normal !important; 
	border-bottom:solid 1px rgb(150,150,150); 
	background:url(/images/Content/arrow.gif) no-repeat; 
	padding-left:15px; 
	margin-right:0px;
	height:18px;
}

div.description li a.linkExternal:hover, div.description li a.linkExternal:focus{ 
	display:block; 
	height:auto;
	width: 98%; 
	background:#FFFFFF; 
	border:solid 1px rgb(150,150,150);
	/*  position:absolute;		to stand in front of background*/
	/* z-index:1;				 to stand in front of background*/
}

div.description li a.linkExternal:hover span{
	display:block;
	color: #ffffff; 
	font-size:90%; 
	text-decoration:none;  
	font-weight: normal; 
}
/***rollover***/
div.description li a.linkExternal:hover span.link-nb, div.description li a.linkExternal:focus span.link-nb{
	display:block;
	font-size: 90% !important; 
	color: #000000 !important; 
	text-decoration: none !important; 
	font-weight: normal !important;
}

/*** PUBLICATION BOX (PDFs) ***/
.pub_box {
	padding: 5px;
	border: 1px solid;
	width: 380px;
	margin: 5px;
	float: left;
	background: #FFFFCC;
	border-right: 4px solid #BBBBBB;
	border-bottom: 4px solid #BBBBBB;
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
}
.pub_box_wide {
	padding: 5px;
	border: 1px solid;
	width: 780px;
	margin: 5px;
	float: left;
	background: #FFFFCC;
	border-right: 4px solid #BBBBBB;
	border-bottom: 4px solid #BBBBBB;
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
}
.pub_description
{
    width: 200px;
	float: left;
	padding: 5px;
}
.pub_title
{
	font-weight: bold;
    padding: 5px;
}
.pub_image
{
    width: 150px;
    float: left;
	margin: 5px;
	border-right: 3px solid #BBBBBB;
	border-bottom: 3px solid #BBBBBB;
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
}
/*** a span ***/
a span.pdf{
	background:url(/images/content/pdficon.gif) no-repeat;
	padding-left:25px;
	padding-top:3px;
}
a span.doc{
	background:url(/images/content/docicon.gif) no-repeat;
	padding-left:25px;
	padding-top:3px;
}

a span.ppt{
	background:url(/images/content/ppticon.gif) no-repeat;
	padding-left:25px;
	padding-top:3px;
}

a span.xls{
	background:url(/images/content/xlsicon.gif) no-repeat;
	padding-left:25px;
	padding-top:3px;
}
a span.jpg{
	background:url(/images/content/jpgicon.gif) no-repeat;
	padding-left:25px;
	padding-top:3px;
}
a span.gif{
	background:url(/images/content/gificon.gif) no-repeat;
	padding-left:25px;
	padding-top:3px;
}

/**** FEATURE BOX ****/

.feature_box {
	/*border:1px solid;*/
	width: 250px;
	float: left;
	margin: 5px;
	border: solid 1px #000000;
}
.feature_whatnews {
	float: left;
	width: 470px; 
	height:auto;
	margin: 10px;
	color: #000;
} 

.feature_title {
	background:url(/images/content/title_arrow.gif) no-repeat;
	padding-top:2px;
 	padding-left:10px;
 	padding-bottom:2px;
 	text-transform:uppercase;
 	font-size:100%;
 	font-weight:bold;
 	color:#3366ff;
	border-bottom:double #999999;
}

.feature_img {
	background-color: #FFFFFF;
	border-right: 3px solid #BBBBBB;
	border-bottom: 3px solid #BBBBBB;
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	padding: 2px;
	margin: 2px;
	float: left;
}

.feature_text {
	font-size:100%;
	padding-top:2px;
	padding-left:5px;
	text-align:left;
}
.feature_text ul{
	padding:0px;
}
.feature_text li{
	padding-left:2px;
}

/********************************************* DROP DOWN MENU - MAIN MENU ***************************************************/


 /*========================= TOP OF THE MENU CASCADE =========================*/

.mainmenu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:30px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	background:#33b9c2;
	font-size:1em;         /* this (and also below) sets the menu's font size */
	border-top:1px solid white;        /* give us a black border at the top of main menu */
	font-weight:bold;
	z-index:300%;
}

.mainmenu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.mainmenu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
	z-index:1; 			/* this must be 1.0 or 1.5 or 2.0 for Mozilla */
}
.mainmenu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	border-right:1px solid #fff;
}

.mainmenu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:1em;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
}


/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.mainmenu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
	border:1px solid #33b9c2;
}

.mainmenu ul li a,
.mainmenu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:25px;
	color:#fff;					/* Main menu color is white */
	padding:0.2em 0em;
}

.mainmenu ul li:hover a,
.mainmenu ul li a:hover {                        /* selected top-level menu items */
	background:#ccc; 
	color:#fff;
	padding:0.2em 0em;
	height:25px;
}
.mainmenu ul li a.topactive {                        /* selected top-level menu items */
	background:#f37135; 
	color:#fff;
	padding:0.2em 0em;
	height:25px;
}
/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.mainmenu ul li:hover ul,
.mainmenu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:28px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:170px;
	color:black;                        /* this sets the unselected-text color */
	background:#fff;         /* this sets our menu's effective "border" color */
	font-size:0.8em;
	font-weight:normal;
}

.mainmenu ul li:hover ul.leftbutton,
.mainmenu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.mainmenu ul li:hover ul.skinny,
.mainmenu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:170px;   /* with a 12px default font, this is 97px width (97/12) */
}

.mainmenu ul.rightmainmenu li:hover ul,
.mainmenu ul.rightmainmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .mainmenu ul.rightmainmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.mainmenu ul li:hover ul li a,
.mainmenu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color */
	background:#fff;       /* this sets the drop-down menu background color */
	width:170px;
	border-bottom:1px dotted #33b9c2;
}

.mainmenu ul li:hover ul li:hover a,
.mainmenu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background:#d8d8d8;
}

.mainmenu ul li:hover ul.skinny li a,
.mainmenu ul li a:hover ul.skinny li a,
.mainmenu ul li:hover ul.skinny li a:hover,
.mainmenu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:170px;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.mainmenu ul li:hover ul li ul,
.mainmenu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.mainmenu ul li:hover ul li:hover ul,
.mainmenu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:170px;
	/* width:140px; */
}

.mainmenu ul li:hover ul li:hover ul li a,
.mainmenu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:165px;
	height:auto;
	font-size:1.2em;
	font-weight:normal;
	background:#fff;
	padding:0.2em 0.2em;
}

.mainmenu ul li:hover ul li:hover ul li a:hover,
.mainmenu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:165px;
	background:#d8d8d8;
}


/******************************************** END DROP DOWN MENU - MAIN MENU ***************************************************/
/*** change domain ***/
.changedomain {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:7px;
	padding:0;
	border:0;
	height:30px;                                  /* the menu's overall height */
	width:127px;         /* we always want our menu to fill the available space */
	background:#33b9c2; 
	font-size:1em;         /* this (and also below) sets the menu's font size */
	border-top:1px solid white;        /* give us a black border at the top of main menu */
	font-weight:bold;
	}
.changedomain ul {
	padding:0;
	margin:0;
	border:0;

	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.changedomain li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
/*	border:1px solid #fff; */
}

.changedomain ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:1em;        /* this sets the base font size for our entire menu */
}

.changedomain ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

.changedomain ul li a,
.changedomain ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:30px;
	color:#fff;					/* Main menu color is white */
}

.changedomain ul li:hover a,
.changedomain ul li a:hover {                        /* selected top-level menu items */
	background:#ccc; 
	color:#fff;
}
.changedomain ul li a.changedomainactive {                        /* selected top-level menu items */
	background:#f37135; 
	color:#fff;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.changedomain ul li:hover ul,
.changedomain ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:30px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:140px;
	color:black;                        /* this sets the unselected-text color */
	background:#33b9c2;         /* this sets our menu's effective "border" color */
	font-size:0.8em;
	font-weight:normal;
}

.changedomain ul li:hover ul.leftbutton,
.changedomain ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.changedomain ul li:hover ul.skinny,
.changedomain ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
}

.changedomain ul.rightmainmenu li:hover ul,
.changedomain ul.rightmainmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .changedomain ul.rightmainmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.changedomain ul li:hover ul li a,
.changedomain ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color */
	background:#fff;       /* this sets the drop-down menu background color */
	width:140px;
	border-bottom:1px dotted #33b9c2;
	padding-left:5px;}

.changedomain ul li:hover ul li:hover a,
.changedomain ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background:#d8d8d8;
}

.changedomain ul li:hover ul.skinny li a,
.changedomain ul li a:hover ul.skinny li a,
.changedomain ul li:hover ul.skinny li a:hover,
.changedomain ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:140px;
}
/**** End change domain ****/
/*** HEADER ***/
.header {
  	overflow: auto; /* stop bottom margin of content being passed on */
  	background:#0393ab url(/images/Template/topmenu/background_header.jpg) left top no-repeat;
  	position: relative;
  	height: 85px;
   	text-align: right;
}
/*** HEADER MENU ***/
#header_menu{
	position: relative;
	top: 0px;
	font-size: 11px;
	/*color:#fff;*/
	padding-right:10px;
}
#header_menu a{
	/*color:#FFFFFF;*/
}
#header_menu a:hover{
	/*color:#FFFFFF;*/
	text-decoration:underline;
}
/*** SEARCH BOX ***/
.search_box {
	float:right;
	margin:60px 10px 0 0;	
}
/*** FOOTER ***/
/* #footer {
	clear : both;
	font-size: 8pt;
	text-align : center;
	margin : 0px;
	background: white url(/images/Template/topmenu/bg_footer.jpg) no-repeat;
	height:83px;
	padding-top:15px;
} */
.context {
	float:left;
	padding-left: 5px;
	width: 800px;
	font-size:100%;
}
/*** Level Standards: hide/show and selection box ***/
/*** vels/vels/level1.xml                         ***/
.menutop {
    /*width: 180px;*/
	float: left;
	margin: 5px;
}
#domain_display {
	float: left;
	margin: 5px;
	padding: 5px;
	background: #FFFFCC;
	font-size: 80%;
}
#domain_display_middle_left {
	float: left;
    margin: 5px 0px 5px 5px ; 
	padding: 5px;
	background: #FFFFCC;
	font-size: 80%;
}
#domain_display_middle_right {
	float: left;
  	margin: 5px 5px 5px 0px; 
	padding: 5px;
	background: #FFFFCC;
	font-size: 80%;
}
.domain_content {
    margin: 5px;
    width: 95%;
}
#selection {
	margin: 5px;
	padding: 5px;
	background: #FFFFCC;
	width: 400px;
	font-size: 80%;
	clear:both;
}


/********* Assessment Maps Ruler *********************/
#amruler ul {
	color:#000;
	font-size:.7em;
	font-weight:600;
	float:left;
	margin:0;
	padding-left:5px;
	padding-top:2px;
	width:705px;
	height:45px;
	background:url(/images/Template/topmenu/ruler_bg.gif) no-repeat;
}
#amruler ul li {
	display:inline;
	height:35px;
}
.title {
	text-decoration:none;
	color:#000;
	padding-top:5px;
	padding-left:4px;
	padding-right:2px;
	line-height:1em;
	font-weight:normal;
	width:110px;
	text-align:left;
	float:left;
}

a.sample {
	text-decoration:none;
	color:#000;
	background:url(/images/Template/topmenu/line1.gif) no-repeat;
	padding-top:17px;
	padding-left:0px;
	padding-right:0px;
	float: left;
	text-align:center;
	width:25px;
}

a.level {
	text-decoration:none;
	color:#000;
	background:url(/images/Template/topmenu/line2.gif) no-repeat;
	padding-top:22px;
	padding-left:0px;
	padding-right:0px;
	float:left;
	text-align:center;
	width:25px;
}

.amruleractive1 {
	text-decoration:none;
	color:#000;
	background:#33b9c2 url(/images/Template/topmenu/line1.gif) no-repeat;
	padding-top:17px;
	padding-left:0;
	padding-right:0;
	float:left;
	text-align:center;
	width:25px;
	height:24px;	
}


.amruleractive2 {
	text-decoration:none;
	color:#000;
	background:#33b9c2 url(/images/Template/topmenu/line2.gif) no-repeat;
	padding-top:22px;
	padding-left:0;
	padding-right:0;
	float:left;
	text-align:center;
	width:25px;
	height:19px;	
}

a.nonactive {
	text-decoration:none;
	color:#eee;
	background:url(/images/Template/topmenu/line1.gif) no-repeat;
	padding-top:17px;
	padding-left:0px;
	padding-right:0px;
	float: left;
	text-align:center;
	width:25px;
}

a.nonactive2 {
	text-decoration:none;
	color:#eee;
	background:url(/images/Template/topmenu/line2.gif) no-repeat;
	padding-top:22px;
	padding-left:0px;
	padding-right:0px;
	float:left;
	text-align:center;
	width:25px;
}

.nonactive {
	text-decoration:none;
	color:#eee;
	background:url(/images/Template/topmenu/line1.gif) no-repeat;
	padding-top:17px;
	padding-left:0px;
	padding-right:0px;
	float: left;
	text-align:center;
	width:25px;
}

.nonactive2 {
	text-decoration:none;
	color:#eee;
	background:url(/images/Template/topmenu/line2.gif) no-repeat;
	padding-top:22px;
	padding-left:0px;
	padding-right:0px;
	float:left;
	text-align:center;
	width:25px;
}

#amruler ul li a:hover.sample {
	text-decoration:none;
	background-color:#33b9c2;
	color:#fff;
	height:24px;
}

#amruler ul li a:hover.level{
	text-decoration:none;
	background-color:#33b9c2;
	color:#fff;
	height:20px;
}

/********* Assessment Maps Ruler for Index Page *********************/
#amruler_index ul {
	color:#000;
	font-size:.7em;
	font-weight:600;
	float:left;
	margin:0;
	padding-left:5px;
	padding-top:2px;
	width:705px;
	height:45px;
	background:url(/images/Template/topmenu/ruler_bg.gif) no-repeat;
}
#amruler_index ul li {
	display:inline;
	height:35px;
}
.title {
	text-decoration:none;
	color:#000;
	padding-top:5px;
	padding-left:4px;
	padding-right:2px;
	line-height:1em;
	font-weight:normal;
	width:110px;
	text-align:left;
	float:left;
}

a.sample {
	text-decoration:none;
	color:#000;
	background:url(/images/Template/topmenu/line1.gif) no-repeat;
	padding-top:17px;
	padding-left:0px;
	padding-right:0px;
	float: left;
	text-align:center;
	width:25px;
}

a.level {
	text-decoration:none;
	color:#000;
	background:url(/images/Template/topmenu/line2.gif) no-repeat;
	padding-top:22px;
	padding-left:0px;
	padding-right:0px;
	float:left;
	text-align:center;
	width:25px;
}


.nonactive {
	text-decoration:none;
	color:#eee;
	background:url(/images/Template/topmenu/line1.gif) no-repeat;
	padding-top:17px;
	padding-left:0px;
	padding-right:0px;
	float: left;
	text-align:center;
	width:25px;
}

.nonactive2 {
	text-decoration:none;
	color:#eee;
	background:url(/images/Template/topmenu/line2.gif) no-repeat;
	padding-top:22px;
	padding-left:0px;
	padding-right:0px;
	float:left;
	text-align:center;
	width:25px;
}

#amruler_index ul li a:hover.sample {
	text-decoration:none;
	background-color:#33b9c2;
	color:#fff;
	height:24px;
}

#amruler_index ul li a:hover.level{
	text-decoration:none;
	background-color:#33b9c2;
	color:#fff;
	height:20px;
}


/********* Assessment Maps Title Task ****************/

#amtitle ul {
	color:#000;
	font-weight:600;
	font-size:80%;
	float:left;
	margin:0;
	padding:0;
/*	width:100%; */
}
#amtitle ul li {
	display:inline; 
}
#amtitle li.title {
	font-size:1.2em;
	font-weight:normal;
}
#amtitle ul li.amtitlepathway {
	font-size:1.2em;
	font-weight:bold;
	float:left;
	padding:0.3em 0.3em;
}
#amtitle ul li.amtitlelanguage {
	font-size:1.2em;
	font-weight:bold;
	float:left;
	padding-top:0.3em;
	padding-left:3em;
	padding-right:0.3em;
}
#amtitle ul li a {
	text-decoration:none;
	color:#000;
	border-right:1px solid #fff;
	padding-top:0.5em;
	padding-left:0.5em;
	padding-right:0.5em;
	/* padding:0.3em 0.6em; */
	float:left;
	background-color:#ccc;
	height:20px;
}
#amtitle ul li a.amtitleactive {
	background-color:#33b9c2;
	color:#000;
}
#amtitle ul li a:hover {
	text-decoration:none;
	background-color:#33b9c2;
	color:#fff;
}

/*** Assessment maps left nav ***/
#am_leftnav{
	width:125px;
	float: left;
	text-align:left;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-top:1px solid #999;
	border-bottom:1px solid #999999;
	}
#am_leftnav ul { 
	padding:0;
	margin:0;
}
#am_leftnav li.title {
	background-color:#33b9c2;
	list-style-type:none;
	color:#fff;
	margin-left:-2px;
	padding-left:6px;
	margin-right:-2px;
	font-weight:bold;
	font-size:1em;
	height:20px;
	padding-top:2px;
}
#am_leftnav li.sample{
	list-style-type:none;
	font-size:0.8em;
	padding:6px;
	margin-left:-1px;
	border-bottom:1px dotted #999999;
		}
#am_leftnav li.sample a span{
	font-weight:normal;
}
#am_leftnav li.sample a{
	background-color:#FFFFFF;
	color:#000000;
	text-decoration:none;
	display:block;

}
#am_leftnav li.sample a:hover{
	text-decoration:none;
	background:#FFFFFF;
	color:#000000;
}
#am_leftnav li.sample_last{
	list-style-type:none;
	font-size:0.8em;
	padding:6px;
	margin-left:-1px;
	}
#am_leftnav li.sample_last a span{
	font-weight:normal;
}
#am_leftnav li.sample_last a{
	background-color:#FFFFFF;
	color:#000000;
	text-decoration:none;
	display:block;
}
#am_leftnav li.sample_last a:hover{
	text-decoration:none;
	background:#FFFFFF;
	color:#000000;
}

/*** Assessment Context ***/
.sampleblock{
	float:left; /*fix for  buggy browsers*/
	margin-left:0px;
	width: 95%;
	text-align:left;
/*	border:solid 1px #000000; */
	
}

.mediadiv{
float:left;/*fix for  buggy browsers*/
width:42%;
padding: 1px;
text-align:left;
}
.contentdiv{
float:left;/*fix for  buggy browsers*/
width:42%;
padding: 1px;
text-align:left;
}

/******* Standards domains selection tables ********/
.std_selection_table {
	background: #FFFFCC;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
.std_selection_table td{
	margin: 10px;
	padding: 10px;
	border-right: 5px solid white;
}
/******* Standards Levels selection tables ********/
.std_lvl_selection_table {
	background: #FFFFCC;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
.std_selection_table td{
	margin: 10px;
	padding: 10px;
}
/**********************************/

/**** Welcome & Events ****/
.homecolumn {
	float: left;
	width: 200px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	color: #000;
	font-size:80%;
}

.hometitle {
 background:url(/images/Content/title_arrow.gif) no-repeat;
 padding-left:10px;
 padding-bottom:5px;
 text-transform:uppercase;
 font-size:100%;
 font-weight:bold;
 color:#3366ff;
}
/**** What's New ****/ 
.homenewscolumn {
	float: left;
	width: 500px;
	margin-top:5px;
	margin-left:15px;
	margin-right:5px;
	color: #000;
	font-size:80%;
	background:#CCCCCC;
}
.homenewscolumn.default {
  z-index: 10;
}

.homenewscolumn .text {
  padding: 5px;
  margin-left: 240px;
}


.homenewscolumn .media{
  width: 220px;
  float: left;
  padding:10px;
}

.homenewscolumn .hometitle {
 background:url(/images/Content/title_arrow.gif) no-repeat;
 padding-left:10px;
 padding-bottom:5px;
 text-transform:uppercase;
 font-weight:bold;
 color:#3366ff;
 }
.newstitle {
 background:#0393ab url(/images/Content/news_title.jpg) no-repeat;
 padding-left:10px;
 padding-bottom:5px;
 text-transform:uppercase;
 font-size:100%;
 font-weight:bold;
 color:#ffffff;
 }
/******************************************/

/********* Table ************/
/*** No Border Table ***/
table#table th {
	vertical-align: top;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;	
	line-height: 150%;
}
table#table td {
	vertical-align: top;
	font-size: 0.8em;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;	
	line-height: 150%;
} 
table#table {
	background-color: #fffffff;
}

/*** Plain Table ***/
table#table1 th {
	vertical-align: top;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;	
	line-height: 150%;
}
table#table1 td {
	vertical-align: top;
	font-size: 0.8em;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;	
	line-height: 150%;
} 
table#table1 {
	background-color: #000000;
}
/*** Heading with Color Table ***/
table#table2 th {
	vertical-align: top;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #33b9c2;	
	line-height: 150%;
}
table#table2 td {
	vertical-align: top;
	font-size: 0.8em;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;	
	line-height: 150%;
} 
table#table2 {
	background-color: #000000;
}
/*** Heading and row with Color Table ***/
table#table3 th {
	vertical-align: top;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #eeeeee;	
	line-height: 150%;
}
table#table3 td {
	vertical-align: top;
	font-size: 0.8em;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;	
	line-height: 150%;
} 
table#table3 {
	background-color: #dddddd;
}
/*** standard table ***/
table#table_std th{ 
	background: #eee;   
	padding: 0.5em; 	
	font-size: 0.8em;  	
	text-align: left;
}
table#table_std td{
  	border: 1px solid #ddd;
  	padding: 0.5em; 
 	font-size: 0.8em;
	text-align: left;                                
}                          

/***** end of table*****/

/*** For new standard table ***/
#std_select {
	font-size:11px;
}

#std_select th {
	font-weight:bold;
	font-size:13px;
}

#std_select a {
	text-decoration:none;
	font-size:11px;
	color:#000000;
}
#std_select a:active {
	text-decoration:none;
	font-size:11px;
	color:#000000;
}
#std_select a:hover {
	text-decoration:none;
	font-size:11px;
	color:#f37135;
}
#std_select a:link {
	text-decoration:none;
	font-size:11px;
	color:#000000;
}
.std_select_bg {
	background: #ffffcc;
}
.std_select_sm_font {
	font-size:8px;
	font-weight:bold;
}
/********************************************* DROP DOWN MENU - left MENU ***************************************************/


 /*========================= TOP OF THE MENU CASCADE =========================*/

.leftdropdown {
	float:left;                                     /* play nicely with others */
	border:0;
	width:173px;         /* we always want our menu to fill the available space */
	font-size:0.7em;         /* this (and also below) sets the menu's font size */
	font-weight:bold;
	z-index:300%;
	border-left: 1px solid #999999 ;
    border-right: 1px solid #999999 ;
	margin-left:0px;
	margin-right:0px;
	border-bottom:1px solid #999;
}

.leftdropdown ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
	z-index:1; 			/* this must be 1.0 or 1.5 or 2.0 for Mozilla */
}
.leftdropdown li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	background:url(../images/Content/menu_divider.gif);
	width:173px;
	font-style:italic;
}

.leftdropdown ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:1em;        /* this sets the base font size for our entire menu */
}

.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
}


/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.leftdropdown ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

.leftdropdown ul li a,
.leftdropdown ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:20px;
	color:#000;					/* Main menu color is white */
	padding-top:5px;
}

.leftdropdown ul li:hover a,
.leftdropdown ul li a:hover {                        /* selected top-level menu items */
	background:#ccc; 
	color:#000;
	height:20px;
	width:173px;
}
.leftdropdown ul li a.topactive {                        /* selected top-level menu items */
	background:#f37135; 
	color:#000;
	padding:0em 0em;
	height:25px;
}
/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.leftdropdown ul li:hover ul,
.leftdropdown ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:0px;              /* place us just up underneath the top-level images */
	left:173px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width: 173px;
	color:black;                        /* this sets the unselected-text color */
	background:#999;         /* this sets our menu's effective "border" color */
	font-size:1em;
	font-weight:normal;
}

.leftdropdown ul li:hover ul.leftbutton,
.leftdropdown ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.leftdropdown ul li:hover ul.skinny,
.leftdropdown ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
}

.leftdropdown ul.rightmainmenu li:hover ul,
.leftdropdown ul.rightmainmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .leftdropdown ul.rightmainmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:0px;
}

.leftdropdown ul li:hover ul li a,
.leftdropdown ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding-left:5px;
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color */
	background:#fff;       /* this sets the drop-down menu background color */
	width: 168px;
	font-style:normal;
	border-bottom:1px dotted #999;
}

.leftdropdown ul li:hover ul li:hover a,
.leftdropdown ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background:#d8d8d8;
} 

/**********************************************************************************************************************/
/* 08/09/09 Tabs */

a.tabs {
	position:relative;
	margin-top:10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	text-align:left;
	text-decoration:none;
	margin-left:-2px;
	padding:5px;
	color:#000000;
}
a:hover.tabs {
	margin-top:10px;
	border:1px solid #ccc;
	text-align:left;
	text-decoration:none;
	margin-left:-2px;
	padding:5px;
	background: #33b9c2;
	color:#FFFFFF;
}
.tabs_content {
	border:1px solid #ccc;
	background:#ffffcc;
	margin-top:-16px;
	margin-left:-2px;
	padding-left:5px;
}

/*** 09/09/09 ***/
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
ul#tabs li { display: inline; }
ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a:hover { background-color: #f1f0ee; }
ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
div.tabContent.hide { display: none; }

/**** 09/09/09 ***/
#tabs {
padding: 10px;
}
#tabs #nav {
margin-bottom: 0px;
margin-left: 8px;
}
#tabs ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#tabs #nav ul li {
display: inline;
padding: 3px 7px;
cursor: default;
background-color: #eeeeee;
border: 1px solid #cccccc;
border-bottom: none;
margin-right: 2px;
}
#tabs #nav ul li.active {
border: 1px solid #000066;
border-bottom: 1px solid white;
background-color: #ffffff;
}

#tabs #nav ul li:hover {
background-color: #ffffff;
}
#tabs #data {
 margin-top: 3px;
}

#tabs #data div {
display: no+ne;
border: 1px solid #000066;
padding: 10px;
display: none;
}

#tabs #data div.active {
display: block;
}
.NoJavaNav, .JavaNavText {
margin:0;
}
ul .JavaNavUl {
	font-size : 90%;
	list-style : disc;
}

/*** 14/9/09 ***/
/* first and second tabs */

ul.first, ul.second {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 80%;
}
ul.first li, ul.second li {
	position: relative;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 4px 0 0;
}
ul.first a, ul.second a {
	display: block;
	width: auto;
	padding: .5em;
	border: 1px solid #33b9c2;
	border-top-width: 2px;
	border-bottom: none;
	text-decoration: none;
}
ul.second a {
	border-color: #Fff;
	padding:0;
}
ul.first a, ul.first a:link, ul.first a:visited {
	background: #EEF;
	color: #00F;
}
ul.second a, ul.second a:link, ul.second a:visited {
	background: #FEE;
	color: #F00;
}
ul.first a.active, ul.first a:link.active, ul.first a:visited.active,
ul.second a.active, ul.second a:link.active, ul.second a:visited.active {
	background: #FFF;
	font-weight: bold;
}
ul.first a.active, ul.first a:link.active, ul.first a:visited.active {
	color: #00F;
}
ul.second a.active, ul.second a:link.active, ul.second a:visited.active {
	color: #F00;
}
ul.first a.active, ul.second a.active {
	position: relative;
	top: 1px;
}


/* first and second panels */
div.first, div.second {
	padding: .5em;
}

div.first div.first,
div.first div.first div.second div.second {
	padding: 0;
	border: none;
}

div.first div.first div {
	clear: left;
	min-height: auto;
	_min-height:7em;
	padding: .5em;
	border: 1px solid #33b9c2;
}
div.first div.first div.second {
	clear: none;
	height: auto;
	border: none;

}
div.second div.second div {
	border-color: #Fff;

}