html, body
		{
			padding: 0;
			margin: 0;
			text-align: center;
		}

		.medfield
		{
			width: 80px;
		}

		.readonlyfield
		{
			text-indent: 0.2em;
			background: #eee none;
			color: #222;
			font-style: italic;
			font-size: 11px; 
			font-family: verdana, geneva;
			color: #333;
		}

		.darkred
		{
			color: #990000;
		}

		.red
		{
			color: #FF0000;
		}

		.smalltext
		{
			font-size: 11px;
		}
		
		.medtext
		{
			font-size: 13px;
		}
		
		.largetext
		{
			font-size: 14px;
		}
		
		.bold
		{
			font-weight: bold;
		}
		
		.white
		{
			color: #fff;
		}
		
		.black
		{
			color: #000;
		}

		.subtitle
		{
			font-weight: bold;
			font-size: 14px;
			color: #ff6600;
		}

		.link
		{
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
		}

		.activelink
		{
			color: #ff6215;
		}

		.inactivelink
		{
			color: #666666;
		}

		select.courseselection
		{
			width: 140px;
			height: 150px;
			font-size: 10px;
		}

		/**
		body
		{
			font-family: 新細明體;
			font-size: 0.75em;
			line-height: 1.5em;
			line-spacing: 0.1em;
			min-width: 700px;
		}

		p
		{
			margin-left: 1em;
		}

		.chitext
		{
			font-family: 新細曘體;
		}

		.engtext
		{
			font-family: Verdana, Arial;
		}

		.smalltext
		{
			font-size: 0.9em;
		}

		.mediumtext, .normaltext
		{
			font-size:1em;
		}

		.largetext
		{
			font-size: 1.1em;
		}

		.boldtext
		{
			font-weight: bold;
		}

		.shortfield
		{
			width: 60px;
		}

		.mediumfield
		{
			width: 100px;
		}

		.longfield
		{
			width: 150px;
		}

		.field
		{
			font-size: 10px;
			color: #333333;
			background-color: #ffffff;
		}

		.button
		{
			font-size: 12px;
			color: #000000;
		}

		select
		{
		}
		**/

		/***************************************************************/
		/**************** Layout CSS begins ****************************/
		#wrapper															/* also holds the left "sliding" tab */
		{
			text-align: left;
			width: 760px;
			margin: 0 auto; 												/* NN puts content out of scrollable reach if auto is used unless there's a min-width on body too */
		}

		#header, #topnav, #topsubnav, #footer, #copyright
		{
			clear: both; 
			width: 100%;
		}

		#header
		{
			text-align: left;
			height: 90px;
		}

			div#headerleft
			{
				float: left;
				width: 222px;
			}

			div#headerright
			{
				float: right;
				width: 533px;
				text-align: left;
			}

		#topnav
		{
			
		}

		#topsubnav
		{
			height: 30px;
		}

		#contentfloatholder													/* also makes the right "sliding" tab */
		{
			position: relative;
			/* background: url(images/sidebar-r.gif) repeat-y 100% 0; */
			float: left;
			width: 100%;
			margin: 1px 0px;
		}


		#contentfloatholder:after											/* this is for NN6 to clear floats */
		{
			content: ".";
			display: block;
			height: 0px;
			clear: both;
			visibility: hidden;
		}

		#center
		{
			color: #000;
			float: right;
			width: 605px; 
			padding-top: 1.2em;
		}

		#left
		{
			float:left;
			width: 150px;
		}

			#left #leftnav
			{
				padding-bottom: 1em;
			}

			#left #affiliates
			{
				padding-bottom: 1em;
			}

		#footer
		{
			text-align: center;
			padding-top: 1em;
		}

		#copyright
		{
			text-align: center;
		}

		div.centered
		{
			text-align: center;
		}