body    { 	margin-top: 0em ;  
	margin-left: 0px;
	margin-bottom: 0px;
	background: #F7EFCE url(vancimages/reka.gif);
	}


a:link  { font: 12/16px Arial, Helvetica, sans-serif; color: #000066 }
a:visited  { font: 12/16px Arial, Helvetica, sans-serif; color: #000066 }
a:hover, a.regular:active    {font: 12/16px Arial, Helvetica, sans-serif; color:#ffffff; background: #000066; text-decoration: none }


td.hd { 
color:#000;
background:#FFC784;
vertical-align:top;
}

ul li      { list-style-type:circle; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12/16px; 
	color: #003366;  
	list-style-image:url(images/li.gif) }


ul.letters li      { list-style-type:lower-alpha; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12/16px; 
	color: #003366;  
	 }

td,p      { font: 12px/17px Arial, Helvetica, sans-serif;
	color: #003366; }


.pina_right {background:url(images/pina_right.gif) no-repeat bottom right;
}


#content {padding-right:13px;
	padding-bottom:13px;
	vertical-align:top;
	text-align:left;
}
#content td {
	vertical-align:top;
}

/*```````````````````````````````````timetable classes`````````````````````````````*/
#content #tt td.bord {
	vertical-align:top;
font:10px/12px verdana,Arial, Helvetica, sans-serif;
background-color:#F5EECF;
background:#F5EECF;
}

#content #tt td.bordLeft{
	vertical-align:top;
font:10px/12px verdana,Arial, Helvetica, sans-serif;
background-color:#F5EECF;
background:#F5EECF;
}
#content #tt td.bordLeft  p, #content #tt td p {
	vertical-align:top;
font:10px/12px verdana,Arial, Helvetica, sans-serif;
background-color:#F5EECF;
background:#F5EECF;
}
#content #tt td.bordTop {
	vertical-align:top;
font:10px/12px verdana,Arial, Helvetica, sans-serif;
background-color:#F5EECF;
background:#F5EECF;
}
#content #tt td  p {
	vertical-align:top;
font:10px/12px verdana,Arial, Helvetica, sans-serif;
background-color:#F5EECF;
background:#F5EECF;
}
#content #tt td.bordDay{
	vertical-align:top;
font:10px/12px verdana,Arial, Helvetica, sans-serif;
font-weight:bold;
}
#content #tt td.bordTim{
	vertical-align:top;
font:10px/12px verdana,Arial, Helvetica, sans-serif;
font-weight:bold;
}


#content #tt table.maintt{
	vertical-align:top;
font:10px/12px verdana,Arial, Helvetica, sans-serif;
font-weight:bold;
}


#content #tt ul, #content #tt  li {
	text-align:left;
vertical-align:top;
font:10px/12px verdana,Arial, Helvetica, sans-serif;
list-style-type:disc;
}
/*```````````````````````````````````end of timetable classes`````````````````````````````*/

h4 { font:15px/16px  "Trebuchet MS",Georgia,sans-serif; 
font-weight:900;
color:#C13234;

}

h5 { font:13px/15px  "Trebuchet MS",Georgia,sans-serif; 
font-weight:900;
letter-spacing:1px;
color:#7E3637;

}

strong.bigger {font:13px/15px  "Trebuchet MS",Georgia,sans-serif; 
font-weight:900;
letter-spacing:1px;
color:#7E3637;
}
.leftMENU {vertical-align:top;
}

#LeftMenu {
	margin: 0px 0px 0px 0px;
	position:absolute;
	top:110px;	
	padding: 0px;
	border-right:2px solid #E0CFB9;
	border-bottom:2px solid #E0CFB9;
	background-color :transparent;
	float: left;
	width:155px;
	
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:155px;
	}
	/* Again, "be nice to Opera 5". */
	body>#LeftMenu {width:155px;}

#LeftMenu ul, #LeftMenu li{
		display: inline; 
		list-style: none;
		}
 #LeftMenu li a, #LeftMenu a { 
		font:10px/17px verdana, arial, georgia, sans-serif;
		display: block;
		text-decoration: none; 
		color: #000;
		padding: 5px 3px 3px 5px;
		border-top: 1px solid #FFFAC2;
		border-right: 1px solid #693030;
		border-bottom: 1px solid #693030;
		border-left: 1px solid #FFFAC2;
		text-align: left;
		/*width : 150px;*/
 		font-weight: normal;
		background: #FDC786 url(vancimages/grad1.gif) bottom right repeat-x ;
		}
#LeftMenu li a:hover, #LeftMenu li a:active { 
	border-top: 1px solid #FDC689;
	border-right: 1px solid #F68E56;
	border-left: 1px solid #FDC689;
		background: #FDC689 url(vancimages/grad2.gif) bottom right repeat-x ;
	text-align:left;
		}
#LeftMenu li.aging4 a, #LeftMenu a.aging4 { 
		font:10px/13px verdana, arial, georgia, sans-serif;
		display: block;
		text-decoration: none; 
		color: #000;
		padding: 5px 3px 3px 5px;
		border-top: 1px solid #FFFAC2;
		border-right: 1px solid #693030;
		border-bottom: 1px solid #693030;
		border-left: 1px solid #FFFAC2;
		text-align: left;
		/*width : 150px;*/
 		font-weight: normal;
		background: #efdb94;
		}
#LeftMenu li.aging4 a.aging4:hover, #LeftMenu li.aging4 a.aging4:active { 
	border-top: 1px solid #FDC689;
	border-right: 1px solid #F68E56;
	border-left: 1px solid #FDC689;
		background: #fffcc;
	text-align:left;
		}

 
.pic { padding-left:20px;
 	padding-top:20px;
}


#BOTMenu {
	color:#7E3637;
	background:transparent;
	text-align:center;
	padding-top:13px;
	margin-bottom:0px;
	margin-left:150px;

}

#BOTMenu a:link {font:10px/12px verdana, arial, georgia, sans-serif;color:#7E3637; text-decoration:none}
#BOTMenu a:visited {font:10px/12px verdana, arial, georgia, sans-serif;color:#7E3637; text-decoration:none}
#BOTMenu a:hover {font:10px/12px verdana, arial, georgia, sans-serif;color:#7E3637; text-decoration:underline;background:#ccc;}



.small {font-family: verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000;
padding-bottom:5px;}

.smallB {font-family: verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #003366;
padding-bottom:5px;}

.smallC {font-family: verdana, Helvetica, sans-serif; font-size: 8px; font-weight: normal; color: #003366;}

.copy {font-family: verdana, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #86673C;
padding-bottom:5px;}
.smallDark {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF}
hr    { color: #ccc; size:1px }