html {
	     overflow: -moz-scrollbars-vertical;
	}
	body {
		font: 11px Tahoma;
		background: #fff url('bg-main.gif') repeat-y left;
		padding: 0;
		margin: 0;
		min-width: 955px;
	}
	#wrap {
		padding: 8px 12px 12px 96px;
	}
	.spacer {
		background-color: #fefefe;
		display: block;
		height: 2px;
		font-size: 2px;	
	}
	.bar-blue {
		background: url('bg-bar.gif') repeat-x;
		height: 12px;
		border: 1px solid #8393CA;
			
	}
	.bar-blue span {
		display: none;
	}
	#wrap-top {
		padding-left: 80px;
		text-align: right;
	}
	p.required {
		color: #9E0B0E;	
	}
	.hilight {
		background-color: #ff6;
		color: #555;
	}
	.tba, 
	.staff {
		color: #acacac;
	}
	.breaker {
		clear: both;
		height: 1px;
		font-size: 1px;
	}
	input.sbutton {
		background-color: #F49AC1;
		color: #000;
		font: bold 10px Tahoma;	
	}
/* (bottom) ------------------------------------------------------------------*/	
	#bottom {
		margin-top: 8px;
		border-top: 1px solid #eee;
		clear: both;
		color: #333;
	}
	#bottom p {
		padding: 4px 0;
		margin: 4px 0;
	}
	#bottom a {
		color: #333;
		padding: 4px;	
	}
	#bottom a:hover {
		background-color: #efefef;
	}
/* (left widgets) ------------------------------------------------------------*/	
	.item-info {
		float: left;
		clear: left;
		width: 210px;
		margin-bottom: 12px;
		background: url('menu-body.png') repeat-y;
	}
	html>body .item-info {
		width: 200px;	
	}
	.item-info div.header {
		width: 202px;
		height: 16px;
		display: block;
		font-size: 12px;
		background: url('menu-top.png') no-repeat;	
	}
	.item-info div.body {
		padding: 6px 10px 4px 3px;
	}
	.item-info div.footer {
		width: 202px;
		height: 17px;
		display: block;
		font-size: 12px;
		background: url('menu-bottom.png') no-repeat;	
	}
	.item-info div.starBlock {
		margin-left: auto;
		margin-right: auto;
		width: 72px;	
	}
	.item-info h2 {
		margin: 0;
		padding: 8px 0 0 9px;
		font: bold 16px Georgia;
	}
	.item-info h3 {
		margin: 4px 0 2px 0;
		padding: 4px 6px;
		font: bold 12px Georgia;
	}
	.item-info p {
		margin: 2px 0 0 0;
		padding: 2px 6px;	
		text-align: justify;
		font: 11px Tahoma;
	}
	.item-content {
		padding-left: 222px;		
	}
	.item-info table {
		font: 11px Tahoma;
		margin: 3px;
		padding: 3px;
	}
	.item-info table tr td {
		padding: 2px;
	}
	.item-info ul li {
		padding-top: 2px;
		padding-bottom: 2px;	
	}
/* (user menu) ---------------------------------------------------------------*/
	#user-menu {
		padding-left: 39px;
		float: left;
	}
	#main-menu {
		float: left;
	}
	#user-menu a, 
	#main-menu a {
		display: block;
		width: 28px;
		height: 500px;
		text-decoration: none;
	}
	html>body #user-menu a, 
	html>body #main-menu a {
		height: 100%;
	}
	#user-menu a:hover {
		background: #F8CC9C url('bg-user-menu.gif') no-repeat top center;	
	}
	#main-menu a:hover {
		background: #F6AECD url('bg-main-menu.gif') no-repeat top center;
	}
	#user-menu a span,
	#main-menu a span {
		display: none;
	}
	
/* (notice) ------------------------------------------------------------------*/
	#notice,
	#site-menu {
		padding: 8px 12px 8px 12px;
	}
	#notice p {
		color: #aaa;
		padding: 0;
		margin: 0;
	}
	
/* (site menu) ---------------------------------------------------------------*/
	#site-menu ul {
		list-style-type: none;
		padding: 0;
		margin: 6px;
	}
	#site-menu ul li {
		display: inline;
		font: bold 14px Tahoma;	
		color: #000;
	}
	#site-menu ul li a, 
	#site-menu ul li span {
		padding: 8px;
	}
	#site-menu ul li.active span {
		background-color: #F6AECD;
	}
	#site-menu ul li a:hover {
		background-color: #fafafa;
	}
