/* Home colors:
background				#010471;		dark blue
background non-home	#f3f2cb;	light yellow
borders					#808000;		golden
shading					#f3f2cb;		light yellow
shading					#7d80ff;		light blue
shading					#D8D8B2;		khaki
accent									TBD
text						#ffff00;		yellow
text-non-home			#010471;		dark blue
text faded								TBD
*/

/* --- custom --- */
/* font-family, color, background */
body {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0; padding: 0;
	color: #ffff00;
	background-color: #010471;
	line-height: 1.3em; /* IE6 Peekaboo, http://www.dracos.co.uk/web/css/ie6floatbug/ */
}
pre { 
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 90%; 
	margin-left: 2em; 
}
a, a:visited {
	color: #ffff00;
}
a:hover, a:focus {
	background-color: #7d80ff;
}
a.active {
	font-weight: bold;
}
a.active:hover, a.active:focus {
	background-color: transparent;
}
a.plainlink, a.plainlink:hover, a.plainlink:focus, a.plainlink:visited {
	text-decoration: none;
	color: #ffff00;
	background-color: transparent;
	border: none;
}
h1 {
	font-size: 200%;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
h2 {
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1px;
	margin: 10px 0 10px 0;
}
h3 {
	font-size: 110%;
	font-weight: bold;
}
h4 {
	font-size: 100%;
	margin-bottom: 0.2em;
}
hr {
	color: #808000;
	clear: both;
}
/* --- static --- */
html {
	margin: 0; padding: 0;
}
p {
	margin: 0 0 1.5em 0;
}
li {
	margin: 0 0 0.75em 0;
}
blockquote { 
	margin: 1em 2em 1em 2em;
}
ul {
	margin-bottom: 1.25em;
}
img {
	border: none;
}
th, td {
	 vertical-align: top
}
/* --- util --- */
br.clearleft {
	clear: left;
}
br.clearright {
	clear: right;
}
br.clear {
	clear: both;
}
ul.tight {
	list-style: square;
	margin-top: 0.25em;
}
ul.tight li {
	margin-bottom: 0.25em;
}
.emabove {
	margin-top: 1em;
}

/* --- page --- */
#homepic {
	position: absolute; top: 20px; right: 0;
}

/* --- header --- */
#header {
	margin: 0;
	padding: 10px 0px 20px 20px;
	color: #ffff00;
	background-color: #010471; 	
	white-space: nowrap;
	/* border: 1px solid red; */
}
#header a {
	color: #ffff00;
	background-color: #010471; 	
}
#header #tagline {
	font-size: 95%;
	font-weight: bold;
	font-style: italic;
	/* letter-spacing: 1px; */
	margin-top: 0.6em; margin-bottom: 1em;
	/* border: 1px solid green; */
}
#header #phone {
	font-size: 115%;
	font-weight: normal;	
	margin-top: 0.5em;
	margin-bottom: 0;
}

/* --- content -- */
#content {
	margin: 10px 0px 0px 20px;
}
#content #inner {
	border: 10px solid #808000;
	border-right-style: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
#content #inner p {
	font-weight: bold;
	font-size: 90%;
	padding: 10px 5px 5px 20px;
	/* text-align: justify; */
}

/* home page pics needed to overlap and text wrap on left */
/* handled with floated divs, height and width, and positioning of the contained pics */
/* top margin was needed, and Opera had trouble with pic3 if relatively positioned */
#content #pic1 {	/* Smith-Weiss */
	float: right;
	width: 440px; height: 130px; 
	margin-top: -30px; margin-left: 10px;
	/* border: 1px solid white; */
}
#content #pic1 img {
	position: absolute;
}
#content #pic2 {	/* Shepard */
	clear: right; 
	float: right; 
	width: 536px; height: 200px; 
	margin-top: 20px;
	/* border: 1px solid red; */
}
#content #pic2 img {
	position: relative;
	left: 2px;
	z-index: 2; /* needed only for Opera */
}
#content #pic3 {	/* Durmer */
	clear: right; 
	float: right; 
	width: 390px; height: 30px;
	margin-top: 0;
	/* border: 1px solid green; */
}
#content #pic3 img {
	position: absolute; top: 310px; /* if relative, Opera probs with z-index against right drawing */
}
#content #pic4 {	/* empty, to protect address */
	clear: right;
	float: right;
	width: 14.4em; height: 3.3em;
	/* border: 1px solid yellow; */
}

/* --- menu --- */
ul#menu {
	list-style-type: none;
	margin: 40px 0 0 0; padding: 0;
	font-size: 90%;
	font-weight: bold;
}
ul#menu li {
	border-left: 15px solid #808000;
	padding: 0 0 0 10px;
	margin: 10px 0 2em 0;
	line-height: 10px;
}
ul#menu li a {
	text-decoration: none;
}

/* --- footer --- */
#footer {
}
#copyright {
	font-size: 70%;
	margin: 1em 0 0 20px;
}
address {
	position: absolute; top: 500px; right: 35px;
	/* width: 12em; */
	clear: right;
	font-style: normal;
	font-size: 90%;
	text-align: right;
	margin: 0 40px 0 0;
	padding-left: 1px; padding-right: 1px;
	background-color: #010471; /* in case border overlaps */
	/* display: inline; */
	/* border: 1px solid white; */
}
#credits {
	margin-top: 1em;
}