#parentbox {
position: absolute;
width: 100%;
border: none;
background-color: #ffffff;

}

#mainbox {
	position: relative;
	padding:10px;
	width: 100%;
	border: none;
	background-color: #FFFFFF;
	left: 0px;
	top: 0px;

}
#navigationbox {
position: relative; /* position: relative;  */
padding:5px; /* padding:5px;  */
float: left; /* float: left;  */
width: 12em; /* width: 12em;  */
border: none 2px; /* border: none 2px;  */
background-color: #ffffff; /* background-color: #ffffff;  */

}
#textbox {
	position: relative;
	padding:5px;
	float: left;
	border: none 2px;
	background-color: #ffffff;
	width: 100%;
	height: 550px;
		}



#tail { 
float : left; 
margin : 5px 0 0; 
padding : 5px 0; 
text-align : center; 
width : 100%; 
background-color:#525297;
voice-family : "\"}\""; 
voice-family : inherit; 
width : 100%; 
color:#333333;
} 
html > body #tail { 
width : 100%; 
} 

h1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 150%;
color:#FFCC00;
}

h2
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 130%;
color:#FFCC00;
}

h3
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:black;
font-size: 120%;
}
h4 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 150%;
color:#525297;
}
h5
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 200%;
color:#525297;
text-align:center;}
h6
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
font-weight:bold;
font-size: 100%;
}


p, ul, table, ol
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
font-size: 95%;
}

.center {text-align:center}
.centerunderline {text-align:center; text-decoration: underline}
.underline {text-decoration: underline}
.thick {font-weight:bold}
.small {font-size: 85%;font-weight:bold}
.smallnormal {font-size: 85%}
.smallnormalcenter {font-size: 75%; text-align:center}
.right {text-align:right}
.black  {color: black}
.white {color: white}
.whitenormal {color: white; font-size: 85%}
.blue {color: #13006a; font-weight:bold}
.bold {font-weight:bold}
.red {color: red; font-weight:normal}
.normal {font-size: 110%}
.designheader {font-size: 100%; font-weight:bold}
.designheader2 {font-size: 120%; font-weight:bold}
.list {font-size: 110%}
.listalpha{ list-style: lower-alpha }
.italic {font: italic large Palatino; font-size: 100%; }
.italicbold {font: italic large Palatino; font-size: 100%; font-weight:bold}
.mainheader {font-family: Verdana, Arial, Helvetica, sans-serif; color: black; font-weight:bold; font-size: 110%}
.backgroundwhite {background-color: #FFFFFF}
.backgroundblue {background-color: #99FFFF}
.counsellingheader {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 200%; font-weight:bold; color:#525297;}

img 
{
border:1px solid black;
}

img.borderless 
{
border:0px;
}

a:link     {color:#13006a;}
a:visited  {color: #000099;}
a:active   {color: #13006a;}
a:hover    {color: green;}

a.two:link {color: #ffffff}
a.two:visited {color: #ffffff}
a.two:hover {color: red}

table.maintable{
	background: url("../master-code/counselling/piechart-opaque.jpg")
}



.footer a:link    {
  /* Applies to unvisited links in class coloredbox */
  color:red 
  } 
.footer a:visited {
  /* Applies to visited links in class coloredbox */
  color:red
  } 
.footer a:hover   {
  /* Applies to links under the pointer in class coloredbox */
  color: red;
 } 
body
{
background-color: #ffffff;
 margin:0; 
 padding:0;
}


#wrap {
    background:#ffffff;
    margin:0 auto;
    width:100%;
    }
#header {
   background:#ffffff;
    }

#main {

    background:#ffffff;
	 padding: 1em;
	 width:100%;
	
    }

	
	#sidebar{
    color: #fff;
    width:150px;
    float:left;
    
    
  }



#clearfooter {
clear:both;
height:80px;
overflow:hidden;
}
#footer {
position:absolute;
bottom:0;
height:10px;
background-color: #DEFBDE;
width:100%;
color:#333333;
text-align:center;
} 




#navcontainer li { display: inline; }

/*1st level elements*/
#navcontainer ul
{
background-color: #525297;
padding: 2px 0;
margin-bottom: 2em;
margin: 0px;
font-size: 11px;
}

#navcontainer li { margin: 0 0 0px; }

#navcontainer ul a,
#navcontainer ul a:link,
#navcontainer ul a:visited
{
background-color: #525297;
border: 1px solid #525297;
color: #ffffff;
padding: 0px 5px;
text-decoration: none;
}

#navcontainer ul a:hover,
#navcontainer ul a:focus
{
background-color: #ffcf00;
border: 1px solid black;
color: #000000;
}

/*current Link*/
#navcontainer ul a#current,
#navcontainer ul a#current:link,
#navcontainer ul a#current:visited { font-weight: bold; }

/*Second and subsequent levels*/
#navcontainer ul ul
{
font-size: 80%;
position: absolute;
top: 23px;
left: 0;
width: 100%;
border-top: none;
background-color: #ffcf00;
}

#navcontainer ul ul li {  }

#navcontainer ul ul a,
#navcontainer ul ul a:link,
#navcontainer ul ul a:visited
{
background-color: #ffcf00;
border: 1px solid #95b1bb;
color: black;
}

#navcontainer ul ul a:hover,
#navcontainer ul ul a:focus
{
background-color: #ffcf00;
border: 1px solid black;
color: black;
}

/*current Link*/
#navcontainer ul ul a#subcurrent,
#navcontainer ul ul a#subcurrent:link,
#navcontainer ul ul a#subcurrent:visited { font-weight: bold; }







/* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,

ul#navmenu ul 

{
  margin: 0;
  padding: 0;
  width: 160px; /*For KHTML*/
  list-style: none;
  }

#navmenu li{ 
  display: block;
  background: #ffcf00;
  color: #000000; 
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  padding: 3px 6px;
  border: 1px solid #cccccc;
 }

ul#navmenu li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
  line-height: 1.8em;
 
}

/* Root Menu */
ul#navmenu a {
  padding: 3px 6px;
  display: block;
  background: #525297;
  color: #ffffff;
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}


/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #ffcf00;
  color: #000000;
}


/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  background: #525297;
  color: #333333;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #525297;
  color: #333333;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #525297;
  color: #ffffff;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
  background: #054F20;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

#page-section1 #section1, #page-section2 #section2,
#page-section3 #section3, #page-section4 #section4 {
  background: #ffffff;
}


	
		.leftMargin { margin-left:8.1em; }
	
		/* menu dividers */
		.udm li.dividerBelow {
			margin-bottom:2px !important;
			padding-bottom:2px;
			border-bottom:1px solid #eee;
			}
		.udm li.dividerAbove {
			margin-top:2px !important;
			padding-top:2px;
			border-top:1px solid #eee;
			}