/* Billy's CSS Navbar */	
body {
    margin:0;
    padding:0;
    font: 100%/1.4 arial,helvetica,sans-serif;
    background:#000;
}
h1 {
    font-size:1.6em;
    margin:.5em 0 1em;
    text-align:center;
}
 
/*==== Begin Nav Styles ====*/
#nav, #nav ul {
    width:576px;
    height:60px;
    margin:0 auto;
    padding:0;
    list-style:none;
    background: url(Images/spritetest.png) no-repeat 0 0;
}
#nav li {
    float:left;
    position:relative;
}
#nav a {
    float:left;
    position:relative;
    height:60px;
    text-decoration:none;
    font:bold .9em/60px arial,helvetica,sans-serif;
    text-align:center;
    color:#FFF;
}
#nav a:active,
#nav a:focus,
#nav a:hover { /*style for images off */
    color:#000;
/*    background:#0F0; */
    text-decoration:underline;
    cursor:pointer; /* IE6/7 need this */
}
/*--- Set z-indexes manually for IE ---*/
#home {z-index:6}
#newsCSERVICES {z-index:5}
#service {z-index:4}
#serviceheld {z-index:4}
#store {z-index:3}
#network {z-index:2}
#about {z-index:1}
 
/* all the anchor widths change on hover */
#home a {width:102px;}
#newsCSERVICES a {width:75px;}
#service a {width:114px;}
#serviceheld a {width:114px;}
#store a {width:85px;}
#network a {width:106px;}
#about a {width:94px;}
 
/* increase widths by 8px on hover */
#home a:hover {width:110px; margin-right:-8px;}
#newsCSERVICES a:hover {width:83px; margin-right:-8px;}
#service a:hover {width:122px; margin-right:-8px;}
#serviceheld a:hover {width:122px; margin-right:-8px;}
#store a:hover {width:93px; margin-right:-8px;}
#network a:hover {width:114px; margin-right:-8px;}
 
#nav a span {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:56px;/*image height*/
	font-size:0;
}
 
#home a span {background:url(Images/spritetest.png) no-repeat 0 0;}
#newsCSERVICES a span {background:url(Images/spritetest.png) no-repeat -102px 0;}
#service a span {background:url(Images/spritetest.png) no-repeat -177px 0;}
#serviceheld a span {background:url(Images/spritetest.png) no-repeat -177px -180px;}
#store a span {background:url(Images/spritetest.png) no-repeat -291px -180px;}
#network a span {background:url(Images/spritetest.png) no-repeat -376px  0;}
#about a span {background:url(Images/spritetest.png) no-repeat -482px 0;}
 
#home a:hover span {
    width:110px;
    background-position:0 -60px;
}
#newsCSERVICES a:hover span {
    width:83px;
    background-position:-102px -476px;
}
#serviceheld a:hover span {
    width:122px;
    background-position:-177px -180px;
}
#service a:hover span {
    width:122px;
    background-position:-177px -180px;
}
#store a:hover span {
    width:93px;
    background-position:-291px -534px;
}
#network a:hover span {
    width:114px;
    background-position:-376px  -300px;
}
#about a:hover span {
    width:102px;
    background-position:-482px -360px;
}
/*==== Dropdown Styles ====*/
#nav ul {
    position:absolute;
    top:50px; /* how close drop down is to Network */
    left:0px;
    width:114px;
    height:100px;
    margin:0 0 0 -999em;/*hide the dropdown*/
/*    background:url(Images/key.png); */
	background-image:none; 
/*    background-color:#000000; */
}
#nav li:hover ul,
#nav li.sfhover ul {
    margin-left:0;/*reveal the dropdown*/
}
#nav li#network:hover span,
#nav li#network.sfhover span{ /*hold the BG image open on the sublist parent*/
    width:114px;
    background:url(Images/sprite.png) no-repeat -376px -300px;
}
/*
#nav li#network li a {
	height:35px;
	width:114px;
	padding:15px 0px 1px;
	/*    background:none; */
 /*   color:#66FF66;
	text-align:center;
	font:bold .9em/1.5 arial;
	background-image: url(Images/forumstest.png);
}
/*
#nav li#network li a:hover {
/*    background:#0f0; */
/*	background:url(Images/forumover.png);
    color:#000000;
    text-decoration:none;
}*/
#nav li:hover a,
#nav a:hover
{background-position: 0 50px;}

#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:47px; width:114px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:50px; position:relative; float:left; width:114px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:50px; width:114px; border:none;text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.forums {
	background-image: url(Images/forumstest.png);
}
#nav :hover ul li a.contact {
	background-image: url(Images/contact.png);
}

#nav :hover ul.sub li a:hover 
{background-position: 0 0px; position:relative;}
#nav :hover ul.sub li a:hover b {left:20px; top:15px; background:#FFF; color:#CC3300;display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}

img.absposition {
	position:absolute;
	background-position:center;
	top:39px;
	margin-left:28px;
	z-index:-1;
	}
p.style3 {
	color:#FFFFFF;
	
	}