/*********************************************
*	� 2009 Volunteer Bartlesville.com
*	
*   
*	Coded by: Robert Brown w/ help from Johnathan Warlick 
*
*	Date started: 10/29/2009
*   Finished: 
*/		
	@charset "UTF-8";
		
		div.clear {
			clear: both;
			}
		
		* {
			margin: 0;
			padding: 0;
			}
		
		body {
			line-height: 150%;
			font-family:"Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
			font-size: 90%;
			margin: 0;
			padding: 0;
			color: black;
			background-color: #A7A7A7;
			}
		
		p {
			margin: 10px 0;
			}
		
		div.wrapper {
			width: 990px;
			margin: 0 auto;
			}

		h1 {
			font-size: 150%;
			}

		h2 {
			font-size: 140%;
			}

		div#main div#sub-a h2, div#main div#sub-b h2 {
			font-weight: normal;
			font-size: 23px;
			margin: 5px 0 15px 0;
			}



		h3 {
			font-size: 130%;
			}
		
		h4 {
			font-size: 120%;
			margin:10px 0 0 0;
			}
						
		h5 {
			font-size: 110%;
			}
		
		.right {
			float: right;
			}
			
		.left {
			float: left;
			}
				
/* ---- links ---- */

		
		a img {
			border: none;
			display: none;
			}
			
		a {
			text-decoration:none;
			color: #0033cc;
			}
			
		a:hover {
			color: #3f66d8;
			}
			
		

/* ---- Lists ---- */
		

		
		li {
			list-style-type: none;
			padding: 0px;
			
			}
			

		
		div#sidebar ul {
			margin-top: 5px;
			}
		
		div#sidebar li {
			width: 245px;
			}
		
		div#sidebar li a {
			color: #0033cc;
			display:block;
			width: 100%;
			font-size: 100%;
			padding: 2px 0 2px 5px;
			}	
			
		div#sidebar li a:hover {
			color: white;
			outline: 1px solid #0011cc;
			background: #0066cc;
			
/*			background: white;
			outline: 1px solid black;*/
			}	
			
		ul.events {
			position: relative;
			margin-right: 10px;
			}
		
		div#sidebar ul {
			margin-bottom: 10px;
			}
		
/* ---- header ---- */
		
		div#header {
			height: 90px;
			width:auto;
			background: #ccc url('../../images/overlay-wt-100.png') repeat-x;
			border-top:1px solid #aaaaaa;
			border-left:1px solid #aaaaaa;
			border-bottom: 1px solid #777777;
			position: relative;
			/*z-index: -1;*/
			}
		
		div#header .wrapper {
			height:176px;
			background: url(../../images/header_02.gif) no-repeat;
			}
		
		div#header .header-left {
			/*width: 324px;
			height: 160px;
			float:right;
			margin-top:11px;
			margin-left: -73px;
			*/
			}
		
		
		div#header .header-right {
			float:left;
			margin-left: -50px;
			margin-top: -40px;
			}

		
/* ---- banner ---- */

		
		div#banner {
			height: 321px;
			width:auto;
			background: url(../../images/banner.gif) repeat-x;
			border: 1px solid #0033cc;
			}
		
		div#banner .wrapper {
			height: 321px;
			}
		
		div#banner div.tagline {
			height:239px;
			margin-top:59px;
			width:300px;
			background: url(../../images/logo-3.png) no-repeat;	
			margin-left: -5px;
			}
		
		div#banner .imgSlider {
			width: 675px;
			height: 277px;		
			float:right;
			display: inline;
			margin-top: -275px;
			}

		div#banner .imgSlider img,a { 
			border:none; 
			}


/* ---- Sidebar-a ---- */	
		
		div#sidebar h3 {
			color: black;
			}
						
			/*div.sidebar-a li  {

				}
				
			div.sidebar-a li a:hover {
				background-color: #0066cc;
				border: 1px solid #0033cc;
				padding: 0 20px 0 20px;				
				}*/
				
/* ---- content ---- */

		
		div#content {
			
			background: #bbb url('../../images/overlay-2-600.png') repeat-x;
			border-top: 1px solid #777777;
			/*border-bottom: 1px solid #444444;*/
			}
		
		div#content .wrapper {
			}
		
			div#content h2 {
				margin: 0 0 10px 0;
				}
		
		div#sidebar {
			margin: 30px 0 30px 0;
			width: 27%;
			float: left;
			display: inline;
			padding: 3px 0 10px 0;
			/*border: 1px solid #0022cc;
			background: #0066cc;*/
			}
		
			div#sidebar div#sidebar-a, div#sidebar div#sidebar-c, div#sidebar div#sidebar-c {
				margin: 30px 0;
				}
			
			div#sidbar h3 {
				margin-top: 20px;
				}	
		
		div#content div#main {
			width: 652px;
			min-height: 540px;
			background: white;
			/*background-color: #0066cc;
			border: 1px solid #0033cc;*/
			float:right;
			border-left: 1px solid #888;
			border-right: 1px solid #888;
			border-bottom: 1px solid #888;
			border-top: 1px solid #999;
			display: inline;
			padding: 10px
			}
		
			div#main div#sub-a {
				float: left;
				display: inline;
				width: 40%;
				margin-bottom: 10px;
				border-right: 1px solid #aaa;
				padding: 15px 45px 0 20px;
				}
			
			div#main div#sub-a h4 img {
				padding: 10px 5px 0 0;
				}	
		
			div#main div#sub-a h4 a {
				color: #0033cc;
				}

			div#main div#sub-a h4 a:hover {
				color: #3f66d8;
				}
			
			div#main div#sub-b {
				float: right;
				display: inline;
				width: 40%;
				margin-bottom: 10px;
				padding: 15px 20px 0 20px;
				}
			
			
			div#main div#sub-b h4 img {
				padding: 10px 5px 0 0;
				}	
		
			div#main div#sub-b h4 a {
				color: #0033cc;
				}

			div#main div#sub-b h4 a:hover {
				color: #3f66d8;
				}
			
				div#main ul#search {
					margin: 0 0 0 10px;
					}
				
				div#main ul#search li {
					list-style-image: url();
					}		
		
		/* ----- User profile styles ----- */
			
			div#user-home {
				margin-top: 1.48em;
				margin-bottom: 1em;
				margin-left: 1.48em;
				}
			div#user-home h4, h5 {
				margin-top: 25px;
				}
			
			div#user-home h5 {
			
				}
			
			div#user-home ul {
				list-style-type: circle;
				margin-top: 1.5px;
				margin-left: 3em;
				}
			div#user-home ul h3 {
				padding: 10px 0 5px 0;
				}
			
			div#user-home ul li {
				margin-left: 1.5em;
				}
		
			.user-profile {
				margin-left:15px;
				padding: 0;
				}	
		
		div.clear {
			clear:both;
			}

									
/* ---- footer ---- */
		
		div#footer {
			height: 49px;
			background: url(../../images/footer.gif) repeat-x;
			clear: both;
			border-top: 1px solid #444444;
		}
		
		div#footer .wrapper {
			text-align: center;
			height: 20px;
			}