@charset "UTF-8";
/* CSS Document */
body {
    font-family: Helvetica, Arial, sans-serif; margin:0px; background-color:#FFFFFF; letter-spacing:1px; font-size:14px;
    }
	a:link {color:#039; font-weight:bold; text-decoration:none;}
	a:hover {color:#0F9; font-weight:bold; text-decoration:none;}
	a:visited {color: #039; font-weight:bold; text-decoration:none;}
font.sidebar
	{color:#FF00FF}
table.flow
	{padding-left:7px;
	padding-right:7px}
img.flow
	{padding-left:7px;
	padding-right:7px}
td.banner
	{text-align:center;
	color:#ffffff}
a.navbar
	{font-size:12px;
	text-decoration:none}
	.barlink a, .navlink a
	{text-decoration:none}
.barlink a img, .navlink a img
	{border:0}
.barlink a
	{color:#fff}
.flyout td
	{white-space:nowrap}
    a.sidebar:link {
        color: #FF00FF
    }

    a.sidebar:visited {
        color: #DD00DD
    }

    a.sidebar:hover {
        color: #FFFFFF
    }

    font.sidebar {
        color: #FF00FF
    }

    a.sidebar2:link {
        color: #808080
    }

    a.sidebar2:visited {
        color: #606060
    }

    a.sidebar2:hover {
        color: #FFFFFF
    }

    a.splash:link {
        color: #CCCEEE
    }

    a.splash:visited {
        color: #CCCEEE
    }

    a.splash:hover {
        color: #CCCEEE
    }

    a.logo:link {
        color: #ffffff;
        text-decoration: none
    }

    a.logo:visited {
        color: #ffffff;
        text-decoration: none
    }

    a.logo:hover {
        color: #800080
    }

    table.flow {
        padding-left: 7px;
        padding-right: 7px;
    }

    img.flow {
        padding-left: 7px;
        padding-right: 7px;
    }

    td.banner {
    /*background: #ffffff url( 'images/test-backgroundNOPE.jpg' );*/
    /*repeat-x;*/
        text-align: center;
        color: #ffffff;
    }

 /*url( 'images/button-background.png' used to be which gave black bg */
    td.navbar {
        background: #666666 );    	
        text-align: center;
        color: #96d0b0; /*color: #000000;*/
        
    }

    a.navbar {
        text-decoration: none;
    }

    a.navbar:link {
        color: #CCC;
    }

    a.navbar:visited {
        color: #CCC;
    }

    a.navbar:hover {
        color: #AAAAff
    }

<!--
.barlink a, .navlink a {
    text-decoration: none;
}

.barlink a img, .navlink a img {
    border: 0;
}

.barlink a {
    color: #fff;
}

.flyout td {
    white-space: nowrap;
}
.barlink a, .navlink a {
    text-decoration: none;
}

.barlink a img, .navlink a img {
    border: 0;
}

.barlink a {
    color: #fff;
}

.flyout td {
    white-space: nowrap;
}

/* juliet's css */
#content {margin:2%;}
.headers{font-size:18px; font-weight:bold; color:#063; }


#juliet { height:187px; width:100%; margin-top:-17px; background-color:#666; border-bottom:medium #666; color: #000;}
#title { float:left;}

#menu1 {margin-left:15px;font-size:18px; width:500px; }
#menu1 ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
font-size:18px;
}
#menu1 ul li { display: inline; margin-left:2px; }
#menu1 ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #ccc;
background-color: #000066;
font-size:18px;
}
#menu1 ul li a:hover
{
color: #ccc;
background-color: #369;
font-size:18px;
}
#menu2 {margin-left:5px;}
#line {float:left; font-size:12px; width:630px;}
.sub {float:left; margin-left:70px; font-size:14px;}
#menubar{margin-left:5px;}
.listhead {color: #039;}

.nickstuff { float:left; height:80px; width:630px; position:absolute; left:510px; top:80px; background-color:#666; }

.newscontent { margin-left:5px; float:left; width:1024px;  background-color:#eeeeff; }

.bigheadline{margin-left:205px; font-size:22px; font-weight:bold; color:#063; }

.newsheadline{margin-left:5px; font-size:18px; font-weight:bold; color:#063; }

.newsheader{font-size:20px; font-weight:bold; color:#960; }

.maincontent { margin-left:5px; float:left; width:1024px;  background-color:#ffffff; }

.linkcontent { margin-left:5px; float:left; width:1024px;  background-color:#ffffff; }

.datadisplay { margin-left:5px; }