/* CSS Document */

body {
	text-align: center;
	background-color: #222277;
	background: url(images/mid_blue.jpg);
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
body h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}
body h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
		}
body h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
		}
	
/* this div contains the entire page (below the nav bar) which allows the page to be centered on 
the screen*/
#Container {
	width:773px;
	top:104px;
	margin-top: 0;
	margin: 0px auto;
	padding:0px;
	text-align: left;
	}
	
/*this is the class for the P's at the end of the divs to create equal column lengths*/
#colbottom {
			padding: 0px;
			}
/*this is the tiny band of color at top of the entire web page*/
#topbar {
	height: 5px;
	background-color: #222277;
	margin-top:0px;
	margin-bottom: 0px;
	padding: 0;
	}
	
/*this is the band at top that contains the heading/logo*/
#topband {
	height: 100px;
	background-color: #222277;
	margin-top:0px;
	margin-bottom: 0px;
	padding: 0;
	}
	
/*this sits inside the band at top that contains the heading/logo and is the width 
of the container*/
#header {
	width:773px;
	margin: 0px auto;
	background-color: #222277;
	height: 100px;
	border: 0px;
	border-top-width: medium;
	border-top-color: #222277;
	/*background: url(images/header.gif);*/
	
}
	
/*this is the band that contains the centered band (navcontainer) that contains the nav bar*/
#navband {
	height: 28px;
	background-color: #ffcc00;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	font-size: 12px;
	
	}

/*this is the centered band that contains the nav bar*/
#navcontainer {
	height: 24px;
	background-color: #ffcc00;
	width: 620px;
	position: absolute;
	left: 50%;
	margin-left: -310px;
	margin-top: 0px;
	margin-bottom: 0;
	z-index: 1;
	padding: 0;
	}
	
#floatleft
	{
	float: left;
	margin: 0 10 10 0;
	}
#floatright
	{
	float: right;
	margin: 0;
	margin-left: 10px;
	}

	
/*this is the left column of the page that contains the scroller and left nav buttons*/
#left {
	float: left;
	width:190px;
	background: #222277;
	border-left: 1px solid #000;
	padding: 20px 0px 20px 0px;
	color: #fff;
	font-size: 14px;
	margin: 0;
}

#left ul{
	list-style-type: none;
	line-height: 1.75em;
	font-weight: bold;
}

#left a {
text-decoration:none;
}
#left a:link {
color:#FFFFFF;
}
#left a:visited {
color:#FFFFFF;
}
#left a:active {
color:#ffcc00;
}
#left a:hover {
background-color:#ffcc00;
color: #000000; 
}
	
/*this is the center section of the three column page with a wide center and narrow right*/
#center {
float: left;
width:330px;
padding: 20px 0px 0px 0px;	
margin: 0;
padding: 20px;
overflow: auto;
background-color: #ffffff;
/*background: url(images/watermark.gif);*/
background-repeat : no-repeat;
}
/*this is the main section of the two column page with only a narrow left column*/
#main {
float: left;
width:520px;
padding: 20px 0px 20px 0px;
background-color: #ffffff;
/*background: url(images/watermark_big.gif);*/
background-repeat : no-repeat;
border-right: 20px solid #222277;
margin: 0;
padding: 20px;
}

/*this is the right section of the page (within the containter) in a three column format
with a wide center and narrow right column*/
#right
	{
width:190px;
margin: 0;
background:#222277;
color: #FFFFFF;
border-right: 1px solid #000;
padding: 20px 10px 20px 10px;
float: left;
	}
#right p
	{
	text-indent: 20px;
	}
#right a
	{
	text-indent: 20px;
	color: #FFcc00;
	}
#right a visited
	{
	text-indent: 20px;
	color: #FFcc00;
	}
	
/*this is the center section of the three column page where center and right are equal widths*/
#center_equal {
	float: left;
	width:310px;
	margin: 0;
	padding: 20px;
	overflow: auto;
	background-color: #ffffff;
	background-repeat : no-repeat;
	}
	
/*this is the right section of the page in a three column format where the center and right 
columns are equal widths*/
#right_equal
	{
	width:210px;
	margin: 0;
	background:#222277;
	color: #FFFFFF;
	border-right: 1px solid #000;
	padding: 20px 10px 20px 10px;
	float: left;
	}
.equal_col_white 
	{color:#FFFFFF;}
.equal_col_blue 
	{color:#222277;}
	
/*this is the style for the scroller data coming from Quickbase*/
#scroller
	{
	background:#222277;
	color: #FFFFFF;
	}