html { overflow-x: auto; } 

BODY { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #000; margin:0px;padding:0px;background-color:#FFFFFF; text-align:left; background-image: url(images/bg1.jpg)}

.normal {  font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 11px; font-weight: normal; color: 666666; text-decoration: none}
.normal a:link { font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 11px; color: 666666; text-decoration: none}
.normal a:visited { font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 11px; color: 666666 ; text-decoration: none}
.normal a:hover { font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 11px; color: #4199F1; text-decoration: underline}

.normal_12 {  font-family: "Tahoma" , "MS Sans Serif", "Microsoft Sans Serif"; font-size: 15px; font-weight: normal; color: 666666; text-decoration: none}
.normal_10 {  font-family: "Tahoma" , "MS Sans Serif", "Microsoft Sans Serif"; font-size: 12px; font-weight: normal; color: 666666; text-decoration: none}
.normal_10_bold {  font-family: "Tahoma" , "MS Sans Serif", "Microsoft Sans Serif"; font-size: 12px; font-weight: bold; color: 666666; text-decoration: none}
.normal_13 {  font-family: "Tahoma" , "MS Sans Serif", "Microsoft Sans Serif"; font-size: 14px; font-weight: bold; color: #0000CC; text-decoration: underline}

.title {  font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 11px; font-weight: bold; color: fff; text-decoration: none}
.title1 {  font-family: "Tahoma"; font-size: 11px; font-weight: bold; color: #5b6380; text-decoration: none}

.normal1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
.normal1 a:link, .normal1  a:visited, .normal1  a:active { text-decoration: none; color: #FFF }
.normal1 a:hover { text-decoration: none; color: #000000 }

.normal_mnu {
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}

.normal_mnu9 {
	font-family: Arial, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}

.normal_mnu a:link, .normal_mnu  a:visited, .normal_mnu  a:active { text-decoration: none; color: #FFF }
.normal_mnu a:hover {	font-size: 14px;  text-decoration: none; color: #F8E934 }


TABLE, TR, TD {  font-family: "Tahoma,MS Sans Serif"; font-size: 13px; font-weight: normal; color: 666666; text-decoration: none}

A:link {
	COLOR: #000; TEXT-DECORATION: underline
}
A:visited {
	COLOR: #000; TEXT-DECORATION: underline
}
A:active {
	COLOR: #000; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #465584; TEXT-DECORATION: underline
}

/* tableborders gives the white column / row lines effect */
.plainborder { border:1px solid #345487;background-color:#F5F9FD }
.tableborder { border:0px solid #345487;background-color:#FFF; padding:0; margin:0 }
.tablefill   { border:1px solid #345487;background-color:#F5F9FD;padding:6px;  }
.tablepad    { background-color:#F5F9FD;padding:6px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.maintitle { vertical-align:middle;font-weight:bold; color:#FFF; padding:7px 0px 7px 5px; background-image: url(images/tile_back.gif) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }

.row1 {
	BACKGROUND-COLOR: #f5f9fd
}
.row3 {
	BACKGROUND-COLOR: #eef2f7
}

.normal_orange {  font-family: "Tahoma,MS Sans Serif,Microsoft Sans Serif"; font-size: 11px; font-weight: bold; color: #FF6600; text-decoration: none}
.normal_orange1 {  font-family: "Tahoma,MS Sans Serif,Microsoft Sans Serif"; font-size: 11px; font-weight: bold; color: #FF6600; text-decoration: underline}
.normal_red_12 {  font-family: "Tahoma,MS Sans Serif,Microsoft Sans Serif"; font-size: 16px; font-weight: bold; color: #FF0000; text-decoration: none}
.normal_red_12b {  font-family: "Tahoma,MS Sans Serif,Microsoft Sans Serif"; font-size: 12px; font-weight: bold; color: #FF0000; text-decoration: none}

.normal_blue {  font-family: "Tahoma,MS Sans Serif,Microsoft Sans Serif"; font-size: 12px; font-weight: bold; color:#EE231E; text-decoration: none}

.normal_black {  font-family: "Tahoma,MS Sans Serif"; font-size: 13px; font-weight: bold; color: #000000; text-decoration: none}
.normal_black a:link {  font-family: "Tahoma,MS Sans Serif"; font-size: 13px; font-weight: bold; color: #000000; text-decoration: none}
.normal_black a:visited {  font-family: "Tahoma,MS Sans Serif"; font-size: 13px; font-weight: bold; color: #000000; text-decoration: none}
.normal_black a:hover {  font-family: "Tahoma,MS Sans Serif"; font-size: 13px; font-weight: bold; color: #CC0000; text-decoration: underline}

.normal_hover_black {  font-family: "Tahoma,MS Sans Serif"; font-size: 11px; font-weight: none; color: #666666; text-decoration: none}
.normal_hover_black a:link { font-family: "Tahoma,MS Sans Serif"; font-size: 11px; color: 666666; text-decoration: none}
.normal_hover_black a:visited { font-family: "Tahoma,MS Sans Serif"; font-size: 11px; color: 666666 ; text-decoration: none}
.normal_hover_black a:hover { font-family: "Tahoma,MS Sans Serif"; font-size: 11px; font-weight: none; color: #FF6633; text-decoration: none}

.normal_black15 {  font-family: "Tahoma,MS Sans Serif,Microsoft Sans Serif"; font-size: 15px; font-weight: bold; color: #000000; text-decoration: none}

.normal_grey {  font-family: "Tahoma,MS Sans Serif"; font-size: 12px; font-weight: none; color: #616161; text-decoration: none}
.normal_grey a:link {  font-family: "Tahoma,MS Sans Serif"; font-size: 12px; font-weight: none; color: #616161; text-decoration: none}
.normal_grey a:visited {  font-family: "Tahoma,MS Sans Serif"; font-size: 12px; font-weight: none; color: #616161; text-decoration: none}
.normal_grey a:hover {  font-family: "Tahoma,MS Sans Serif"; font-size: 12px; font-weight: none; color: #FF0000; text-decoration: underline}

.textmenu {  font-family: "Tahoma,MS Sans Serif"; font-size: 12px; font-weight: none; color: #4D4D4D; text-decoration: none}
.textmenu a:link {  font-family: "Tahoma,MS Sans Serif"; font-size: 12px; font-weight: none; color: #4D4D4D; text-decoration: none}
.textmenu a:visited {  font-family: "Tahoma,MS Sans Serif"; font-size: 12px; font-weight: none; color: #4D4D4D; text-decoration: none}
.textmenu a:hover {  font-family: "Tahoma,MS Sans Serif"; font-size: 12px; font-weight: none; color: #FF0000; text-decoration: underline}

.normal_white1 {  font-family: "Tahoma,MS Sans Serif"; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: underline}
.normal_white1 a:link {  font-family: "Tahoma,MS Sans Serif"; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: underline}
.normal_white1 a:visited {  font-family: "Tahoma,MS Sans Serif"; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: underline}
.normal_white1 a:hover {  font-family: "Tahoma,MS Sans Serif"; font-size: 12px; font-weight: bold; color: #000000; text-decoration: underline}

.normal_white2 {  font-family: "Tahoma,MS Sans Serif"; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none}
.normal_brown {  font-family: "Tahoma,MS Sans Serif"; font-size: 12px; font-weight: bold; color: #0000CC; text-decoration: none}
.normal_yellow {  font-family: "Tahoma,MS Sans Serif"; font-size: 14px; font-weight: bold; color: #FFFF00; text-decoration: none}
/*
* Mambo Menu Styling
* ==============
* You can control the way menu behave and look
* by using the CSS settings below
*/

.mainlevel {
  font-family      :  Tahoma,sans-serif,arial, verdana, Helvetica;
  font-weight      : normal;
  font-size: 12px;
  width            : 100%;
  letter-spacing   : 1px;
  text-indent      : 0px;
  padding          : 4px;
  display          : block;
  margin-top       : 1px;
  background   : #E8EBEE;
}

.mainlevel2 {
  font-family      :  Tahoma,sans-serif,arial, verdana, Helvetica;
  font-weight      : normal;
  font-size: 12px;
  width            : 100%;
  letter-spacing   : 1px;
  text-indent      : 0px;
  padding          : 4px;
  display          : block;
  margin-top       : 1px;
  background   : #E8EBEE;
}

a.mainlevel:link {
  border-top       : 1px solid #ffffff;
  border-bottom    : 0px solid #000000;
  background       : #F2F2F2;
  color            : #000000;
}
a.mainlevel2:link {
  border-top       : 1px solid #ffffff;
  border-bottom    : 0px solid #000000;
  background       : #FFFF99;
  color            : #000000;
}
a.mainlevel:visited  {
  border-top       : 1px solid #ffffff;
  border-bottom    : 0px solid #000000;
  background       : #F2F2F2;
  color            : #990000;
}
a.mainlevel2:visited  {
  border-top       : 1px solid #ffffff;
  border-bottom    : 0px solid #000000;
  background       : #FFFF99;
  color            : #990000;
  font-size: 11px;
  font-weight      : bold;
}
a.mainlevel:hover,a.mainlevel2:hover {
  border-top       : 1px solid #333333;
  border-bottom    : 0px solid #FFFFFF;
  background-color : #FF3366;
  color            : #FFFF00;
  font-size: 11px;
  text-decoration: none;
  font-weight      : bold;
}

/* Modules */
/*
* Mambo Modules formatting
* ===================
* These stylings are to format the way modules are
* displayed. It mainly deals with the format of its
* table. I think this doesn't need too much explaining
*/

table.moduletable {
	width: 100%;
padding-top: 2px;
 padding-left: 1px;
padding-right: 1px;
padding-bottom: 2px;
} 
table.moduletable th {
	FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
VERTICAL-ALIGN: top; 
TEXT-TRANSFORM: uppercase; 
COLOR: #ffffff; 
FONT-FAMILY: Tahoma,verdana, verdana, helvetica, sans-serif;  
1BACKGROUND-COLOR: #CC3333; 
TEXT-ALIGN: left; 
background-image:url(../images/menubar.gif); 
padding-top: 4px; 
padding-bottom: 4px; 
background-repeat:no-repeat; 
padding-left: 4px; 
} 
table.moduletable td {} /* well.. for formatting the table cells of the module table */

fieldset.anyform {
	margin: 4px;
	border-top:    1px solid #0000CC;
	border-left:   1px solid #0000CC;
	border-bottom: 1px solid black;
	border-right:  1px solid black;
	padding: 2px;
	background-color: #F0FCFF;
}
fieldset.studentform {
	margin: 4px;
	border-top:    1px solid #339900;
	border-left:   1px solid #339900;
	border-bottom: 1px solid black;
	border-right:  1px solid black;
	padding: 2px;
	background-color: #E9FEDA;
}
legend.anyform {
	padding: 2px 4px;
	color: #336633;
	font-weight: bold;
/*	font-size: 120%;*/
}
legend.studentform {
	padding: 2px 4px;
	color: #993300;
	font-weight: bold;
/*	font-size: 120%;*/
}

.arrow {  font-family: "Tahoma,MS Sans Serif"; font-size: 14px; font-weight: normal; color: #430303; text-decoration: none}
.menu_item {  font-family: "Tahoma,MS Sans Serif"; font-size: 11px; font-weight: bold; color: 666666; text-decoration: none}
.menu_item:link {  font-family: "Tahoma,MS Sans Serif"; font-size: 11px; font-weight: bold; color: 666666; text-decoration: none}
.menu_item:visited {  font-family: "Tahoma,MS Sans Serif"; font-size: 11px; font-weight: bold; color: 666666; text-decoration: none}
.menu_item:hover {  font-family: "Tahoma,MS Sans Serif"; font-size: 11px; font-weight: bold; color: #CC0033; text-decoration: none}

.linkhead:link {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Tahoma,verdana, verdana, helvetica, sans-serif; text-decoration: none }
.linkhead:visited {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Tahoma,verdana, verdana, helvetica, sans-serif; text-decoration: none } 
.linkhead:hover {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FF0000; FONT-FAMILY: Tahoma,verdana, verdana, helvetica, sans-serif; text-decoration: none }