body { 
font-family : arial;
font-size : 9pt;
color : #60005d;
}

h1 {
color : #60005d;
text-align: left;
font-size: 20pt;
}

h2 {
color : #a7c000;
text-align: left;
font-size: 16pt;
}

.chd {
color : #a7c000;
font-size: 12pt;
font-weight : bold;
text-align: left;
}

a:link { 
text-decoration : none;
font-size : 10pt;
color : #93008f;
font-weight : bold;
}

a:visited { 
text-decoration : none;
font-size : 10pt;
color : #93008f;
font-weight : bold;
}

a:hover { 
text-decoration:none;
font-size : 10pt;
color : #ffffff;
background : #93008f;
font-weight : bold;
}

a:active { 
text-decoration:none;
font-size : 10pt;
color : #ff0000;
background : #93008f;
font-weight : bold;
}

td { 
font-family : arial;
color : #400040;
font-size : 9pt;
text-align : left;
}

pre {
font-family : arial;
color : black;
font-size : 9pt;
}

input {
font-family : arial;
font-size : 8pt;
color : #000000;
background-color : #ffffe8;
}

textarea {
font-family : arial;
font-size : 10pt;
color : #000000;
background-color : #ffffe8;
}

option {
font-family : arial;
font-size : 8pt;
color : #ffffff;
background-color : #60005d;
}

select {
font-family : arial;
font-size : 8pt;
color: #000000;
background-color : #ffffe8;
}

li { 
font-family : arial;
color : #000000;
font-size : 9pt;
}

a.btn:link { 
height : 55px;
text-decoration : none;
color : #60005d;
font-size : 9pt;
font-weight : bold;
text-align : center;
background : #b2be36;
padding : 5px;
border : solid;
border-width : 2px;
line-height : 1.1;
display : block;
border-color : #c0c0c0 #000000 #000000 #c0c0c0;
} 

a.btn:visited { 
height : 55px;
text-decoration : none;
color : #b2be36;
font-size : 9pt;
font-weight : bold;
text-align : center;
background : #b2be36;
padding : 5px;
border : solid;
border-width : 2px;
line-height : 1.1;
display : block;
border-color : #c0c0c0 #000000 #000000 #c0c0c0;
}

a.btn:hover { 
height : 55px;
text-decoration : none;
color : #c9d560;
font-size : 9pt;
font-weight : bold;
text-align : center;
background : #c9d560;
padding : 5px;
border : solid;
border-width : 2px;
line-height : 1.1;
display : block;
border-color : #c0c0c0 #000000 #000000 add1af;
} 

a.btn:active { 
height : 36px;
text-decoration : none;
color : #c9d560;
font-size : 9pt;
font-weight : bold;
text-align : center;
background : #b2be36;
padding : 5px;
border : solid;
border-width : 2px;
line-height : 1.1;
display : block;
border-color : #000000 #c0c0c0 #aad1af #000000;
}

a.btn2:link { 
height : 36px;
text-decoration : none;
color : #60005d;
font-size : 9pt;
font-weight : bold;
text-align : center;
background : #60005d;
padding : 0px;
border-width : 0px;
display : block;
}

a.btn2:visited { 
height : 36px;
text-decoration : none;
color : #8c0089;
font-size : 9pt;
font-weight : bold;
text-align : center;
background : #60005d;
padding : 0px;
border-width : 0px;
display : block;
}

a.btn2:hover { 
height : 36px;
text-decoration : none;
color : #60005d;
font-size : 9pt;
font-weight : bold;
text-align : center;
background : #93008f;
padding : 0px;
border-width : 0px;
display : block;
} 

a.btn2:active { 
height : 36px;
text-decoration : none;
color : #60005d;
font-size : 9pt;
font-weight : bold;
text-align : center;
background : #60005d;
padding : 0px;
border-width : 0px;
display : block;
}

a.image_link:hover {
background : transparent;
}

/* The following rule for box01 is used only for the sub menu of course links on a page */
.box01 {
width : 150px;
margin-right: 10px;
float: left;
border-width : 0px 1px 0px 0px;
border-style : solid;
border-color : #60005d;
padding : 0px 10px 10px 10px;
text-align : left;
line-height: 1;
}

.box02 {
background-color : #ffffff;
width : 260px;
margin-left : 30px;
margin-bottom : 10px;
border-width : 2px;
border-style : solid;
border-color : #000000;
color : #000000;
padding : 3px;
font-size : 10pt;
font-weight : bold;
text-align : center;
float: right;
}

.box03 {
background-color : #60005d;
width : 93%;
color : #ffffff;
padding : 8px;
font-size : 10pt;
text-align : center;
}

.box04 {
margin-top : 10px;
margin-left : 14px;
margin-right : 14px;
margin-bottom : 10px;
}

.new_box {
float: right;
display: inline;
margin-left: 20px;
margin-top: 17px;
margin-bottom: 10px;
text-align: center;
font-weight: bold;
background-color: #ffff75;
border-width: 1px;
border-style: solid;
border-color: #008000;
color: #008000;
padding: 5px;
}

.highlight {
background-color: #bbffbb;
padding: 7px;
}

.course_ttl {
font-family : arial;
color : #400040;
font-size : 11pt;
font-weight: bold;
font-style: italic;
}

#disc {
font-size: 7pt;
text-align : center;
font-style: italic;
}

.capboxright {
font-family : "verdana";
color : #000000;
font-size: 7pt;
font-style: italic;
text-align: center;
float: right;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
}

.logoboxright {
font-family : "verdana";
color : #000000;
font-size: 7pt;
font-style: italic;
text-align: center;
float: right;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 90px;
}

.logoboxcoursespages {
font-family : "verdana";
color : #000000;
font-size: 7pt;
font-style: italic;
text-align: center;
zmargin-left: 20px;
margin-top: 25px;
margin-bottom: 0px;
margin-right: 120px;
}

.bigred {
font-family: verdana;
color: #ff0000;
font-size: 12pt;
}

.big {
font-family: verdana;
font-size: 12pt;
font-weight: bold;
}

a.smallup {
font-size: 8pt;
clear: both;
}

.box01 ul {
margin-left: 3px;
padding-left: 3px;
}

.right_em {
float: right;
color: #003e84;
font-style: italic;
border: 1px dotted #003e84;
padding: 1px 3px 1px 1px;
margin-left: 25px;
margin-top: 4px;
clear: both;
display: inline;
}

.clhl {
color: #003e84;
}

.right_taf {
float: right;
color: #003e84;
font-style: normal;
margin-left: 25px;
font-size: 9pt;
padding: 1px 2px 1px 1px;
border-top: 2px solid #c0c0c0;
border-right: 2px solid #808080;
border-bottom: 2px solid #808080;
border-left: 2px solid #c0c0c0;
zclear: both;
zdisplay: inline;
background-color: #d6fc54;
}

.vetab {
float: left;
margin-right: 10px;
margin-bottom: 2px;
margin-top: 20px
display: block;
}