/* 	Primary Style Sheet for www.DeanBower.com */

/* COMMON PAGE SECTIONS */

* {	margin: 0;
	padding: 0;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	}
body {	width: 800px;
		margin: 10px auto;
		}
.wrapper { width: 800px; }

.logo {	display: inline;
		float: left;
		width: 200px;
		height: 130px;
		}
.headText {	padding: 40px 0;
			}
.leftPanel {	clear: both;
			float: left;
			margin: 0 0 15px 0;
			width: 200px;
			border: 0px solid red;
			}
.content {	float: left;
			width: 525px;
			margin: 0 0 15px 75px;
			}
/* CLASSES */
.centered {	text-align: center; }
.map { color: #ffffff; }
.italic { font-style: italic; }
.footer {	clear: both;
		}
/* TAGS */
h1,h2,h3,h4,h5,h6 {	text-align: center;
				}
a {	text-decoration: none;
	color: #ffffff;
	}
.incident a:hover,
a:hover {	color: #ff0000;
		background-color: #ffffff;
		}

/* NAVIGATION */
.nav {	background-color: #ffffff;
		color: #0000ff;
		padding: 0 5px;
		text-align: center;
		}
.nav a {	text-decoration: none;
		color: #ffffff;
		}
.nav a:hover {	color: #ff0000;
			width: 100px;
			background-color: #ffffff;
			}
.mem_container a:hover {	color: #990099;
					background-color: #ffffff;
					}
/* RULE LINES */
hr {	border: 1px solid #990099;
	color: #0000ff;
	width: 75%;
	height: 10px;
	background-color: #990099;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}

/* ROUNDED HEADER CORNERS */.
/*	This is the CSS styling Page Headings at www.deanbower.com.
	It uses a model copied from www.cssportal.com/css-rounded-corners/
	I changed the head_container selector from id to class to allow it to
	be used more than once on a page.
	This is one of several that might work, but it seems the least
	processor-stealing approach.

	THE HTML WILL CONTAIN THE FOLLOWING

	<div class="head_container">
		<b class="head_top">
			<b class="head_b1"></b>
			<b class="head_b2"></b>
			<b class="head_b3"></b>
			<b class="head_b4"></b>
		</b>
		<div class="head_content">
		
			CONTENT FOR THIS SECTION GOES IN HERE
			
		</div>
		<b class="head_bottom">
			<b class="head_b4"></b>
			<b class="head_b3"></b>
			<b class="head_b2"></b>
			<b class="head_b1"></b>
		</b>
	</div>
*/

.head_container {	width: 800px;
			background: #ffffdd;
			margin: 5px 0;
			}
.head_top,
.head_bottom {	display: block;
		background: #ffffff;
		font-size: 1px;
		}
.head_b1,
.head_b2,
.head_b3,
.head_b4,
.head_b5,
.head_b6,
.head_b7,
.head_b8,
.head_b9,
.head_b10,
.head_b11,
.head_b12,
.head_b13,
.head_b14,
.head_b15,
.head_b16 {	display: block;
		overflow: hidden;
		background: #ffffdd; 
		}
.head_b2,
.head_b3,
.head_b4,
.head_b5,
.head_b6,
.head_b7,
.head_b8,
.head_b9,
.head_b10,
.head_b11,
.head_b12,
.head_b13,
.head_b14,
.head_b15,
.head_b16 {	border-left: 1px solid #ffffdd;
		border-right: 1px solid #ffffdd;
		}
.head_b1,
.head_b2,
.head_b3,
.head_b4,
.head_b5,
.head_b6,
.head_b7,
.head_b8,
.head_b9,
.head_b10,
.head_b11,
.head_b12,
.head_b13,
.head_b14,
.head_b15 {	height: 1px;}

.head_b1 {	margin: 0 22px; }
.head_b2 {	margin: 0 18px; }
.head_b3 {	margin: 0 16px; }
.head_b4 {	margin: 0 14px; }
.head_b5 {	margin: 0 12px; }
.head_b6 {	margin: 0 10px; }
.head_b7 {	margin: 0 9px; }
.head_b8 {	margin: 0 8px; }
.head_b9 {	margin: 0 7px; }
.head_b10 {	margin: 0 6px; }
.head_b11 {	margin: 0 5px; }
.head_b12 {	margin: 0 4px; }
.head_b13 {	margin: 0 3px; }
.head_b14 {	margin: 0 2px; }
.head_b15 {	margin: 0 1px; }

.head_content {	display: block;
		padding: 4px;
		background: #ffffdd;
		color: #990099;
		text-align: center;
		}

/* THIRSTY */
.thirsty,
.creed {	margin-top: 10px;
		padding: 10px;
		border: 5px solid #bf0a30;
		background-color: #ffffff;
		color: #990099;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		}
/* THE PLEDGE OF ALLEGIANCE */
.preamble,
.thePledge {	margin-top: 10px;
		padding: 10px;
		border: 5px solid #bf0a30;
		background-color: #ffffff;
		color: #002868;
		text-align: center;
			}