/* CSS Document */



body {



	margin: 0;

	background: #2a312a;

	padding: 0;



}



a:link { 



font-family: Arial, Helvetica, sans-serif; 

font-size: 14px; 

color: #2A312A;

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

text-decoration: none; 



} 



a:visited {



font-family: arial, San-Serif; 



font-size: 14px; 



font-weight: bold;



color: #2A312A;



text-decoration: none;  



} 



a:hover { 



color: black; 



text-decoration: none;  



}



table.sample {



	border-width: 0px;



	border-spacing: ;



	border-style: none;



	border-color: gray;



	border-collapse: collapse;



	



}



table.sample th {



	border-width: 0px;



	padding: 0px;



	border-style: none;



	border-color: gray;



	-moz-border-radius: ;



}



table.sample td {



	border-width: 0px;



	padding: 0px;



	border-style: none;



	border-color: gray;



	-moz-border-radius: ;



}





.footertext {font-family: "Times New Roman", Times, serif font-size: 12px; color: #FFEE07; font-weight: bold;}



.footertext2 {font-family: arial, San-Serif; font-size: 14px; color: #FFFFFF; font-weight: bold;}



.footertext3 {font-family: arial, San-Serif; font-size: 10px; color: #FFFFFF; font-weight: bold;}



.newsmaintext {font-family: arial, San-Serif; font-size: 12px; color: #003366; }



.newsmaintext2 {font-family: arial, San-Serif; font-size: 12px; color: #000000; }



.footerlinks {font-family: arial, San-Serif; font-size: 10px; color: #FFFFFF; }



.headertitle {font-size: 14px;



	font-family: arial, San-Serif;



	color: #FFCC33;}



.headertitle2 {font-size: 12px;



	font-family: arial, San-Serif;



	color: #2A312A;}	



.linktoptext {

	font-family: arial, San-Serif;

	font-size: 14px;

	font-weight: bold;

	color: #2A312A;

}



.style1 {color: #FFFFFF; font-family: arial, San-Serif; font-size: 12px;}

.style3 {font-family: arial, San-Serif; color: #003366}



.style4 {font-family: arial, San-Serif; font-size: 24px}







.themenu a:link       {color: #8e0018;}



.themenu a:visited    {color: #8e0018;}



.themenu a:hover      {color: black;}



#########################################################

/*{{{ general playlist settings, light gray */



.playlist, .clips {

	width:260px;	

}



.clips a {

	

	display:block;

	background-color:#fefeff;

	padding:12px 15px;

	height:62px;

	width:195px;

	font-size:12px;

	border:1px outset #ccc;		

	text-decoration:none;

	letter-spacing:-1px;

	color:#000;

	cursor:pointer;

}



.clips a.first {

	border-top-width:1px;

}



.clips a.playing, .clips a.paused, .clips a.progress {

	background:url(/img/playlist/light.png) no-repeat 0px -69px;

	width:225px;

	border:0;

}

	

.clips a.progress {

	opacity:0.6;		

}



.clips a.paused {

	background-position:0 0;	

}



.clips a span {

	display:block;		

	font-size:11px;

	color:#666;

}



.clips a em {

	font-style:normal;

	color:#f00;

}	



.clips a:hover {

	background-color:#f9f9fa;		

}



.clips a.playing:hover, .clips a.paused:hover, .clips a.progress:hover {

	background-color:transparent !important;		 

}

/*}}}*/





/*{{{ petrol colored */



.clips.petrol a {

	background-color:#193947;

	color:#fff;

	border:1px outset #193947;

}



.clips.petrol a.playing, .clips.petrol a.paused, .clips.petrol a.progress {

	background:url(/img/playlist/dark.png) no-repeat 0px -69px;

	border:0;

}



.clips.petrol a.paused {

	background-position:0 0;	

}



.clips.petrol a span {

	color:#aaa;

}



.clips.petrol a em {

	color:#FCA29A;

	font-weight:bold;

}	



.clips.petrol a:hover {

	background-color:#274D58;		

} 



.clips.petrol a.playing:hover, .clips.petrol a.paused:hover, .clips.petrol a.progress:hover {

	background-color:transparent !important;		 

}

/*}}}*/





/*{{{ low version */



.clips.low a {	

	height:31px;

}



.clips.low a.playing, .clips.low a.paused, .clips.low a.progress {

	background-image:url(/img/playlist/light_small.png);

	background-position:0 -55px;

}



.clips.low a.paused {

	background-position:0 0;	

}





/*}}}*/





/*{{{ go buttons */



a.go {

	display:block;

	width:18px;

	height:18px;

	background:url(/img/playlist/arrow/up.png) no-repeat;

	margin:5px 0 5px 105px;

	cursor:pointer;

}



a.go:hover, a.go.down:hover {

	background-position:0px -18px;		

}



a.go.down {

	background-image:url(/img/playlist/arrow/down.png);	

}



.petrol a.go {

	background-image:url(/img/playlist/arrow/up_dark.png);		

}



.petrol a.go.down {

	background-image:url(/img/playlist/arrow/down_dark.png);		

}



a.go.disabled {

	visibility:hidden;		

}

.background {
    border-style: none;
    width: 62px;
    height: 58px;
}
.numbers {
    border-style: none;
    background-color: #292929;
    padding: 0px;
    margin: 0px;
    width: 62px;
    height: 42px;
    text-align: center; 
    font-family: Arial; 
    font-size: 34px;
    font-weight: normal;    /* options are normal, bold, bolder, lighter */
    color: #FFFFFF;     /* change color using the hexadecimal color codes for HTML */
}
.title {    /* the styles below will affect the title under the numbers, i.e., “Days”, “Hours”, etc. */
    border: none;    
    padding: 0px;
    margin: 0px 3px;
    width: 62px;
    text-align: center; 
    font-family: Arial; 
    font-size: 10px; 
    font-weight: normal;    /* options are normal, bold, bolder, lighter */
    color: #999999;    /* change color using the hexadecimal color codes for HTML */
    background-color: #000000;  
}
#form {    /* the styles below will affect the outer border of the countdown timer */
    width: 400px;
    height: 80px;
    border-style: ridge;    /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */
    border-width: 2px;
    border-color: #666666;  /* change color using the hexadecimal color codes for HTML */ 
    background-color: #000000;
    padding: 5px;
    margin: 0px auto;
    position: relative;   /* leave as "relative" to keep timer centered on your page, or change to "absolute" then change the values of the "top" and "left" properties to position the timer */
    top: 0px;            /* change to position the timer */
    left: 0px;            /* change to position the timer; delete this property and it's value to keep timer centered on page */
}
.line {
    border-style: none;
    width: 62px; 
    height: 2px;
    z-index: 15;
}


/*}}}*/
