day=new Date()     //..get the date

x=day.getHours()    //..get the hour

if(x>=0 && x<4) {
	
  	document.write('<style type="text/css">body { background:url(images/background.png) repeat-x #EEEEEE ;color: black}</style>')
	
	document.write('<style type="text/css">A:link {color:#003399; text-decoration: none; }</style>')
	document.write('<style type="text/css">A:visited {color: #003399; text-decoration: none; }</style>')
	
	document.write('<style type="text/css">.myCalendarTitle {background-color:#003399;  }</style>')
	document.write('<style type="text/css">.myCalendarDAYStoday {background-color:#003399;  }</style>')
	document.write('<style type="text/css">.myCalendarTopRow {background-color:#003399;  }</style>')
	document.write('<style type="text/css">.myCalendarArrows {background-color:#003399;  }</style>')

	
} else

if(x>=4 && x<9) {

   	document.write('<style type="text/css">body{ background:url(images/background.png) repeat-x #EEEEEE ; color: black}</style>')
		
	document.write('<style type="text/css">A:link {color:#003399; text-decoration: none; }</style>')
	document.write('<style type="text/css">A:visited {text-decoration: none; }</style>')
	
	document.write('<style type="text/css">.myCalendarTitle {background-color:#003399;  }</style>')
	document.write('<style type="text/css">.myCalendarDAYStoday {color:white;background-color:#003399;  }</style>')
	document.write('<style type="text/css">.myCalendarTopRow {background-color:#003399;  }</style>')
	document.write('<style type="text/css">.myCalendarArrows {background-color:#003399;  }</style>')

	
	
} else


if(x>=9 && x<12) {

  
   


	document.write('<style type="text/css">body{ background:url(images/background.png) repeat-x #EEEEEE ; color: black}</style>')
	
	document.write('<style type="text/css">A:link {color:#4169E1; text-decoration: none; }</style>')
	document.write('<style type="text/css">A:visited {color: #4169E1; text-decoration: none; }</style>')

	document.write('<style type="text/css">.myCalendarTitle {background-color:#4169E1;  }</style>')
	document.write('<style type="text/css">.myCalendarDAYStoday {background-color:#4169E1;  }</style>')
	document.write('<style type="text/css">.myCalendarTopRow {background-color:#4169E1;  }</style>')
	document.write('<style type="text/css">.myCalendarArrows {background-color:#4169E1;  }</style>')


	
	
} else


if(x>=12 && x<18) {

   	document.write('<style type="text/css">body { background:url(images/background.png) repeat-x #EEEEEE ; color: black}</style>')
	
	document.write('<style type="text/css">A:link {  color:#0066cc; text-decoration: none; }</style>')
	document.write('<style type="text/css">A:visited { color:#0066cc; text-decoration: none; }</style>')
	
	document.write('<style type="text/css">.myCalendarTitle {background-color:#6c9fff;  }</style>')
	document.write('<style type="text/css">.myCalendarDAYStoday {background-color:#6c9fff;  }</style>')
	document.write('<style type="text/css">.myCalendarTopRow {background-color:#6c9fff;  }</style>')
	document.write('<style type="text/css">.myCalendarArrows {background-color:#6c9fff;  }</style>')


	
} else

if (x>=18 && x<20) {


	
	document.write('<style type="text/css">body {  background:url(images/background.png) repeat-x #EEEEEE ; color: black}</style>')
	

 	document.write('<style type="text/css">A:link { color:#000066; text-decoration: none; }</style>')
	document.write('<style type="text/css">A:visited { color:#000066; text-decoration: none; }</style>')
	
	
	document.write('<style type="text/css">.myCalendarTitle {background-color:#000066;  }</style>')
	document.write('<style type="text/css">.myCalendarDAYStoday {background-color:#000066;  }</style>')
	document.write('<style type="text/css">.myCalendarTopRow {background-color:#000066;  }</style>')
	document.write('<style type="text/css">.myCalendarArrows {background-color:#000066;  }</style>')

	

} else

if (x>=20 && x<21) {


   	document.write('<style type="text/css">body{ background:url(images/background.png) repeat-x #EEEEEE ; color: black}</style>')
	
	document.write('<style type="text/css">A:link { color:#660000; text-decoration: none; }</style>')
	document.write('<style type="text/css">A:visited { color:#660000; text-decoration: none; }</style>')
	
	document.write('<style type="text/css">.myCalendarTitle {background-color: #660000;  }</style>')
	document.write('<style type="text/css">.myCalendarDAYStoday {background-color: #660000;  }</style>')
	document.write('<style type="text/css">.myCalendarTopRow {background-color: #660000;  }</style>')
	document.write('<style type="text/css">.myCalendarArrows {background-color: #660000;  }</style>')

	
	
} else

if (x>=21 && x<24) {
				

   	document.write('<style type="text/css">body{ background:url(images/background.png) repeat-x #EEEEEE ; color: black}</style>')
	
	document.write('<style type="text/css">A:link { color:#57572C; text-decoration: none; }</style>')
	document.write('<style type="text/css">A:visited { color:#57572C; text-decoration: none; }</style>')
	
	document.write('<style type="text/css">.myCalendarTitle {background-color: #57572C;  }</style>')
	document.write('<style type="text/css">.myCalendarDAYStoday {background-color: #57572C;  }</style>')
	document.write('<style type="text/css">.myCalendarTopRow {background-color: #57572C;  }</style>')
	document.write('<style type="text/css">.myCalendarArrows {background-color: #57572C;  }</style>')

}