.images-pad-l {
	padding-left: 5px;
	padding-bottom: 5px;
}



.images-pad-r {
	padding-right: 5px;
	padding-bottom: 5px;
}


.header {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	font-style: normal;
}

.index {
	font-family: Verdana;
	font-size: 11px;
	color: #3c3c3c;
	font-style: normal;
}


.shortcuts {
	font-family: Verdana;
	font-size: 10px;
	color: #777777;
	text-align: center;
	font-style: normal;
}

.caption {
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	font-style: normal;
}

.footer {
	font-family: Verdana;
	font-size: 11px;
	color: #777777;
	font-style: normal;
}

body,td,th {
	font-family: Verdana;
	margin: 0 0 0 0;
	}
	
	a:link {
	color: #8d381d;
	text-decoration: none;
	}
	
	a:visited {
	text-decoration: none;
	color: #8d381d;
	}
	
	a:hover {
	color: #8d381d;
	}
	
	a:active {
	text-decoration: none;
	color: #8d381d;
	}
	
.tls-grey {
	width: 29px;
	height: 48px;
	background-image:url(../images/tls-grey.png);
	}
	
.tls-greylite {
	width: 29px;
	background-color: #e3e3e3;
		}
		
.tls-separator {
	width: 1px;
	background-image:url(../images/separator.png);
		}

.tls-maroonlite {
	width: 29px;
	background-color: #6A0A0B;
		}		

.tls-footer {
	background-color: #7d7d7d;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
		}
		
.section-head {
	font-size: 20px;
	color: #444444;
	}
	
.section-text {
	font-size: 11px;
	color: #3c3c3c;
	}

.section-text-highlight-a {
	font-size: 11px;
	color: #6A0A0B;
	text-decoration: none;
	}

.section-text-highlight {
	font-size: 11px;
	font-weight: bold;
	color: #6A0A0B;
	}
	
.menubar-layout {
	height: 50px;	background-image:url(../images/menu-bkgd.png);
		}		
		


#sddm{
	margin: 0;
	padding: 0;
	z-index: 100;
	}

#sddm li{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 16px Verdana;
	
	}

#sddm li a
{	display:inline-block;
	margin: 0 7px 0 0;
	padding: 10px 25px;
	color: #404040;
	text-align: center;
	text-decoration:none;
	
	}

#sddm li a:hover
{	background-image:url(../images/menu-bkgd-hover.png);
	color: #ffffff;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 1;
	padding: 1;
	background-image: url(../images/menu-bkgd.png);
	border: 1px solid #404040;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 7px 19px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		vertical-align:middle;
		text-decoration: none;
		background-image: url(../images/menu-bkgd.png);
		color: #555555;
		font: 12px verdana;
		}

	#sddm div a:hover
	{	background-image: url(../images/menu-bkgd-hover.png);
		color: #ffffff;}
		


#menu {
    background-image: url(images/menu-bkgd.png);
	background-repeat:repeat;
    font-family: Verdana;
	font-size: 15px;
    }
#menu, #menu ul {
    float:left;
    list-style:none;
    line-height:1.2em;
    padding:0;
    border:none;
    margin:0;
    }

#menu a {
	cursor : pointer;
    display: block;
    white-space : nowrap;
    color:#000000;
    text-decoration:none;
    font-size : 15px;
	padding:0.35em 1em;
    }

#menu li {
    float:left;
    padding:0;;
	/* font-weight:bold; */ /* Edited by Hidayat */ 
	display : inline;

    }
#menu ul {
	background-image: url(images/menu-bkgd.png);
    position:absolute;
    left:-999em;
    height:auto;
    width:220px;
    }

#menu li li {
    font-family:Verdana;
    background-image: url(images/menu-bkgd-3.png);
    font-weight : normal;
    width : 340px;
    }
#menu li li a {
    font-size:14px;
    color : #000000;
    cursor : pointer;
    width: 100%;
    }
/*third level menu position*/
#menu li ul ul {
    margin:-25px 0 0 217px;
    }
#menu li li:hover{
    background-color: #990000;
    color: #000000;
    margin: 0px;
    }
#menu li li.sfhover{
    background-color: #990000;
    color: #000000;
    margin: 0px;
    }
#menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a {
    color:#ffffff;
    }
/*added by sylvia*/
#menu li ul li,sfhover a, #menu li ul li li.sfhover a, #menu li ul li li li.sfhover a, #menu li ul li li li.sfhover a {
    color:#000000;
    }
#menu li:hover a, #menu li.sfhover a {
    color:#FFFFFF;
    }
#menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a {
    color:#000000;
    }
/*added by sylvia*/
#menu li.sfhover li a, #menu li li.sfhover li a, #menu li li li.sfhover li a, #menu li li li li.sfhover li a {
    color:#000000;
    }
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul {
    left:-999em;
    }
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul {
    left:auto;
    background: #990000;
    }
#menu li:hover, #menu li.sfhover {
    background:#990000;
    }
#menu li li:hover a, #menu li li.sfhover a {
    color:#FFFFFF;
    }
/* Support for the "iehover-fix.js" */

* html ul.menu iframe , * html ul #menu iframe{
  position: absolute;
  /* account for the border */
  left: -0.25em;
  top: -0.25em;
  z-index: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

/* this is for IE 5.0*/
select.hide { visibility: hidden; }

/*arrow image for menu that has child*/
#menu #arrow { background: transparent url(../images/b_arrow.gif) no-repeat right 100%;}
#menu #arrow:hover { background: #990000 url(../images/j_arrow.png) no-repeat right 100%;}
#menu #arrow.sfhover { background: #990000 url(../images/j_arrow.png) no-repeat right 100%;}


img {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

.edit-font-head {
	font-family: Verdana;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	padding-left: 10px;
	font-style: normal;
}
.edit-font-text {
	font-family: Verdana;
	font-size: 11px;
	color: #333333;
	padding-left: 10px;
	font-style: normal;
}


.news-a {
	font-size: 11px;
	color: #6A0A0B;
	text-decoration: underline;
	}
	
.news-a:hover {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	background-color: #6A0AOB;
	}


.news {
	font-size: 11px;
	font-weight: bold;
	color: #6A0A0B;
	}