body {
	background-color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%	
	color:#000;
	padding:0px;
	margin:0px;
}

span{
	display: none;
}

.preload{
	display: none;
}




/* ----------container to center the layout-------------- */
#container {
	width: 500px;
	margin: 0px;
	background-color: #000;

	position: absolute; 
	
	top: 50%; 
    margin-top: -250px; 
	height: 500px;
	
	left: 50%;
	margin-left: -250px; 
	width: 500px;
}


/* ----------banner-------------- */
#banner {
	background: #000 url('images/banner.gif') no-repeat left top;
	text-align: right;
	margin: 0 5px 0 0;
	height: 160px;
	width: 500px;
}


/* --------------left navi------------- */
#left {
	background: #5C4F95 url('images/side.gif') no-repeat left bottom;
	float: left;
	width: 160px;
	margin: 10px 0 0 0;
	padding: 0px;
	height: 330px;
}



#left ul {
	margin: 15px 0px 15px -20px;
	list-style:none;
	font-family: Arial, sans-serif;
}

#left li{
	background: url('images/bullet.gif') no-repeat 0 50%;
	padding: 4px 0 12px 20px;
	font-size: 0.8em;
}


#left a:link{
	color: #BCB6EB;
}

#left a:visited{
	color: #BCB6EB;
}

#left a:hover{
	color: #000;
}

#left a:active{
	color: #BCB6EB;
}

#left a.on{
	color: #000;
}


#left img {
	border: 0px;
}


/* -----------------content--------------------- */

#content {
	background-color: #A299CA;
	padding: 1px 15px 0px 15px;
	margin: 10px 0 0 170px;
	font-size: 0.8em;
}

#contenthome {
	background-color: #000;
	padding: 0px;
	margin: 10px 0 0 170px;
}

#contenthome img {
	border: 0px;
}





div#content { 
	min-height:330px;
}


#tl_home {
	background: url('images/tl_home.gif') no-repeat left top;
	text-align: right;
	margin-top: 30px;
	height: 38px;
}

#tl_sing {
	background: url('images/tl_sing.gif') no-repeat left top;
	text-align: right;
	margin-top: 30px;
	height: 38px;
}

#tl_organ {
	background: url('images/tl_organ.gif') no-repeat left top;
	text-align: right;
	margin-top: 30px;
	height: 38px;
}

#tl_contact {
	background: url('images/tl_contact.gif') no-repeat left top;
	text-align: right;
	margin-top: 30px;
	height: 38px;
}


#content a, a:visited, a:active{
	color: #000;
}

#content a:hover{
	color: #5C4F95;
}

#content a.on{
	color: #5C4F95;
}


/* -----------footer--------------------------- */
#footer {
	clear: both;
	margin: 10px 0 10px 0;
	padding: 0 5px 0 5px;
	text-align: right;
	font-size: 0.7em;
	background-color: black;
	color:#5635B7;
}

.copyright{
	float: left;
	padding-left: 0px;
}

#footer a:link, a:visited, a:hover, a:active{
	color:#5635B7;
}



td {
	padding: 0 8px 16px 0;
}