/* (logo) --------------------------------------------------------------------*/
	#logo {
		float: left;
	}
	#logo h1 {
		padding: 0;
		margin: 0;	
	}
	#logo h1 a {
		width: 163px;
		height: 73px;
		display: block;
	}
	#logo h1 a {	
		background: transparent url('fuunk-logo.gif') no-repeat center center;			
	}
	#logo h1.orange a {	
		background: transparent url('fuunk-logoo.gif') no-repeat center center;			
	}
	#logo h1 a:hover {
		background: transparent url('fuunk-logo-hover.gif') no-repeat center center;		
	}
	#logo h1.orange a:hover {
		background: transparent url('fuunk-logoo-hover.gif') no-repeat center center;		
	}
	#logo h1 a span {
		display: none;	
	}
	
/* (search form) -------------------------------------------------------------*/
	#search-form {
		display: none;
		border: 1px solid #aaa;
		padding: 6px;
		background-color: #fefefe;
		margin-bottom: 18px;
	}
	#search-form h2 {
		font: bold 16px Georgia;
		margin: 0;
		padding: 0;
	}
	#search-form input.text,
	#search-form input.inpu-text {
		font: bold 14px Verdana;
		border: 1px inset #cdcdcd;
		background-color: #fafafa;
		width: 100%;
		color: #000;
	} 
	#search-form input.submit {
	}
	#search-form table {
		font: 11px Tahoma;
		padding-left: 8px;
		width: 100%;
	}
	#search-form table tr td{
		padding: 4px 0;
	}
	#search-form .table{
		width: 100%;
	}
	#search-form select {
		font: 14px Verdana;
		color: #000;
	}
	#search-form small {
		color: #aaa;
		font: 11px Tahoma;	
	}
/* (search command line) -----------------------------------------------------*/
	#search-result {
		margin-bottom: 18px;
	}
	#search-result div.filler {
		background-color: #aaa;
		padding: 6px;
	}
	#search-result p {
		width: 60px;
		padding: 8px 0;
		font: bold 16px Verdana;
		color: #000;
		float: left;
		margin: 0;
	}
	#search-result div {
		padding-left: 72px;
	}
	#search-result a {
		border: 1px inset #cdcdcd;
		padding: 6px;
		font: bold 14px Verdana;
		display: block;
		text-decoration: none;
		color: #444;
		cursor: text;
		background-color: #fafafa;
		overflow: hidden;
	}
	#search-result a:hover {
		border: 1px inset #cdcdcd;
		padding: 6px;
		font: bold 14px Verdana;
		display: block;
		text-decoration: none;
		color: #000;
		cursor: text;
		background-color: #fefefe;
		overflow: hidden;
	}
/* (main table) --------------------------------------------------------------*/
	#content table {
		width: 98%;
		margin: 0;
		padding: 0;	
	}
	#content table tr th {
		background-color: #aaa;
		color: #fff;
	}
	#content table tr td {
		font: 11px Verdana;	
		padding: 6px 3px;
	}
	#content table tr th {
		font: bold 11px Verdana;	
		padding: 3px;
		text-align: left;
	}
	#content table tr.cancelled td, 
	.cancelled {
		text-decoration: line-through;
		color: #caa;
	}
	#content table tr.cancelled td a {
		color: 	#caa;
	}
	#content table tr.typeR,
	#content table tr.typeL,  
	.typeR,
	.typeL {
		background-color: #ffffb2;	
	}
	#content table td.typeFilled, 
	.typeFilled {
		background: url('bg-stripes-lb.gif');
		color: #ccc;
	}
	.tbl-bg1 {
	}
	#content dl dt {
		font-weight: bold;
		padding-bottom: 2px;
	}
	#content dl dd{
		padding-bottom: 2px;
	}
/* (form styling) ------------------------------------------------------------*/
	form legend {
		font: bold 14px Georgia;
		padding: 0 4px;
		margin: 0;
	}
	form fieldset {
		padding: 8px;
		margin: 0;
	}

/* (pretty unstyled stuff) ---------------------------------------------------*/
	a {
		color: #36c;	
	}
	a:hover {
		color: #000;
		background-color: #eaeaea;
	}
	span.legend {
		padding: 3px;	
	}
	p.legend {
		border: 1px solid #000;
		padding: 4px;	
	}
	.future {
		color: #555;
	}
