/*WICHITA RAIN BARRELS CSS */
/*add reset css suggested in grid? */
/*use 960 grid maybe in redesign later */
/* set no-margin stuff...*/

/* html tags */

/* classes */
.smalltext1 {font-size: smaller;}
.contentPic 
{
	border-color:#000; 
	border-style:solid; 
	border-width:thin; 
	border-spacing: inherit;
	
}

/* not working - conflict with overriding id? .otherColumn {background-color: #CF9:} */

/* divs */
#banner
{
	background: transparent url(images/wrbbanner.jpg) no-repeat top left;
	position: absolute;
	top: 0px;
	width: 730px;
	height: 100px;
	background-color: #CF9;
}

#banner span
{
	display: none;
}

#col1header
{
	text-align: left;
	position: absolute;
	top: 115px;
	left: 135px;
	width: 190px;
	background-color: #533;
	color: #FFF;
	margin: 7px;
	font-family: tahoma, verdana, arial, sans-serif;
}
#col1
{
	text-align: left;
	position: absolute;
	top: 145px;
	left: 135px;
	width: 190px;
	margin: 7px;
	height: 500px;
	overflow: hidden;
	font-family: tahoma, verdana, arial, sans-serif;
	word-spacing: -0.2em;
}

#col2header
{
	text-align: left;
	position: absolute;
	top: 115px;
	left: 335px;
	width: 190px;
	background-color: #353;
	color: #FFF;
	margin: 7px;
	font-family: tahoma, verdana, arial, sans-serif;
}

#col2
{
	text-align: left;
	position: absolute;
	top: 145px;
	left: 335px;
	width: 190px;
	margin: 7px;
	height: 500px;
	overflow: hidden;
	font-family: tahoma, verdana, arial, sans-serif;
}


#col3header
{
	text-align: left;
	position: absolute;
	top: 115px;
	left: 535px;
	width: 190px;
	background-color: #335;
	color: #FFF;
	margin: 7px;
	font-family: tahoma, verdana, arial, sans-serif;
}

#col3
{
	text-align: left;
	position: absolute;
	top: 145px;
	left: 535px;
	width: 190px;
	margin: 7px;
	height: 500px;
	overflow: hidden;
	font-family: tahoma, verdana, arial, sans-serif;
}

#contentheader
{
	text-align: left;
	position: absolute;
	top: 115px;
	left: 135px;
	background-color: #533;
	color: #FFF;
	margin: 7px;
	font-family: tahoma, verdana, arial, sans-serif;
}

#content
{
	text-align: left;
	position: absolute;
	top: 145px;
	left: 135px;
	margin: 7px;
	height: 500px;
	overflow: visible;
	font-family: tahoma, verdana, arial, sans-serif;
	width: 595px;
}


#footermain
{
	font-size: 12px;
	text-align: center;
	width: 730px;
	position: absolute;
	top: 685px;
	background-color: #966;
	font-family: arial, sans-serif;
	
}

#footernav
{
	width: 720px;
	position: absolute;
	top: 650px;
	margin-top: 10px;
	margin-left: 3px;
	padding-left: 3px;
	background-color: #669;
	font-family: arial, sans-serif;
}

#footernav li {	display: inline; margin-left: 10px;}
#footernav a:link { color: #000; text-decoration: none;}
#footernav a:visited {color: #000; text-decoration: none;}
#footernav a:hover {color: #000; text-decoration: underline; background-color: #CF9;}
#footernav a:active {color: #000; text-decoration: none;}

#footermain2 /*for medium pages */
{
	font-size: 12px;
	text-align: center;
	width: 730px;
	position: absolute;
	top: 1600px;
	background-color: #966;
	font-family: arial, sans-serif;
	
}

#footernav2 /*for medium pages */
{
	width: 720px;
	position: absolute;
	top: 1640px;
	margin-top: 10px;
	margin-left: 3px;
	padding-left: 3px;
	background-color: #669;
	font-family: arial, sans-serif;
}

#footernav2 li {	display: inline; margin-left: 10px;}
#footernav2 a:link { color: #000; text-decoration: none;}
#footernav2 a:visited {color: #000; text-decoration: none;}
#footernav2 a:hover {color: #000; text-decoration: underline; background-color: #CF9;}
#footernav2 a:active {color: #000; text-decoration: none;}

#footermain3 /*for longer pages */
{
	font-size: 12px;
	text-align: center;
	width: 730px;
	position: absolute;
	top: 2440px;
	background-color: #966;
	font-family: arial, sans-serif;
	
}

#footernav3 /*for longer pages */
{
	width: 720px;
	position: absolute;
	top: 2400px;
	margin-top: 10px;
	margin-left: 3px;
	padding-left: 3px;
	background-color: #669;
	font-family: arial, sans-serif;
}

#footernav3 li {	display: inline; margin-left: 10px;}
#footernav3 a:link { color: #000; text-decoration: none;}
#footernav3 a:visited {color: #000; text-decoration: none;}
#footernav3 a:hover {color: #000; text-decoration: underline; background-color: #CF9;}
#footernav3 a:active {color: #000; text-decoration: none;}

#footermainx /*bottom abs positioning */
{
	font-size: 12px;
	text-align: center;
	width: 730px;
	position: absolute;
	bottom: -490px;
	background-color: #966;
	font-family: arial, sans-serif;
}

#footernavx /*for abs bottom positioning */
{
	width: 720px;
	position: absolute;
	bottom: -460px;
	margin-top: 10px;
	margin-left: 3px;
	padding-left: 3px;
	background-color: #669;
	font-family: arial, sans-serif;
}

#footernavx li {	display: inline; margin-left: 10px;}
#footernavx a:link { color: #000; text-decoration: none;}
#footernavx a:visited {color: #000; text-decoration: none;}
#footernavx a:hover {color: #000; text-decoration: underline; background-color: #CF9;}
#footernavx a:active {color: #000; text-decoration: none;}


#navbar 
{
	display: inline;
	width: 120px;
	position: absolute;
	top: 115px;
	background-color: #669;
	font-size: 14px;
	font-family: arial, sans-serif;
	margin-top: 7px;
	margin-right: 7px;	
}

/* #navbar li {display: inline; margin-left: 0px;} */
#navbar a:link { color: #000; text-decoration: none; }
#navbar a:visited {color: #000; text-decoration: none;}
#navbar a:hover {color: #000; text-decoration: underline; background-color: #CF9;}
#navbar a:active {color: #000; text-decoration: none;}
#navbar div {margin-bottom: 7px;}