/* reset EVERYTHING from meyerweb.com/eric/tools  v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

body {
	line-height: 1.0;
	}

blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}

del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* end reset EVERYTHING */
/*						*/

body {
	width: 950px;
	margin: 10px;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 80%;
	}

p {
	margin: 0 0 15px 0;
	font-size: 1.4em;
	line-height: 1.3em;
	}

blockquote {
	 margin: 0 30px;
	}

h1 {
	font-size: 250%;
	text-align:center;
	margin-bottom: 1em;
	}

h2 {
	color:#222288;
	font-size: 200%;
	margin-bottom:.5em;
	line-height: 125%;
	}

h3 {
	color:#222288;
	font-size: 150%;
	line-height: 100%;
	margin-bottom:.5em;
	}

h4 {
	color:#222288;
	font-size: 125%;
	line-height:normal;
	margin-bottom:.5em;
	}

#main ul {
	margin-bottom:0.5em;
	font-size: 1.3em;
	line-height: 1.1em;
	list-style-position:outside;
	list-style-type:disc;
	}

#main ol {
	margin-bottom:0.5em;
	font-size: 1.3em;
	line-height: 1.1em;
	list-style-position:outside;
	list-style-type:decimal;
	}

#main li {
	margin-bottom:0.5em;
	}


/* this set is for one-column pages, so rarely used */

#wrap {
	float: left;
	width: 100%;
	background: #FFFFFF;
	}

#content {
	margin: 0px;
	width: 100%;
	}

#main {
	float: right;
	padding: 0px;
	width: 100%;
	}

/* end one-column page stuff */

/* two-column pages */

.twocolumn #wrap {
/* see IE6/Win hack at bottom */
	background: #FFFFFF;
	}

.twocolumn #main {
	float: right;
	width: 750px;
	}

.twocolumn #sidemenu {
	float: left;
	clear: left;
	width: 190px;
	}

/* Styles for putting fancy schmancy boxes, mostly on the home page */
/* Billboard creates a wide backdrop */
/* spotlight1, 2, and 3 make individual boxes the right size for one, two, or three boxes */
/* divClear um, clears an otherwise empty div, so floats will stop floating */
/* As of October, the main section was 750px wide */

.billboard {
	background-color: #A4CDF7;
	background-image: url(images/brindle-large-blue-333-750.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 0px;
	width: 750px;
	margin-bottom: 20px;
	}

.spotlight1 {
	background-color: #A4CDF7;
	background-image: url(images/spot-bk5.jpg);
	background-repeat: repeat-x;
	width: 400px;
	height: 225px;
	overflow: hidden;
	margin: 15px 0px 15px 175px;
	padding: 10px;
	float: left;
	}

.spotlight2 {
	background-color: #A4CDF7;
	background-image: url(images/spot-bk5.jpg);
	background-repeat: repeat-x;
	width: 315px;
	height: 225px;
	overflow: hidden;
	margin: 20px;
	padding: 10px;
	float: left;
	}

.spotlight3 {
	background-color: #A4CDF7;
	background-image: url(images/spot-bk5.jpg);
	background-repeat: repeat-x;
	width: 212px;
	height: 225px;
	overflow: hidden;
	margin: 14px;
	padding: 5px;
	float: left;
	}

.divClear {
	clear:both;
	}

/* next three styles go in the header block, in logo.txt */

.masthead {
	width:100%;
	}


.logo {
	padding: 0 0 0 30px;
	float: left;
	}

.rotating {
	border-style: outset;
	border-width:5px;
	margin: 10px 2px 10px 10px;
	float: right;
	}

.stripe {
	clear:both;
	padding: 2px 0 0 0;
	}
	
	
/* boxes and photo placement */
.leftphoto {
  float: left;
  margin: 10px 10px 10px 0;
  padding: 0;
}

.rightphoto {
  float: right;
  margin: 10px 0px 10px 10px;
  padding: 0;
}

.alertbox {
  border: 3px solid gray;
  width: 35%;
  padding: 1em 1em 0em 1em;
  margin: 1em 1em 1em 2em;
  float: right;
}

.nobox {
  border: 0px;
  padding: 0em;
  margin: 0em 1em 0em 1em;
  float: left;
}

.hairlinebox {
  border: 1px solid black;
  padding: 2em 2em 1em 2em;
  margin: 2em;
}

/* styles for ready page bottom section (recently adopted) */
.adopted p {
	color:#999999;
	}

.adopted h3 {
	color:#009966;
	}