body {behavior:url("csshover.htc");} 

/* colors need changed to ensure web output, according to validator */
/* DARK BLUE #0c3040*/
html, body, #nav li ul {
	background-color:#0c3040; 
	}

a.mediumBlueLink, #nav li a {color: #0c3040;}
	
/* LIGHT BLUE #8fc4e1*/
#nav li li a, #designBy{color:#8fc4e1;} 
#main 	{background-color:#8fc4e1;}
#nav li li {border-bottom: solid 1px #8fc4e1;}
	
/* ORANGE #CC780F*/
#nav a:hover {color: #CC780F; }

/* entire page */
html, body {
	width:100%;
	padding: 0;
	margin: 0;
	margin-bottom: 0px;
	height: auto;
	background-image:url(../images/stripe.gif);
	background-repeat: repeat-y;
}


/* bar which contains logo, address, logo, ball */

#banner_bar {	
	/* contains entire bar except navigation.*/
	/* if contained navigation was included in this, it would hide behind main.*/
	background-image: url(../images/net.gif);
	background-repeat: repeat-x;
	height: 127px;  
	top: 0px;
	z-index: 100;
 width: auto;
} 

#banner_left {
	/* contains logo image */
	width: 166px;
	float: left;
	display:inline;
	z-index: 100;
}

#banner_center {
	/* contains address */
	text-align: center;
	margin-right: 166px;
	position:absolute;
	top: 0px;
	left: 166px;
	right: 166px;
	width: 74%;
}

#banner_right {
	/* contains ball image */
	width: 166px;
	float: right;
	text-align: right;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
}

.address {
	/* address */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: white;
	height: 76px;
	min-width: 351px;
}

.address strong {
	font-size: larger;
}


/* ---------- NAVIGATION ----------- */

#navigation {
	position: absolute;
	top: 80px; 
	left: 110px;
	right: 110px;
	margin: auto;
width: 800px; /**** gives margin a width to adjust to ****/
	text-align: center;
	font-weight: bold;
	text-decoration:none;
	z-index: 400;

}
/* hack that IE can't read, to allow centering of NON-IE pages */
html<body #navigation {
left: 0px;
right: 0px;
}

#navigation * {
	text-decoration: none; 
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 400;
	text-align: center;
}

#nav li li { 
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: .3em;
}

#nav li li:first-child { /**** push first menu item down a bit */
padding-top: 1em;
}

#nav li li:last-child { /**** give room after last item */
	border-bottom: none 5px;
}

#nav a {
	display: block;
	z-index: 400;
}

/* menu items */

#nav li a {
	z-index: 400;
}
 
#nav li {
	float: left;
	width: 8.2em; 
	z-index: 400;
}

#nav li ul {
	position: absolute;
	width: 9em;	
	left: -999em;
	z-index: 400;
}


/* sub menu items */

#nav li li a {
	z-index: 400;
}

#nav li:hover ul {
	left: auto;
	z-index: 400;
}

#nav a:hover {
	z-index: 400;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	z-index: 400;
}


/* -------- END NAVIGATION ----------*/	
/* bottom.... actual content that will be changed*/
/* this css only sets it up.  Actual content css is within other pages */

#main {
	left: 22px;
	top: 106px;
	position: absolute;
	right: 0px;
	margin-right: 0px;
	        max-width:98%;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 22px;
	min-height: 500px;
}



*html #main {
	/* IE hack to make it so that it will fluidly change height, and set full "main" */
	height: 500px; 
	width: 98%;
}



.logo {border:0;}

#designBy {
 bottom: 10px;
 left:0;
 position: absolute;
 font-size: 75%;
 padding; 0;
 margin: 0;
}
 

.smaller {font-size: smaller;}

