BODY {
   FONT-SIZE: 14px; MARGIN: 0em; COLOR: black; FONT-FAMILY: "Trebuchet MS",Verdana,sans-serif;
}
TD {
   FONT-SIZE: 14px; COLOR: black; FONT-FAMILY: "Trebuchet MS",Verdana,sans-serif
}
P {
   FONT-SIZE: 14px; COLOR: black; FONT-FAMILY: "Trebuchet MS",Verdana,sans-serif
}
P {
   PADDING-BOTTOM: 10px; MARGIN: 0px
}
A:link {
   COLOR: blue; TEXT-DECORATION: none
}
A:visited {
   COLOR: blue; TEXT-DECORATION: none
}
A:active {
   COLOR: red; TEXT-DECORATION: none
}
A:hover {
   text-decoration:none; 
}

.menubackgr {
    background-color: #E4E1DC;
}

tr.head {
   COLOR: white;
   FONT-SIZE: 13px;
   BACKGROUND-COLOR:#336699;
}

.errMsg{ color : red;}

H1 {
    FONT-SIZE: 16px; MARGIN: 10px; COLOR: red
}

H2 {
    FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 10px; COLOR: red
}

H3 {
    FONT-SIZE: 14px; MARGIN: 10px; COLOR: red
}

A.button {
    BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: black 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 1px; FONT: 85% arial; BORDER-LEFT: black 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: black 1px solid; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #e1e1e1; TEXT-ALIGN: center; TEXT-DECORATION: none
}

A.button:link {
    BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; TEXT-DECORATION: none
}

A.button:visited {
    BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; TEXT-DECORATION: none
}

A.button:hover {
    COLOR: red; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #ccc; TEXT-DECORATION: none
}

A.button:active {
    BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; TEXT-DECORATION: none
}

.boxTitle { color : white; font-weight: bold;}
.boxFoot  { color : black; font-weight: normal;size:1}

.left_topic{
    background-color:#d6e6f7;
    border-color:#333333;
    border-width:1;
    border-style:solid;
    font-family:Arial, Helvetica, sans-serif;
    padding-left: 0.5cm;
    padding-right: 0.5cm;
    padding-top: 0.5cm;
    padding-bottom: 0.5cm;
}

.menuItem
{
    cursor : hand;
    background-color:#c6d6e7;
    width : 10%;
    text-align : center;
    font-size:80%;
    font-weight:bold;
}

.menuItem A{ color : black; font-weight: normal; text-decoration:none}
.menuItem A:Hover{color : black; font-weight: normal; text-decoration:none}
.menuItem:hover { color : red; font-weight: normal;}
.whiteMenuItem { color : white; font-weight: bold;}
.whiteMenuItem:hover { nowrap color : red; font-weight: bold;}

TD .blackMenuItem { color : black; font-weight: bold;}
TD .blackMenuItem:hover {color : red; font-weight: bold;}

.blackLink { color:black; text-decoration:none; fon-weight:600;}

.newsItem{
  color: black;
  font-family: Verdana,sans-serif;
  font-size: 11px;
  text-decoration : none
}

.newsItem:hover {
  color: black;
  font-family: Verdana,sans-serif;
  font-size: 11px;
  text-decoration : none
}

LI {
   margin : 0;
}

#page-body {
    CLEAR: both; PADDING-RIGHT: 5px; BORDER-TOP: #c9d7dc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 24px; PADDING-TOP: 5px; BORDER-BOTTOM: #c9d7dc 1px solid; BACKGROUND-COLOR: #ddebf5
}
#page-body {
    LINE-HEIGHT: 1.2
}
#main-navigation {
    CLEAR: both; FONT-SIZE: 110%; BACKGROUND: url(/resources/dotlrn/tab-passive-bottom.gif) repeat-x 50% bottom; FLOAT: left; WIDTH: 100%
}
#main-navigation UL {
    PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#main-navigation LI {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/resources/dotlrn/tab-passive-right-myspace.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 2px; PADDING-TOP: 0px
}
#main-navigation A {
    PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: bold; BACKGROUND: url(/resources/dotlrn/tab-passive-left-myspace.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 2px; COLOR: #6db2c9; BORDER-TOP-STYLE: none; PADDING-TOP: 3px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#main-navigation A {
    FLOAT: none
}
#main-navigation A:hover {
    COLOR: #003366
}
#main-navigation LI.current {
    BACKGROUND-IMAGE: url(/resources/dotlrn/tab-active-right-myspace.gif)
}
#main-navigation LI.current A {
    FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(/resources/dotlrn/tab-active-left-myspace.gif); PADDING-BOTTOM: 3px; COLOR: #003366; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#main-container {
    CLEAR: both; PADDING-RIGHT: 10px; BORDER-TOP: #6db2c9 5px solid; PADDING-LEFT: 10px; BACKGROUND: #c9d7dc; PADDING-BOTTOM: 24px; PADDING-TOP: 14px; BORDER-BOTTOM: #6db2c9 1px solid
}
 HTML #main-container {
    MARGIN-TOP: -3px
}
 HTML #main-container {
    HEIGHT: 1%
}
#message-bar {
    BORDER-RIGHT: #94471e 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f2af8a 1px solid; PADDING-LEFT: 25px; FONT-WEIGHT: bold; BACKGROUND: url(/resources/dotlrn/message-bar-icon.png) #e35203 no-repeat left 50%; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 5px; BORDER-LEFT: #f2af8a 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #94471e 1px solid
}
#message-bar P {
    MARGIN-LEFT: 39px
}