/* (add class) ---------------------------------------------------------------*/
	a.addClass {
		display: block;
		width: 12px;
		height: 12px;
		background: url('icon-add-off.gif')	no-repeat center center;
	}
	a.addClass:hover, 
	a.addedClass {
		display: block;
		width: 12px;
		height: 12px;
		background: url('icon-add.gif')	no-repeat center center;
	}
	a.addClass span, 
	a.addedClass span {
		display: none;
	}
	.profTT {
		display: none;	
	}
	
/* (topic tips) --------------------------------------------------------------*/
	.shadow-top {
		width: 328px;
		height: 8px;
		display: block;
		background: url('shadow-top.png') no-repeat top center;
		font-size: 2px;
	}
	.shadow-body {
		background: url('shadow-body.png') repeat-y;
		padding: 2px 12px 2px 6px;
	}
	.shadow-bottom {
		width: 328px;
		height: 8px;
		font-size: 2px;
		display: block;
		background: url('shadow-bottom.png')  no-repeat bottom center;
	}
	#tips h2 {
		font: bold 15px Georgia;
		border-bottom: 1px solid #aaa;
		margin: 0 0 3px 0;
		padding: 0 0 3px 0;
		width: 315px;
	}
	#tips h3 {
		font: bold 12px Georgia;
		margin: 3px 0;
		padding: 3px 0;
	}
	#tips table {
		font: 11px Tahoma;	
	}
	#tips table tr td {
		padding: 3px;	
	}
	#tips .grades {
		float: left;
		padding: 0;
		margin: 0 12px 0 0;
	}
	#tips p {
		margin: 2px 0;
		padding: 2px 0;
		font: 11px Tahoma;
	}
	#tips .click {
		clear: both;
		text-align:center;
		color: #c33;
		text-transform: uppercase;
		width: 315px;
	}
	a.link-4c:hover {
		background: url('icon-4c.gif') no-repeat center right;
		padding-right: 14px;
	}
	a.link-4c {
		background: url('icon-4c-o.gif') no-repeat center right;
		padding-right: 14px;
		color: #000;
	}
/* (content messages) --------------------------------------------------------*/
	.message {
		margin: 0 12px 12px 0;
	}
	.message ul {
		padding-left: 0;
		margin-left: 2px;
	}
	.message li {
		padding-left: 22px;
		list-style-type: none;
		background: transparent url('icon-16-bullet.gif') no-repeat 0 0.1em;	
	}
	div.error {
		border: 1px solid #933;
		padding: 5px;
		background: #fff0f6 url('icon-32-error.gif') no-repeat 3px 3px; 
	}
	div.error div,
	div.success div,
	div.warn div {
		padding-left: 36px;	
	}
	div.success{
		border: 1px solid #007236;
		padding: 5px;
		background: #ECF3E6 url('icon-32-success.gif') no-repeat 3px 3px; 
	}
	div.warn {
		border: 1px solid #333;
		padding: 5px;
		background: #dedede url('icon-32-stop.gif') no-repeat 3px 3px; 
	}
/* (stars) -------------------------------------------------------------------*/
	.star-on {
		background: transparent url('icon-star.gif') no-repeat center center;
	}
	.star-off {
		background: transparent url('icon-star-off.gif') no-repeat center center;
	}
	a.star {
		display: block;
		float: left;
		width: 12px;
		height: 12px;
		text-decoration: none;
		font-size: 4px;	
		margin-right: 1px;
	}
	a.star:hover {
		background-color: transparent;
	}
	a.unactionable {
		cursor: default;	
	}
/* (general content styles) --------------------------------------------------*/
	#content h2 { 
		font: bold 14px Georgia;
		border-bottom: 1px solid #333;	
	}

/* (content table styles) ----------------------------------------------------*/
	#content .tblScheduler table {
		width: 640px;
		margin: 4px auto;
		padding: 0;
		border-left: 1px solid #000;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	#content .tblScheduler table tr th {
		background-color: #aaa;
		color: #fff;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	
	#content .tblScheduler table tr td {
		vertical-align: top;
		font: 11px Verdana;	
		padding: 0;
		border-right: 1px solid #000;
		background: url('bg-schedule.gif');
	}
	
	#content .tblScheduler table tr th {
		font: bold 11px Verdana;	
		padding: 3px;
		text-align: left;
	}
	
	#content .tblScheduler table td .sp-top {
		display: block;
		background: url('sch-top.gif') no-repeat center center;
		width: 113px;
		height: 10px;
	}
	
	#content .tblScheduler table td .sp-bottom {
		display: block;
		background: url('sch-bot.gif') no-repeat center center;
		width: 113px;
		height: 10px;
	}
	
	#content .tblScheduler table td .box {
		background-color: #ccc;
		display: block;	
		width: 113px;
		height: 0px;
		font: bold 11px Verdana;
		color: #fff;
	}
	#content .tblScheduler table td .box p {
		padding: 4px;
		color: #000;
		margin: 0;
		font: bold 11px Arial;
	}
	#content .tblScheduler table td .blank {
		display: block;	
		width: 113px;
		height: 0px;
	}
