
/* CSS Document by Ted Pedersen For Teen Kids News */

body {
	background:url(http://www.teenkidsnews.com/images/vg-bg.png) repeat-x #06F;
}
.style1 {color: #0066CC}td img {display: block;}td img {display: block;}td img {display: block;}
<!--Ted's CSS -->
#navdiv{
background:url(http://www.teenkidsnews.com/images/nav-bg.jpg) repeat-x;
width:970px;
height:40px;
border:#FFFF99;
border-style:solid;
border-width:thin;
margin:0;
padding:0;

}	
ul#nav {
margin:0;
padding:0;
height:40px;
list-style:none;
position:relative;
z-index:10;
}
ul#nav li {
float:left;
position:relative;
background:url(http://www.teenkidsnews.com/images/nav-bg.jpg) repeat-x;
}

ul#nav li a {
color:#0066CC;
text-decoration:none;
display:block;
padding:10px 30px;
font-size:.8em;
font-weight:bold;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

ul#nav li a:hover {
background:url(http://www.teenkidsnews.com/images/nav-bg-hover.jpg) repeat-x;
color:#FFF;
}

ul#nav ul {
display:none;
margin:0;
padding:0;
list-style:none;
background:url(images/nav-bg.jpg) repeat-x;	
width:225px; /* Declare a width for dropdown menus */
}

ul#nav li:hover, ul#nav li.over {
background:url(images/nav-bg.jpg) repeat-x;

}

ul#nav li:hover ul, ul#nav li.over ul {
display:block;
position:absolute;

}

ul#nav ul li {
float:left;
width:225px; /* Should equal the total width of the dropdown menu declared */
}


#footerdiv{
	background-color:#C2E85E; padding:0; margin:0}
.footer{
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	color:#0066CC;
	text-align:center;
	}
	.footer a:hover{
	color:#333;
	}
	.copy{
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		color:#333;
		font-weight:bold;
		text-align:center;
		margin:0;
		}

#vgclick{
background:url(http://www.teenkidsnews.com/images/nav-bg.jpg) repeat-x;	
width:100%;
height:40px;
margin:0 0 0 0;
padding:3px 0 0 0;
}
.vghome{
	font-size:25px;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#06F;
	padding:0 20px;
	margin:0;}	

.vghome a:hover{
color:#fff;
}

#headerdiv{
background:url(http://www.teenkidsnews.com/images/nav-bg-hover.jpg) repeat-x;	
width:100%;
height:40px;
margin:0 0 0 0;
padding:3px 0 0 0;
}
.header{
	font-size:25px;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	padding:0 20px;
	margin:0;}
	hr{
		width:40%; color:#FF0;}
#container{
	margin:0;
	padding:0;
	height:100%;
	width:970px;
border:#06F;
border-style:solid;
border-width:medium;
	}
	img{
		border:#BAE266 solid thick}
	.noborder{
		border:none;}

p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#333;
		padding:10px 20px;
	margin:0;}

/*Tabbed Nav*/	
#time4bed-nav{z-index:1;position:relative;height:43px;font-size:15px;text-transform:uppercase;background:#fff url("http://www.teenkidsnews.com/images/time4bed_bg.gif") repeat-x bottom left;font-family:Verdana, Geneva, sans-serif;}
#time4bed-nav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#time4bed-nav ul li{display:block;float:left;margin:0 2px;}
#time4bed-nav ul li a{display:block;float:left;color:#333;text-decoration:none;padding:0 0 0 25px;height:43px;line-height:50px;}
#time4bed-nav ul li a span{display:block;float:left;padding:0 25px 0 0;height:31px;width:auto;}
#time4bed-nav ul li a:hover{color:#fff;}
#time4bed-nav ul li a:hover span{display:block;cursor:pointer;}
#time4bed-nav ul li a.current,#time4bed-nav ul li a.current:hover{color:#06F; font-weight:bold;background:transparent url("http://www.teenkidsnews.com/images/time2bed_left-ON.gif") no-repeat top left;}
#time4bed-nav ul li a.current span{background:transparent url("http://www.teenkidsnews.com/images/time2bed_right-ON.gif") no-repeat top right;height:43px;}
