@charset "UTF-8";
/* CSS Document */

img { border:none}

body 
	{
	color: white;
	background-color: #FFFFF;
	margin: 0px;
	font-size:0.7em;
	font-family: Verdana, Geneva, Arial, sans-serif;
	}

#horizon        
	{
	color: white;
	background-color: #FFFFF;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}

#content    
	{
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: #FFFFF;	
	margin-left: -510px;
	position: absolute;
	top: -293px;
	left: 50%;
	width: 1020px;
	height: 576px;
	visibility: visible;
	z-index:1; border-bottom:solid #000000 17px; border-right:solid #000000 10px; border-top:solid #000000 17px; border-left:#000000 1px solid;
	}
	
	
#tweets {position: absolute;
	left:1232px;
	top:217px;
	z-index:200;
	width:130px;
	background:#000000;
	height:100px; font-size:80%; clear:both; }	
	
#ImageofTheDay {position: absolute;
	left:215px;
	top:580px;
	z-index:200;
	width:300px;
	border:;
	text-align:left;
	background:url(../images/day/logo.png); background-repeat:no-repeat;
	height: 50px; font-size:80%; float:left;}
	
#label {position: absolute;
	left:110px;
	top:40px;
	z-index:200;
	width:90px;
	height: 16px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;
	}
	

/* SPOTLIGHT PICTURE STYLE START */
	
.spotlightWrapperGraphics ul {  
    list-style-type: none; padding: 0px; padding-top:40px; margin-left:32px;
 
}  
.spotlightWrapperGraphics ul li {  
    float:left; /* important: left float */  
}  
.spotlightWrapperGraphics ul li a img {  
    width:120px; /* you don't need this, i just rescaled the images they are bigger then i want them to be ' */  
    position:relative; /* so we can use top and left positioning */  
    border: #000000 solid px;
	height:170px; /* remove the default blue border */  
}  
.spotlightWrapperGraphics ul li a img.active {  
     /* choose whatever you like */  
    z-index:1; /* show it on top of the other images (they have z-index 0) */  
    left: -4px; /* same as border width but negative */  
    top: -4px; /* same as border width but negative */  
}  
.clear { clear:both; } 


/* SPOTLIGHT PICTURE STYLE END */



/* SPOTLIGHT PICTURE STYLE START */
	
.spotlightWrapper ul {  
    list-style-type: none; padding: 0px; padding-top:40px; margin-left:45px;
 
}  
.spotlightWrapper ul li {  
    float:left; /* important: left float */  
}  
.spotlightWrapper ul li a img {  
    width:180px; /* you don't need this, i just rescaled the images they are bigger then i want them to be ' */  
    position:relative; /* so we can use top and left positioning */  
    border: #000000 solid px;
	height:230px; /* remove the default blue border */  
}  
.spotlightWrapper ul li a img.active {  
     /* choose whatever you like */  
    z-index:1; /* show it on top of the other images (they have z-index 0) */  
    left: -4px; /* same as border width but negative */  
    top: -4px; /* same as border width but negative */  
}  
.clear { clear:both; } 


/* SPOTLIGHT PICTURE STYLE END */





#menu-holder a:link, a:visited 
	{
	color: #FFFFFF;
	text-decoration: none
	}

#menu-holder a:hover 
	{
	color: #33FF00;
	text-decoration: none
	}
	
	#content-holder  a:link, a:visited 
	{
	color: #FFFFFF;
	text-decoration: none
	}

#content-holder  a:hover 
	{
	color: #ccc;
	text-decoration: none
	}


	
	#menu-holder {
	position: absolute;
	left:-130px;
	top:50px;
	z-index:200;
	width:130px;
	color:#FFFFFF;
	text-align:left; background-color:#000000;
	height: 130px; font-size:80%; 
	border:
}

	#menu-holder1 {
	position: absolute;
	left:54px;
	top:180px;
	z-index:200;
	width:130px;
	color:#000000;
	text-align:left;
	background:url(../images/white-bg.png);
	height: 130px; font-size:80%;
opacity:0.5;}



	#content-holder {
	position: absolute;
	left:431px;
	top:180px;
	z-index:200;
	width:522px;
	color: #000000;
	text-align:left;
	line-height:1.5em;
	height: 335px;
	padding:10px;
	font-size:80%;
}


	#content-holderWeb {
	position: absolute;
	left:10px;
	top:180px;
	z-index:200;
	width:522px;
	color: #000000;
	text-align:left;
	line-height:1.5em;
	height: 335px;
	padding:10px;
	font-size:80%;
}



#content-holder-image {
	position: absolute;
	left:20px;
	top:200px;
	z-index:200;
	width:522px;
	color:#000000;
	text-align:left;
	background:url(../images/white-bg.png);
	line-height:1.5em;
	height: 335px;
	padding:10px;
	font-size:80%;
}


	#menu-holder ul { margin:0px; padding:0px;}
	#menu-holder li { list-style:none; padding:5px 5px 5px 5px; text-align:right;}
	
	#menu-holder ul li ul { margin:0px; padding:0px; margin-top:6px;}
	#menu-holder ul li ul li { list-style:none; padding:3px 0px 0px 8px;}
	
	p { margin:0px 0px 10px 0px}


#menu-holder a.current { color: #333333;}