body
{
 margin-right: 80px;
 margin-left: 70px;
 background-color: #ffffff;


/*
 background-image: url('pics/equations-cropped.gif');
 background-repeat: no-repeat;
 background-position: middle-left
 background-attachment: fixed;
 opacity: 0.7;
 -moz-opacity:0.5;
 filter:alpha(opacity=50);
*/

}

#mainbody {
font: 12px verdana, helvetica, sans-serif;
 color: #001166;
 margin-right: 0px;
 margin-left: 20px;
 text-align:justify;
 width:750px;
}


#mainbody li, a:link, a:visited {
 text-decoration: none;
 color: #001166;
}

#mainbody a:hover{
 text-decoration: underline;
 color: #001166;
}


#title{
 color: black;
}


#legalise {
 font: 10px verdana, helvetica, sans-serif;
 color: black;
 margin-right: 0px;
 margin-left: 30px;
 text-align:justify;
}

/* --------------------------- */
/*       Menu HOVERATION       */
/* --------------------------- */

 
#menu {
 width: 100%;
 background: #FFFFFF;
 float: left;
 margin-left: 0px;
}

#menu ul {
 list-style: none;
 margin: 0;
 padding: 0;
 width: 120px;
 float: left;
 border: 0em solid #ffffff;
}

#menu a, #menu h2 {
 font: bold 11px arial, helvetica, sans-serif;
 display: block;
 margin: 0;
 padding: 1px 1px;
}

#menu h2 {
 color: #000000;
 background: #ffc125;
 text-transform: uppercase;
 text-align:center;
}

#menu a {
 color: #000000;
 background: #ffc125;
 text-decoration: none;
}

#menu a:hover {
 color: #000000;
 background: #ffee00;
}

#menu h2:hover {
color: #000000;
background: #ffee00;
 text-transform: lowercase;
}

#menu li {position: relative;}

#menu ul ul ul {
 position: absolute;
 top: 0;
 left: 100%;
}

#menu ul ul {
 position: absolute;
 z-index: 500;
}


div#menu ul ul {
  display: none;
}


div#menu ul li:hover ul
{display: block;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/* --------------------------- */
/*       END  HOVERATION       */
/* --------------------------- */


#vertical-line {
 margin: 0 auto;
 width: 1px;
 background-color: transparent;
 border-right: 1px solid #ffc125;
 position: absolute;
 height: 420px;
 left: 565px;
}



#horizontal-line {
 margin-left: 0 auto;
 width:800px;
 height: 0px;
 background-color: transparent;
 border-bottom: 3px solid #ffc125;
}



/* -------------- SUb Pages -------------- */
h4 {
color:82002c;
left:5px;
font:i;
}

#upshot {
color: red
font-style:italic;
}

/* ------------- Rounded Boxes ------------ */

/*		= ORANGE BOX : FRONT PAGE=		*/

.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 10px;
font-size: 2px;
}
.rbcontent { margin: 0 7px; height: 20%;}
.rbroundbox { width: 665px; margin: 1em auto; }

/*		= ORANGE BOX : SMALL =		*/

.rbroundbox-small { background: url(nt.gif) repeat; }
.rbtop-small div { background: url(tl.gif) no-repeat top left; }
.rbtop-small { background: url(tr.gif) no-repeat top right; }
.rbbot-small div { background: url(bl.gif) no-repeat bottom left; }
.rbbot-small { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop-small div, .rbtop-small, .rbbot-small div, .rbbot-small {
width: 100%;
height: 10px;
font-size: 2px;
}
.rbcontent-small { margin: 0 7px; height: 20%;}
.rbroundbox-small { width: 250px; margin: 1em auto; }

/*		= GREY BOX : SMALL (html code = dbdbdb)		*/

.rbroundbox-dbdbdb{ background: url(nt-grey.gif) repeat;}
.rbtop-dbdbdb div { background: url(tl-grey.gif) no-repeat top left; }
.rbtop-dbdbdb { background: url(tr-grey.gif) no-repeat top right; }
.rbbot-dbdbdb div { background: url(bl-grey.gif) no-repeat bottom left; }
.rbbot-dbdbdb { background: url(br-grey.gif) no-repeat bottom right; }
/* height and width stuff, width not really nessisary. */
.rbtop-dbdbdb div, .rbtop-dbdbdb, .rbbot-dbdbdb div, .rbbot-dbdbdb {
width: 100%;
height: 7px;
font-size: 2px;
}
.rbcontent-dbdbdb { margin: 0 7px; height: 20%;}
.rbroundbox-dbdbdb { width: 270px;  margin: 1em auto; }


/*		= GREY BOX: FRONT PAGE (html code = dbdbdb)		*/


.rbroundbox-dbdbdb-front{ background: url(nt-grey.gif) repeat;}
.rbtop-dbdbdb-front div { background: url(tl-grey.gif) no-repeat top left; }
.rbtop-dbdbdb-front { background: url(tr-grey.gif) no-repeat top right; }
.rbbot-dbdbdb-front div { background: url(bl-grey.gif) no-repeat bottom left; }
.rbbot-dbdbdb-front { background: url(br-grey.gif) no-repeat bottom right; }
/* height and width stuff, width not really nessisary. */
.rbtop-dbdbdb-front div, .rbtop-dbdbdb-front, .rbbot-dbdbdb-front div, .rbbot-dbdbdb-front {
width: 100%;
height: 7px;
font-size: 2px;
}
.rbcontent-dbdbdb-front { margin: 0 7px; height: 20%;}
.rbroundbox-dbdbdb-front { width: 320px;  margin: 1em auto; }


/* ------------- Roll Over links ------------ */
/* ------------- Roll Over links ------------ */
/* ------------- Roll Over links ------------ */



#sidenav ul
{
margin: 0;
padding: 0;
list-style: none;
list-style-type: none;
}

#sidenav li
{
margin: 0 0 .2em 0;
bakground-color: #ffc125;
display: block;
color: #000000;
} 

#sidenav a
{
display: block;
color: #000000;
background-color: #ececec;
width: 135px;
padding: .2em .8em;
text-decoration: none;
}

#sidenav a:hover
{
background-color: #ffc125;
color: #000000;
 text-decoration: none;
}

#active a
{
display: block;
color: #000;
background-color: #ffc125;
width: 135px;
padding: .2em .8em;
text-decoration: none;
}