.nav {
    COLOR: #000000; BORDER-TOP: #666 2px solid; BORDER-BOTTOM: #666 2px solid; FONT-FAMILY: arial, helvetica, geneva, sans-serif; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none
}
.navSpacer {
    WIDTH: 5px; HEIGHT: 16px
}
.navNormal {
    BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: x-small; PADDING-BOTTOM: 2px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 2px; FONT-FAMILY: arial, helvetica, geneva, sans-serif; BORDER-BOTTOM-STYLE: none; border-radius: 2px; moz-border-radius: 2px
}
.navDrop {
    BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: x-small; PADDING-BOTTOM: 2px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 2px; FONT-FAMILY: arial, helvetica, geneva, sans-serif; BORDER-BOTTOM-STYLE: none; border-radius: 2px; moz-border-radius: 2px
}
.navActive {
    BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: x-small; PADDING-BOTTOM: 2px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 2px; FONT-FAMILY: arial, helvetica, geneva, sans-serif; BORDER-BOTTOM-STYLE: none; border-radius: 2px; moz-border-radius: 2px
}
.navNormal {
    COLOR: #000000; BACKGROUND-COLOR: #e5e5e5
}
.navActive {
    FONT-WEIGHT: bold; FONT-SIZE: x-small; COLOR: white; FONT-FAMILY: arial, helvetica, geneva, sans-serif; BACKGROUND-COLOR: #800000;
}
.navDrop {
    COLOR: #aeaeae; BACKGROUND-COLOR: #e5e5e5;
}
.navNormal A:link {
    COLOR: #0000ff
}
.navNormal A:active {
    COLOR: #0000ff
}
.navNormal A:visited {
    COLOR: #0000ff
}
.navActive A:link {
    COLOR: #0000ff
}
.navActive A:active {
    COLOR: #0000ff
}
.navActive A:visited {
    COLOR: #0000ff
}
.navDrop A:link {
    COLOR: #ff0000
}
.navDrop A:active {
    COLOR: #ff0000
}
.navDrop A:visited {
    COLOR: #ff0000
}
.navDrop A:hover {
    COLOR: #ffffff; BACKGROUND-COLOR: #ff0000
}
.navNormal A:hover {
    COLOR: #ff0000
}
.navActive A:hover {
    COLOR: #ff0000
}

TR.form-section {
    BACKGROUND-COLOR: #d0d0d0
}
TD.form-label {
    PADDING-RIGHT: 12px; PADDING-LEFT: 12px; FONT-SIZE: 90%; FONT-FAMILY: tahoma,verdana,arial,helvetica,sans-serif; BACKGROUND-COLOR: #e9e9e9; TEXT-ALIGN: right
}
TD.form-label-error {
    PADDING-RIGHT: 12px; PADDING-LEFT: 12px; FONT-SIZE: 90%; BACKGROUND-COLOR: #ffaaaa; TEXT-ALIGN: right
}
TD.form-widget {
    PADDING-RIGHT: 12px; FONT-SIZE: 90%
}
TD.form-widget-error {
    BORDER-RIGHT: red 1px dotted; PADDING-RIGHT: 12px; BORDER-TOP: red 1px dotted; FONT-SIZE: 90%; BORDER-LEFT: red 1px dotted; BORDER-BOTTOM: red 1px dotted
}
DIV.form-error {
    FONT-SIZE: 100%; COLOR: red; FONT-FAMILY: tahoma,verdana,arial,helvetica,sans-serif
}
DIV.form-help-text {
    MARGIN-TOP: 4px; FONT-SIZE: 90%; MARGIN-BOTTOM: 2px; COLOR: #666666; FONT-FAMILY: tahoma,verdana,arial,helvetica,sans-serif
}
SPAN.form-required-mark {
    COLOR: red
}
TABLE.formgroup {
    BORDER-COLLAPSE: collapse
}
SPAN.form-configuration-help-text {
    FONT-SIZE: 10px; LINE-HEIGHT: 13px; FONT-FAMILY: verdana, arial, sans-serif; TEXT-ALIGN: justify
}
SPAN.form-configuration-label {
    FONT-SIZE: 11px; LINE-HEIGHT: 15px; FONT-FAMILY: trebuchet MS, trebuchet, verdana, arial, sans-serif
}


.bar {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #aeaeae; FONT-FAMILY: Verdana; TEXT-DECORATION: none
}

.baractive {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #aeaeae; FONT-FAMILY: Verdana; TEXT-DECORATION: none
}

.barover {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: #5f7080; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: underline;
	cursor : 'hand'	;
}

UL#topmenu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
UL#topmenu LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px
}