#parentbox {
position: relative;
width: 100%;
border: none;
background-color: #13006a;
}

#mainbox {
	position: relative;
	padding:10px;
	width: 98%;
	border: none;
	background-color: #FFFFCC;

}


#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: red;

}
#textbox {
	position: relative;
	padding:5px;
	float: left;
	border: none 2px;
	background-color: #ffffff;
	}
	
#nestedboxleft {
position: relative;
padding:10px;
float: left;
width: 47%;
border: none 2px;
background-color: #C0D8D8;
}
#nestedboxright {
position: relative;
padding:0px;
float: right;
width: 40%;
border: none 2px;
background-color: #FFFFFF;
}
#nestedboxrightgreen {
position: relative;
padding:10px;
float: right;
width: 30%;
border: none 2px;
background-color: #CCFF99;
}
#tail { 
float : left; 
margin : 5px 0 0; 
padding : 5px 0; 
text-align : center; 
width : 100%; 
background-color:#99CC99;
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: aVerdana, Arial, Helvetica, sans-serif;
font-size: 130%;
color:#FFCC00;
}

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

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


.center {text-align:center}
.centerbold {text-align:center;font-weight:bold}
.bold {font-weight:bold}
.small {font-size: 85%;font-weight:bold}
.smallnormal {font-size: 75%}
.right {text-align:right}
.black  {color: black}
.red  {color: red}
.redbold {color: red; font-weight:bold}
.white {color: white}
.whitefooter {color: white; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.blue {color: #13006a; font-weight:bold}
.blue-centre {color: #13006a; font-weight:bold; text-align:center}
.blue-centre-large {color: #13006a; font-weight:bold; text-align:center; font-size: 14px;font-family: Verdana, Arial, Helvetica, sans-serif; }
.normal {font-size: 110%}
.list {font-size: 100%}
.italic {font: italic large Palatino; font-size: 100%; }
.designheader {font-size: 95%; font-weight:bold}
.mainheader {font-family: arial, 'sans serif'; 
color: black;
font-weight:bold;
font-size: 110%}
.smallsbanormalcenter {
	font-size: 65%;
	text-align:center;
}
.backgroundeec {background-color: #A6BCE8}
img 
{
border:1px solid black;
}

img.borderless 
{
border:0px;
}

table.one {
	border:3px solid #7C9CDE;
	height:100px;
	}
	
table.two{
	border:1px solid #7C9CDE;
	}

table.two td {
	border:1px solid #7C9CDE;
	
}
table.two th {
	background: url("../master-code/eec/header-blue.gif")
}	

table.five {
border:0px  #FFFFFF;
	}
table.five tr{
border:0px  #FFFFFF;
	}
	table.five td{
border:0px  #FFFFFF;
	}

table.tableblue {
	border:1px solid #7C9CDE;
	}
table.tableblue th{
	background:#7C9CDE
	}	

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

.footer a:link    {
  /* Applies to unvisited links in class coloredbox */
  color:#FFCC00  
  } 
.footer a:visited {
  /* Applies to visited links in class coloredbox */
  color:#000099;
  } 
.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: #7C9CDE;
padding: 2px 0;
margin-bottom: 2em;
margin: 0px;
font-size: 12px;
}

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

#navcontainer ul a,
#navcontainer ul a:link,
#navcontainer ul a:visited

{
background-color: #7C9CDE;
border: 1px solid #7C9CDE;
color: #ffffff;
padding: 0px 5px;
text-decoration: none;
}

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

/*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: #537C9C;
}

#navcontainer ul ul li {  }

#navcontainer ul ul a,
#navcontainer ul ul a:link,
#navcontainer ul ul a:visited
{
background-color: #537C9C;
border: 1px solid #537C9C;
color: black;
}

#navcontainer ul ul a:hover,
#navcontainer ul ul a:focus
{
background-color: #9CD4F7;
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;
  border: 0 none;
  padding: 0;
  width: 160px; /*For KHTML*/
  list-style: none;
  line-height: 1.8em;
}
#navmenu li{ 
 
  
  background: #054F20;
  color: #ffffff; 
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  }

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

/* Root Menu */
ul#navmenu a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 3px 6px;
  display: block;
  background: #99CC99;
  color: #333333;
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  line-height: 1.3em;
  
}


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

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  background: #99CC99;
  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: #99CC99;
  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: #99CC99;
  color: #333333;
}

/* 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;
}


	
		.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;
			}