﻿/*********************************************************/
/*	Author:	Jonathan Sacker
/*	Date:	1/16/09
/*
/*	CSS: Works in IE and FireFox
/*********************************************************/
body 
{
	background-image:url("/images/Bodyblue.png");
	background-repeat:repeat-x;
	background-color:#CCCCCC;
	background-attachment:fixed;	
}
#bodyborder
{
	margin:0 auto;
	width:975px;
	background-color:White;
}
#bodycontainer
{
	margin:0 auto;
	width:950px;
}
#header
{	
	margin:0 auto;
	float:left;
	width:950px;
	height:110px;
}
/*********** a *************/
a, a:visited
{   
    color:blue;
    text-decoration:none;
}
a:hover
{
    text-decoration:underline;
}

/******************** header table with links *************/
#headerlinks
{ 
	float:right;
	
}
#headerlinks a
{
	color:#003366;
	font:bold 9pt arial;
	text-decoration:none;
}
#submitbutton
{
	font:bold 8pt arial;	
	color:#003366;
}
/***********************************************************/
#horizontalbar
{
	margin:0 auto;
	float:left;
	width:950px;
	min-height:30px;
}
#middlecontainer
{	
	margin:0 auto;
	float:left;
	width:950px;
	text-align:center;
	min-height:300px;
}
/********************* use bodycontentholder when wanting two sections****/
/********************* put rightside, leftside inside the bodycontentholder **/
#bodycontentholder
{
	margin:0 auto;
	text-align:center;
	width:950px;
	min-height:300px;
}
#leftside
{
	float:left;
	width:300px;
	min-height:300px;
	text-align:left;
}
#rightside
{
	float:right;
	width:640px;
	min-height:300px;
	text-align:left;
	border-left:solid 1px gray;
}
/*****************************************************************************/
#footer
{	
	margin:0 auto;
	float:left;
	width:950px;
	min-height:40px;
	font:8pt verdana;
	color:#003366;
	border-top:solid 1px gray;
}
/************************* FOOTER PAGE *********************/
.footerTable
{
	margin:0 auto;
	position:relative;
	top:5px;
}
.footerTable td
{
	border-left:solid 1px gray;
	padding-left:3px;
	padding-right:3px;
}
/************************** HORIZONTAL NAVIGATION BAR *******************/
#horizontalbar table
{
	width:950px;
	table-layout:fixed;
}
#horizontalbar dl
{
	position:absolute;
	top:98px;
	width:136px;
	z-index:100;
}
#horizontalbar dt
{
	/********** Display Properties ***********/
	height:20px;		
	background-color:#DDDDDD;
	border:solid 2px silver;
	
	/********** Text Properties *************/
	font:bold 9pt arial;
	color:#003366;
	z-index:100;
}
#horizontalbar dd
{
	margin:0px;
	width:175px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	display:none;
	color:black;
	font-size:8pt;
	border-right:inset 2px gray;
	border-left: inset 2px gray;
	background-color:White;
	z-index:100;
}
#lastrow dd
{
	width:115px;	
}
#horizontalbar a, #horizontalbar a:visited
{
	color:blue; 
	text-decoration:none;
	display:block;
	font:8pt verdana;	
	padding-left:3px;
}
#horizontalbar a:hover
{
	background-color:#CCCCCC;
}
.category
{
	position:relative;
	top:3px;
	text-align:center;
}

#horizontalbar .category a, #horizontalbar div a:hover
{
	background-color:#DDDDDD;
	font:bold 9pt arial;
	color:#003366;
	z-index:100;
	
}

