/* global rules */
a:link {color: #ffcc33}
a:visited {color: #daa520}
span.phonenumber {color: #339900}
span.disclaimerlabel {color: #ff0000}
span.notguilty {color:#339900; font-weight:bolder}
span.createdby {font-size:xx-small}

body {
	min-width: 950px;
/*	background-color: red;	 debug only */
}

/* graphic block rules */
#graphics {
	margin-top: -10px;
	height: 173px;
  color: #ffd700;
  background-color: #3c4c4f;
}
#graphicstext p {	/* for some reason, overflow hidden doesn't fix the horizontal overflow for #ttphone, so I had to add a width property down there */
	overflow: hidden;
}
#ttcall {
  position: relative;
  top: 8px;
  left: 30px;
  font-size: large;
}
#ttjack {
  position: relative;
  top: -25px;
  left: 70px;
  font-size: xx-large;
  font-style: italic;
  font-weight: bold;
}
#ttaggressive {
  position: relative;
  top: -55px;
  left: 120px;
  font-size: xx-large;
  font-style: italic;
  font-weight: bold;
}
#ttphone {
  position: relative;
  top: -80px;
  left: 420px;
  font-size: x-large;
	font-weight: bold;
	width: 200px;}
#graphics img {
	float: right;
}
#slogan {
	position: relative;
	top: -100px;
	left: 30px;
	font-weight: bold;
}

/* Top navbar rules */
#navbar {
	height: 30px;
	width: 100%;
	background-color: #852a2a;
}
#navbar ul {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 30px;
	text-align: center;
	white-space: nowrap;
}
#navbar li {
	display: inline;
	list-style-type: none;
	margin-left: 2%;
	margin-right: 2%;
}
#navbar li a {
	font-weight: bold;
	text-decoration: none;
	padding: 7px 10px;
}
#navbar li a:hover {
	font-weight: bold;
	background-color: #751a1a;
}

/* middle of the page - services, main content, contact columns */
#middle {
	margin: -2px;
}

/* Left hand services column rules */
#services {
	vertical-align: top;
	padding: 8px;
	background-color:#6c7c7f;
}
#services ul {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}
#services ul li {
	list-style-type: none;
	font-weight: bold;
}
#services ul li a {
	text-decoration: none;
}
#services ul li a:hover {
	font-weight: bold;
	background-color: #5c6c6f;
}
#services ul ul li {
	position: relative;
	left: 8px;
	font-size: small;
	font-weight: normal;
}

/* Main (center) content block */
/* The table layout in the middle only works if there's a paragraph long enough to fill up the browser window */
#main {
	vertical-align: top;
	padding: 8px;
	background-color: #ecf4f7;
}
#main a:link {
	color: #eebb33
}
#main li {
	font-size: smaller;
}


/* Right hand quick contact form rules */
#quickcontact {
	vertical-align: top;
	padding: 8px;
	background-color:#6c7c7f;
}
#quickcontact img {
	margin-top: 10px;
}

/* footer */
#footer {
	padding: 5px;
	background-color:#8c9c9f;
}
#addressphone p {
	margin-top: 0px;
	margin-bottom: 0px;
}
#address {
	margin-left: 20%;
}
#phone {
	float: right;
	padding-right: 20%;
}
#footer hr {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #852a2a;
}
#disclaimer {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#disclaimer p {
	text-align: center;
	font-size: small;
	margin-top: 4px;
	margin-bottom: 4px;
}
#locations {
	margin-left: 5%;
	width: 90%;
}
#locations p {
	text-align: center;
	font-size: small;
	margin-top: 0px;
	margin-bottom: 0px;
}

#submit {
	display: block;
	margin-top: 5px;
}
.contactform p {
	margin-top: 5px;
	margin-bottom: 0px;
}

.resources li {
	list-style-type: none;
}

.bio table {
	margin: 10px;
}