/* (content table styles) ----------------------------------------------------*/
	#content .tblGrades table {
		width: 95%;
		margin: 4px auto;
		padding: 0;
		border: 1px solid #000;
	}
	#content .tblGrades table tr th {
		background-color: #aaa;
		color: #fff;
	}
	#content .tblGrades table tr td {
		font: 11px Verdana;	
		padding: 6px 3px;
	}
	#content .tblGrades table tr th {
		font: bold 11px Verdana;	
		padding: 3px;
		text-align: left;
	}
	#content .tblGrades table tr td.tbl-bg1 {
		background-color: #efefef;
	}
	#content .tblGrades table tr td.tbl-bg2 {
		background-color: #fdfdfd;
	}
/* (comment form) ------------------------------------------------------------*/
	#formComment textarea {
		width: 80%;
		font: 12px Tahoma;
		padding: 8px;
	}
	#formComment textarea:focus {
		font-weight: bold;
	}
/* (comments) ----------------------------------------------------------------*/
	.comment {
		border: 1px solid #cacaca;
		margin: 6px 0 12px 0;
	}
	.comment div.body {
		padding: 8px;
	}
	.comment:hover {
		border: 1px solid #000;
		background-color: #eaeaea;
	}
	.comment h4 {
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #cacaca;
		font: bold 16px Arial;
		color: #333;
	}
	.comment p.date {
		margin: 4px 0;
		padding: 0;
		font: 11px Arial;
		color: #888;
	}
	.comment p.text {
		font: 12px/18px Verdana;
		color: #111;
		text-align: justify;
		margin: 0 0 0 18px;
		padding: 0 0 0 0;
	}
	.comment p.rated {
		margin: 0 0 0 18px;
		padding: 0;
		font: 12px Verdana;
		color: #777;
	}
	.comment div.existing div.starBlock,
	.comment div.rate div.starBlock {
		padding: 0;
		margin: 0 0 0 0;
		width: 80px;
		float: right;
	}
	.comment div.rate {
		background: url('bg-stripes-lb.gif');
		border-top: 1px solid #cacaca;
		padding: 3px;
		margin: 0;
	}
	.comment div.rate p {
		padding: 0;
		margin: 0;
	} 
/* (intrapage link) ----------------------------------------------------------*/
	a.intraLink {
		color: #000;
		text-decoration: none;
		border-bottom: 1px dotted #000;	
	}
	 

/* (form) --------------------------------------------------------------------*/
	form.formy {
			
	}
	form.formy fieldset {
		margin: 0;
		padding: 0 0 0 12px;
		border: none;
	}
	html>body form.formy fieldset {
		margin: 0;
		padding: 0;
	}
	form.formy legend {
		font: bold 18px Georgia;
		text-transform: uppercase;
		letter-spacing: 4px;
		color: #777;
		padding: 0 0 0 0;
		margin: 0;
		display: block;
		width: 100%;
	}
	#registerForm p {
		padding: 3px;
		margin: 3px;	
	}
	form.formy input.input-text, 
	form.formy input.input-password {
		width: 80%;
		padding: 4px;
	}
	
	form.formy ol {
		padding: 6px 0 0 0;
		margin: 0 0 0 20px;
	}	
	
	form.formy li {
		padding: 0;
		margin: 0 0 12px 0;
		font-size: 14px;
		font-weight: bold;
	}
	
	form.formy ol li {
		list-style: decimal;
	}
	form.formy ol li.none {
		list-style: none;
	}
	
	form.formy li div, 
	form.formy li p {
		font: normal 11px Verdana;
		margin: 0;
		padding: 2px;
	}
	
	form.formy li h3 {
		font-size: 14px;
		color: #333;
		padding: 0;
		margin: 0 0 6px 0;
		border-bottom: 1px solid #eaeaea;
	}
	.header-register {
		background: url('header-join.gif') no-repeat left top;
		width: 400px;
		height: 36px;
		display: block;
		margin-top: 14px;
	}
	legend span {
		display: none;
	}