/*

	TITLE:	Rural water providers of Oklahoma
	DATE:	3-28-07

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form, body,
img{margin: 0;	padding: 0;	border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
	font: normal normal 12px/17px Arial; color: #fff;
	background: #e0dddc url('images/mainBg.jpg') center repeat-y;
}

/* links */
a:hover{text-decoration: underline;}

/* heading */
h1{font-size: 1.8em; margin: 2px 0px; padding: 5px 0px; font-style: italic; font-family: Verdana;}
h2{font-size: 1.6em; margin: 2px 0px; padding: 2px 0px;}
h3{font-size: 1.4em; margin: 2px 0px; padding: 3px 0px;}
h4{font-size: 1.2em; margin: 2px 0px; padding: 3px 0px;}
h5{font-size: 1.0em; margin: 2px 0px; padding: 3px 0px;}
h6{font-size: .9em;	 margin: 2px 0px; padding: 1px 0px;	font-weight: normal;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}


/*
 LAYOUT.
-----------------------------------------------*/
#topHead {width: 100%; float: left; background: url('images/topHead.jpg') repeat-x;}
#topHead .tiny{width: 800px; margin: 0 auto;}
#topHead #topBar{width: 100%; height: 25px; float: left;}
#topHead #whtBar{width: 100%; height: 64px; float: left;}

#header{width: 100%; float: left; background: #276ea5 url('images/header.gif') center top repeat-y; border-bottom: 2px solid #fff;}
#header .tiny{width: 800px; margin: 0 auto; background: #276ea5;}
#header #mainNav{width: 241px; float: left; padding: 20px 17px 8px 17px;}
#header #mainNav ul{}
#header #mainNav li{list-style: none; padding: 1px 0;}
#header #mainNav li a{font: bold 1.5em 'Arial Narrow',Arial; padding: 0 20px 0 0; text-decoration: none; color: #fff;}
#header #mainNav li a:hover, #header #mainNav li a.selectedPage{background: url('images/listStyle.jpg') right 7px no-repeat;}
#header #mainImage{width: 312px; padding: 4px 0 0 213px; float: right; background: url('images/bg.jpg') no-repeat;}

#body{width: 100%; float: left; line-height: 18px; background: #524b48 url('images/body.gif') center top repeat-y;}
#body .tiny{width: 800px; margin: 0 auto;}

/* home template */ 
body#home #body #mainCol{width: 419px; float: left; padding: 20px 10px 0px 15px;}
body#home #body #subCol{width: 337px; float: right; padding: 10px 0 0 0; margin: 10px 19px 10px 0; display: inline; background: url('images/blackBoxTop.jpg') no-repeat;}
body#home #body #subCol #subColStretch{width: 297px; float: left; letter-spacing: -0.02em; padding: 10px 20px 20px 20px; background: #272422 url('images/blackBoxBottom.jpg') bottom no-repeat;}
body#home #body #subCol ul{padding: 5px 4px;}
body#home #body #subCol li{list-style: none; padding: 3px 0;}
body#home #body #subCol li a{color: #2f74a9; text-decoration: none; font-weight: bold;}
body#home #body #subCol li a:hover{text-decoration: underline;}

/* oneCol template */
body#oneCol #body #mainCol{width: 770px; float: left; padding: 0px; margin: 10px 15px; display: inline;}

/* twoCol template */
body#twoCol #body #mainCol{width: 413px; float: left; margin: 10px 0 10px 15px; display: inline;}
body#twoCol #body #subCol{width: 337px; float: right; margin: 10px 15px 10px 0; display: inline;}

/* threeCol template */
body#threeCol #body #mainCol{width: 562px; float: left; margin: 10px 0 10px 15px; display: inline;}
body#threeCol #body #mainCol #leftCol{width: 194px; float: left;}
body#threeCol #body #mainCol #rightCol{width: 354px; float: right;}
body#threeCol #body #subCol{width: 194px; float: right; margin: 10px 15px 10px 0; display: inline;}

/* admin template */
body#admin #body #mainCol{width: 710px; padding: 10px 30px; color: #000; float: left; margin: 10px 15px; display: inline; background: #fff;}

#mainCol ul{padding: 5px 5px;}
#mainCol li{ padding: 1px 20px; background: url('images/listStyle.gif') 0 4px no-repeat; list-style: none;}

#footer{width: 100%; float: left;}
#footer .tiny{width: 800px; margin: 0 auto;}


/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}

.RadEContentBordered
{
color: #000;
background: #fff;
}

/* clearing */
#ListOfDivs:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}