/* Global tCrystal Styles */


html {
	margin: 0; 	
	padding: 0; 
	overflow: hidden; 
	width: 100%;
	height: 100%;
	}

body {
	margin: 0px; 
	overflow: hidden; 
	width: 100%; 
	height: 100%;
	background-image:url(sky.gif);
	}

#page {
	width: 100%; 
	width: 100%; 
	height: 100%; 
	overflow: hidden;
	}

#nav_pan {
	position: absolute;
	top: 168px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 0px;
	margin: 0px;
	width: 292px;

 	heigth: 100%; 
	height: expression(document.body.offsetHeight-168); 
/*	height: 100%; */
	}


#header {
	height: 168px;
	vertical-align: top;
	text-align: center;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	overflow: hidden;
	}
	
#flash_head {
	padding: 0px; 
	margin: 0px; 
	height: 80px; 
	width: 100%;
	}
	
#main_body {
	margin: 0px;
	bottom: 20px;
	left: 300px;
	right: 0px;
	top: 168px;
	padding: 0px;
	
	overflow: auto;
	position: absolute;
	trasnsparency: 100%;

	
		


	width: expression(document.body.offsetWidth-292-5-8);
	height: expression(document.body.offsetHeight-168-5);
	background-image: url(transparent_1x1.gif);
	}

a {
	text-decoration:none;
	color: #0066CC;
/*	border-bottom: solid 1px #0000cc; */
	}
	
a:hover {
	text-decoration:none;
	border-bottom: solid 1px #009900;
	color: #009900;
	}
	
.langsel {
	text-decoration:none;
/*	border-bottom: solid 1px #33CCFF; */
	font-size: 12px;
	color: #33CCFF;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 8px;
	}
	
.langsel:hover {
	text-decoration:none;
	border-bottom: solid 1px #FFFFFF; 
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 8px;
	}	
	
#navigation a {
	font:12px arial;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:0.1em;
	line-height:16px;
	display:block;
	padding:10px;
	border: 0pt solid rgb(20,40,95);
	border-right-width: 0px;
	border-left-width: 0px;
	text-align: right;
	}
	
#navigation a:hover {
	color:#00FF00;
	border-top: 1px #FFFFFF;
	border-color: #FFFFFF;
	border-bottom: 1px #FFFFFF;
	}
		

#innerpage {margin: 6px;}
#innerpage {width: expression(document.body.offsetWidth-302);}
#search_pan {margin: 0px; width: 100%;padding: 2px;}
#sign_span {text-align: left;font-size: 9px;}
#bottom_pan {position: absolute; margin: 0px; height: 28px; overflow: hidden; text-align: center; bottom: 0px; left: 250px; right: 0px;overflow:hidden; border-style : solid none none; border-width : 1px medium medium; border-top-color : #818181;}

td {
	font:12px arial;
	color:#33FF99;
	}
	
hr {
border:0px; size: 1px; color: #33ccff; background-color:#33ccff; height:1px; width: 100%; text-align: left;
/*	border: 0px; 
	border-bottom: solid #33ccff;
	padding-bottom: 0px;
	background-color: #33ccff;
	height: 1px; 
	width: 100%; 
	size: 1px;
	text-align: center; */
	}
	
	
/* ID Styles */


#sidebarHeader {
	padding: 0px 4px 14px 4px;
	}

.logo {
	font:18px ARIAL;
	color: #33FF00;
	line-height:24px;
	letter-spacing:0.4em;
	}

#tagline {
	font:12px georgia;
	color: #FFFFFF;
	line-height:18px;
	letter-spacing:0.4em;
	}
	
#dateformat a {
	color:#33CC00;
	font:11px georgia;
	color: #99CCFF;
	letter-spacing:0.2em;
	text-decoration:none;
	font-weight:bold;
	}
	
#dateformat a:hover {
	color: #ffffff;
	}

/* Class Styles */

.bodyText {
	color:#000000;
	line-height:20px;
	letter-spacing:0.1em;
	margin-top:0px;
	font-family: georgia;
	font-size: 12px;
	text-align: justify;
	}
	
.pageName{
	font:22px georgia;
	color: #000000;
	line-height:30px;
	letter-spacing:0.1em;
	font-weight: bold;
	padding-bottom: 12px;
/*	padding-bottom: 6px; */
	}
	
.subHeader {
	font:16px georgia;
	color: #CC3300;
	font-weight:bold;
	letter-spacing:.1em;
	line-height:16px;
	}	
	
.sidebarHeader {
	font:14px georgia;
	color: #000000;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:16px;
	}	
	
.detailText {
	font:11px arial;
	color:#ffffff;
	line-height:16px;
	letter-spacing:.1em;
	}
	
.smallText {
	font:10px arial;
	}
	
.divider {

	font-size: 12px;
	color: #33ccff;
	padding-bottom: 0px;
}

.hlink_m {
	font-size: 12px;
	color: #0000FF;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 2px;
	font-weight: bold;
}
.clockStyle {
	font-size: 12px;
	color: #000000;
	font-family: "Courier New", Courier, monospace;
	border-width: 0;
	font-weight: normal;
	text-align: center;
	letter-spacing: normal;
	background-color: #CCFFCC;
	cursor: default;
}
li {
	list-style-type: circle;
	list-style-image: url(green_bullet.gif);
	line-height: 20px;
}
.hlink_m2 {
	font-size: 12px;
	color: #3366FF;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom: 2px;
	font-weight: bold;
	text-decoration: none;
}
.hlink_m2:hover {

	font-size: 12px;
	color: #33CCFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom: 2px;
	font-weight: bold;
}
.mp3table {
    border-collapse:collapse;
	width: 100%;
}

.mp3name {
    text-align:right;
    padding: 10px;
	border-bottom:solid 1px #CCCCCC;
}

.mp3desc {
    text-align:left;
    color:#000000;
    padding: 10px;
	border-bottom:solid 1px #CCCCCC;

}
.mp3size {
    text-align:right;
    color:#000000;
    padding: 10px;
	border-bottom:solid 1px #CCCCCC;

}