.t {background: url(../images/dot.png) 0 0 repeat-x; width: 43em}
.b {background: url(../images/dot.png) 0 100% repeat-x}
.l {background: url(../images/dot.png) 0 0 repeat-y}
.r {background: url(../images/dot.png) 100% 0 repeat-y}
.bl {background: url(../images/bl.png) 0 100% no-repeat}
.br {background: url(../images/br.png) 100% 100% no-repeat}
.tl {background: url(../images/tl.png) 0 0 no-repeat}
.tr {background: url(../images/tr.png) 100% 0 no-repeat; padding:10px} 

/* Position Login link */
#Login {
	position:absolute;
	top:10px;
	left:810px;
}

/* Position registration form */
#Regform {
	position:absolute;
	margin-top:100px
	margin-left:20px;
}

#formerror {
	color: FF0000;
}

body {
	margin-top: 20px;
	margin-left: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	background: white;
	text-align: left;
}	

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	text-align: justify;
	margin: 30px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	text-align: justify;
	margin: 30px;
}

a:link {color:  #0033FF; text-decoration: none;}

a:visited {
color: #8B99DA; text-decoration: none;}

a:hover {
color:  #2D4099; text-decoration: none;}


ul.makeMenu, ul.makeMenu ul {
  width: 160px;                 /* sets the size of the menu blocks */
  border: 0px;     				 /* puts no border around the menu blocks */
  background-color: #1A2F9A;      /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
  margin-top: 0px;
}
ul.makeMenu li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #FFFF78;                 /* sets the font colour to yellow */
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
}

ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  background-color: #6666CC;      /* gives the active menu items a blue background */
  color: #FFFFFF;                 /* makes the active menu item text white */ 
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul.makeMenu li a {font-size: 11px; color: #FFFF78; display: block; width: 100%; height: 25px; text-decoration: none; text-align:left; vertical-align: middle; margin-left: 5px;}
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #FFFFFF; }
ul.makeMenu li:hover > a { color: #FFFFFF; } /* supports links in branch headings - should not be display: block; */
</style>
<!--[if gt IE 5.0]><![if lt IE 7]>
<style type="text/css">
/* that IE 5+ conditional comment makes this only visible in IE 5+ */
ul.makeMenu li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
  behavior: url( IEmen.htc );
}
ul.makeMenu ul {  /* copy of above declaration without the > selector, except left position is wrong */
  display: none; position: absolute; top: 2px; left: 78px;
}
</style>
<![endif]><![endif]-->