body				{ font-family: Helvetica, Arial, Verdana; sans-serif; color: #000000; background-color: #FFFFFF; }

#header				{ text-align: center; color: #000000; background-color: #FFCF63; margin: 0px; margin-right: 20px; padding: 0px; background-image: url(../static/o2.gif); background-repeat: no-repeat; background-position: top right; }
#header img			{ position: relative; top: 0px; left: -4px; }
body>#header img	{ position: static; }
#header h1			{ font-size: 100%; padding: 5px; }

#navi				{ font-weight: bold; color: #000000; background-color: #ffffff; float: left; padding-right: 20px; }
#navi ul			{ font-size: 80%; list-style-type: none; padding: 0px; margin: 0px; color:#fff; }
#navi ul li 		{ display:inline; }
#navi li.set1 a		{ font-size: 120%; line-height: 150%; color: #ffffff; background-color: #330000; background-image: url(../static/corner_blue.gif); background-repeat: no-repeat; background-position: top right; padding: 5px 0px 5px 10px; display: block; border-bottom: 5px solid #ffffff; }
#navi li.set2 a		{ font-size: 120%; line-height: 150%; color: #ffffff; background-color: #666666; padding: 5px 10px 5px 10px; display: block; border-bottom: 1px solid #ffffff; }
body>#navi li.set2 a		{ font-size: 120%; line-height: 150%; color: #ffffff; background-color: #666666; padding: 5px 10px 5px 10px; display: block; border-bottom: 2px solid #ffffff; }
#navi li.set2 a.ON		{ font-size: 120%; line-height: 150%; color: #FDECB7; background-color: #666666; padding: 5px 0px 5px 10px; display: block; cursor: default; border-bottom: 1px solid #ffffff; }
body>#navi li.set2 a.ON		{ font-size: 120%; line-height: 150%; color: #FDECB7; background-color: #666666; padding: 5px 10px 5px 10px; display: block; cursor: default; border-bottom: 2px solid #ffffff; }
#navi li.set2 li a.ON		{ font-size: 120%; line-height: 150%; color: #000000; background-color: #FDECB7; padding: 5px 10px 5px 10px; display: block; cursor: default; }
body>#navi li.set2 li a.ON		{ font-size: 120%; line-height: 150%; color: #000000; background-color: #FDECB7; padding: 5px 10px 5px 10px; display: block; cursor: default; border: 0px; }
#navi li.set3 a		{ font-size: 120%; line-height: 150%; color: #ffffff; background-color: #999999; padding: 5px 10px 5px 10px; display: block; border-top: 5px solid #ffffff; }
#navi li.set3 a.ON		{ font-size: 120%; line-height: 150%; color: #000000; background-color: #999999; padding: 5px 10px 5px 10px; display: block; border-top: 5px solid #ffffff; cursor: default; }
#navi li.set4 a		{ font-size: 120%; line-height: 150%; color: #ffffff; background-color: #999999; background-image: url(../static/corner_grey.gif); background-repeat: no-repeat; background-position: bottom right; padding: 0px 0px 10px 10px; display: block; }
#navi li.set4 a.ON		{ font-size: 120%; line-height: 150%; color: #000000; background-color: #999999; background-image: url(../static/corner_grey.gif); background-repeat: no-repeat; background-position: bottom right; padding: 0px 0px 10px 10px; display: block; cursor: default; }

#content			{ height: 0px; color: #000000; background-color: #ffffff; margin: 20px 20px 20px 9em; }
#content h1			{ font-size: 100%; }
#content h2			{ font-size: 90%; }
#content h3			{ font-size: 80%; font-style: italic; }
#content h4			{ font-size: 80%; color:#666; }
#content p	 		{ font-size: 80%; display: block; }
#content *[lang=en]	{ color:#000000;background-color:#f0f0f0; }
#content ol 		{ font-size: 80%; }
#content ol li		{ margin-left: 100px; margin-bottom: 0.1em; }
body>#content ol li	{ margin-left: 20px; margin-bottom: 0.2em; }
#content ol.course li	{ margin-left: 0px; margin-bottom: 1em; }
body>#content ol.course li	{ margin-left: 20px; margin: 0px; margin-bottom: 1em; }
#content ol.column li	{ float: left; margin: 0px; margin-right: 2em; }
#content ul			{ font-size: 80%; }
#content ul li		{ margin-left: 100px; margin-bottom: 0.1em; }
body>#content ul li	{ margin-left: 40px; margin-bottom: 0.2em; }
#content ul.course li	{ margin-left: 0px; margin-bottom: 1em; }
body>#content ul.course li	{ margin-left: 20px; margin: 0px; margin-bottom: 1em; }
#content ol ol		{ font-size: 100%; }
#content ol ul		{ font-size: 100%; }
#content ol ul li	{ margin-left: 0px; }
#content ol.course ul li	{ margin-left: 0px; margin-bottom: 0.2em; }
#content a			{ color: #000033; background-color: #FFFFFF; text-decoration: underline; }
#content a:hover	{ color: #000033; background-color: #FFCF63; text-decoration: underline; }
#content div.column	{ float: left; padding: 10px; }
#content div		{ background-image: url(../static/2x2.gif); }
#content div p		{ padding:0px; margin:0px; }
#content span.number	{ font-size: 300%; font-weight: bold; color: #FFCC66; }
#content div.pic		{ font-weight: bold; color: #666666; background-color: #FDECB7; padding: 10px; margin: 0px 0px 10px 10px; border: 1px solid #FFCF63; float: right; }
#content table		{ border: 0px; border-collapse: collapse; }
#content th			{ font-size: 80%; border: 1px solid #FFCF63; color: #666666; background-color: #FDECB7; }
#content td			{ font-size: 80%; border: 1px solid #FFCF63; padding: 0.1em 0.1em 0.1em 0.5em; vertical-align: top; }
#content table.line	{ border-top: 1px solid #FFCF63; border-collapse: collapse; }
#content table.line th	{ font-size: 80%; border: 0px; border-bottom: 1px solid #FFCF63; color: #666666; background-color: #FDECB7; }
#content table.line td	{ font-size: 80%; border: 0px; border-bottom: 1px solid #FFCF63; }
#content td	ol		{ font-size: 100%; }
#content dl			{ font-size: 80%; }
#content dt 		{ font-weight: bold; min-width: 8em; float: left; color: #666666; background-color: #FDECB7; padding: 5px 10px 5px 10px; margin: 0px 1em 0.5em 0px; }
#content dt strong	{ color:#ff0000; }
#content dd 		{ margin: 0 0.5em 0.5em 0; padding: 5px 10px 5px 10px; }
#content ins		{ font-size: 80%; color: #ff0000; }
#content sample		{ font-size: 80%; margin-left: 5em; display: block; }
#content input		{ line-height: 1.7em; font-size: 110%; border: 0px; border-bottom: 1px dotted #666; background-color: #ffffcc; padding: 0em 0em 0em 0.5em; margin: 1px; }
#content input.button	{ font-size: 110%; color: #fff; background-color: #000033; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #000000; border-bottom: 1px solid #000000; padding: 0.1em 1em 0.1em 1em; margin: 0px; margin-right: 2em; }
#content input.field	{ height:40px; padding-top:10px; text-align:center; border: 1px dotted #666; }

#menu				{ position: absolute; width: 8em; color: #000000; background-color: #ffffff; padding-top: 1em; right: 30px; overflow: visible; }
#menu ul			{ font-size: 80%; list-style: none; padding: 0px; padding-top: 1px; margin: 0px; }
#menu ul li 		{ display: inline; }
#menu li.set1 a		{ font-weight: bold; font-size: 90%; line-height: 130%; color: #333333; background-color: #FFCF63; padding: 5px 0px 5px 10px; display: block; border-bottom: 1px solid #ffffff; border-top: 1px solid #FDECB7; text-decoration: none; white-space: nowrap; }
#menu li.set1 a.ON	{ font-weight: normal; font-size: 90%; line-height: 130%; color: #333333; background-color: #FDECB7; padding: 5px 0px 5px 10px; display: block; border-bottom: 1px solid #ffffff; border-top: 1px solid #FDECB7; text-decoration: none; white-space: nowrap; cursor: default; }
body>#content #menu li.set1 a.ON	{ font-weight: normal; font-size: 90%; line-height: 130%; color: #333333; background-color: #FDECB7; padding: 5px 0px 5px 10px; display: block; border-bottom: 2px solid #ffffff; text-decoration: none; white-space: nowrap; cursor: default; }
#menu li.set2 a		{ font-weight: bold; font-size: 90%; line-height: 140%; color: #333333; background-color: #FFCF63; background-image: url(../static/o3.gif); background-repeat: no-repeat; background-position: bottom right; padding: 5px 0px 5px 10px; display: block; text-decoration: none; white-space: nowrap; }
#menu li.set2 a.ON	{ font-weight: normal; font-size: 90%; line-height: 130%; color: #333333; background-color: #FDECB7; background-image: url(../static/o3ON.gif); background-repeat: no-repeat; background-position: bottom right; padding: 5px 0px 5px 10px; display: block; border-bottom: 1px solid #ffffff; text-decoration: none; white-space: nowrap; cursor: default; }



div a				{ text-decoration: none; }
div a:hover			{ text-decoration: none; }

input.button		{ color: #ffffff; background-color: #000033; font-size: 100%; font-weight: bold; border: 0px; padding-left:10px; padding-right:10px; }

.red {  color: red; font-size: 120%; font-weight: bold; width: 5em; float: left; border-bottom: 1px solid red; padding: 5px 10px 5px 10px; margin-right: 20px; }
.blue {  color: blue; font-size: 120%; font-weight: bold; width: 5em; float: left; border-bottom: 1px solid blue; padding: 5px 10px 5px 10px; margin-right: 20px; }
.green {  color: green; font-size: 120%; font-weight: bold; width: 5em; float: left; border-bottom: 1px solid green; padding: 5px 10px 5px 10px; margin-right: 20px; }
.yellow {  color: yellow; font-size: 120%; font-weight: bold; width: 5em; float: left; border-bottom: 1px solid yellow; padding: 5px 10px 5px 10px; margin-right: 20px; }
.white {  color: white; background-color: #333; font-size: 120%; font-weight: bold; width: 5em; float: left; border-bottom: 1px solid white; padding: 5px 10px 5px 10px; margin-right: 20px; }
.grey {  color: #666666; font-size: 120%; font-weight: bold; width: 5em; float: left; border-bottom: 1px solid grey; padding: 5px 10px 5px 10px; margin-right: 20px; }
.black {  color: black; font-size: 120%; font-weight: bold; width: 5em; float: left; border-bottom: 1px solid black; padding: 5px 10px 5px 10px; margin-right: 20px; }
