@charset "UTF-8";
/* CSS Document */

@import "reset.css";


/* typography ------------------------------------------------
-------------------------------------------------------------- */


/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { 
font-size:100.01%; 

}

body { 
  font-size: 75%;
  color: #222; 
  background: #36508B;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}





/* Headings
-------------------------------------------------------------- */

h2,h3,h4,h5,h6 { font-weight: normal; color: #0f76C1; }


h1 {
}




h2 {
	color: #669999;
	position: absolute;
	padding-left: 30px;
	z-index: -500;
	left: 876px;
	top: 415px;
	width: 150px;
}


h3 {
	font-size: 2em;
	margin-bottom: 0.20em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-top: 0px;
}


h4 {
	font-size: 1.50em;
	margin-bottom: 0.35em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-top: 0px;
}

h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }

p img.left  {
	float: left;
	padding: 0;
	margin-top: 5px;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 0;
}
p img.right {
	float: right;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 1.5em;
	margin-left: 1.5em;
}

.imageborder {
	margin-bottom: 25px;
	border: medium solid #D4C8B7;
	}

p.bodytxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: normal;
	color: #666666;	
}

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


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

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }

ol          { list-style-type: decimal; }

.listtxt {
	margin-top: -.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: normal;
	color: #666666
}

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 2.5em; margin-bottom: .10em; padding-bottom: 0em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
#header  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
#infobar       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }




/* Page Design ------------------------------------------------
-------------------------------------------------------------- */

#pagewrapper {
	}

.contentwrapper {
	width: 840px;
	height: 100%;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 20px;
	padding-right: 20px;
	}

.contentwrapper-760 {
	width: 760px;
	height: 100%;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 20px;
	padding-right: 20px;
	}

#header {
	background-color: #36508B;
	width: 100%;
	}

#logo {
	float: left;
	text-indent: -9999px;
	margin: 0px 0 0 0;
	width: 294px;
	height: 55px;
	background-image: url(/images/logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 32px;
	left: 20px;
	z-index: 200;
}

#logo a {
	display: block;
	width: 294px;
	height: 55px;
	}

	
#tancontent {
	background-color: #EAE3D9;
	width: 100%;
	}

#maincontent {
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	}

#footer {	
	background-color: #36508B;
	height: 125px;
	width: 100%;
	color: #BCC8E0;
	}
	
#footer .left {
	float: left;
	text-align: left;
	}
	
#footer .right {
	float: right;
	text-align: right;
	}
	
#footer a {
	color: #BCC8E0;
	text-decoration: none;
	}

#footer a:hover {
	color: #BCC8E0;
	text-decoration: underline;
	}

#infobar {
	height: 30px;
	width: 100%;
	color: #BCC8E0;
	}
	
#infobar .left {
	padding: 4px;
	float: left;
	}
	
#infobar .right {
	padding: 4px;
	float: right;
	}
	
#infobar a {
	color: #BCC8E0;
	text-decoration: none;
	}

#infobar a:hover {
	color: #BCC8E0;
	text-decoration: underline;
	}

#masthead {
	height: 117px;
	width: 100%;
	background-image: url(/images/test-header.jpg);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;	
	}
	
#qaimage {
	margin-left: 20px;
	margin-bottom: 60px;
	float: right;
	border: medium solid #D4C8B7;
	width: 334px;}
		
#featureimage {
	float: left;
	border: medium solid #FFFFFF;
	width: 434px;
}

#featureimageright {
	float: right;
	border: medium solid #FFFFFF;
	width: 484px;
}

#featuretextbox {
	float: left;
	padding-left: 25px;
	text-align: left;
	width: 372px;
	}
	
#feaureheader {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	font-style: italic;
	color: #0f76C1;
	padding-bottom: 4px;
	width: 100%;
	}
	
#featuretext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.46em;
	font-style: normal;
	line-height: 1.56em;
	color: #363231;
	padding-left: 2px;
}

#featurebutton {
	float: left;
	padding-left: 25px;
	}
	
.subfeaturebox {
	font-size: 1.2em;
	font-weight: normal;
	color:#666666;
	height: 100%;
	padding-right: 25px;
	}
	
.subfeaturefloat {
	width: 100%;
	height: 100%;
	padding-right: 25px;
	float: left;
	text-align: left;	
	}

.subfeaturebox-nopad {
	font-size: 1.2em;
	font-weight: normal;
	color:#666666;
	height: 100%;
	padding-right: 0px;
	}
	
.subfeaturefloat-nopad {
	width: 100%;
	height: 100%;
	padding-right: 0px;
	float: left;
	text-align: left;	
	}
	
.mugshots {
	height: 100%;
	width: 206px;
	float: left;
}

.mugdescriptions {
	margin-top: -10px;
	padding-bottom: 5px;
}

.middle {
	margin-right: 58px;
	margin-left: 58px;
}

.descimages {
	float: right;	
	}

.desc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	line-height: 13px;
	font-variant: normal;
	padding-top: 5px;
	text-align: left;
	padding-bottom: 10px;
	padding-left: 5px;
}

/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top {
  padding-top: 25px;
}

.append-bottom {
  padding-bottom: 25px;
}

/* Use a .box to create a padded box inside a column.  */
.box {

}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;
}

hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

/* Border on right hand side of a column. */
div.border {
  margin-right: 5px;
  border-right: 1px solid #EAE3D9;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #EAE3D9;
}


/* MAIN NAVIGATION ------------------------------------------------
-------------------------------------------------------------- */


#main-navigation {
	position: relative;
	width: 840px;
	height: 100%;
	
}

.nav {
	width: 475px;
	height: 33px;
	position: absolute;
	
	top: 84px;
	left: 347px;

	background-image: url(/images/navsprite.png);
	background-repeat: no-repeat;
	
}

.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 33px;
	text-indent: -9000px;
	overflow: hidden;
}
	.nav .home a:link, .nav .home a:visited {
		left: 0px;
		width: 83px;
	}
	.nav .home a:hover, .nav .home a:focus {
		background: url(/images/navsprite.png) no-repeat -0px -34px;
	}
	.nav .home a:active {
		background: url(/images/navsprite.png) no-repeat -0px -68px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(/images/navsprite.png) no-repeat -0px -68px;
		cursor: default;
	}



	.nav .about a:link, .nav .about a:visited {
		left: 83px;
		width: 104px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(/images/navsprite.png) no-repeat -83px -34px;
	}
	.nav .about a:active {
		background: url(/images/navsprite.png) no-repeat -83px -68px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(/images/navsprite.png) no-repeat -83px -68px;
		cursor: default;
	}
	


	.nav .serv a:link, .nav .serv a:visited {
		left: 187px;
		width: 98px;
	}
	.nav .serv a:hover, .nav .serv a:focus {
		background: url(/images/navsprite.png) no-repeat -187px -34px;
	}
	.nav .serv a:active {
		background: url(/images/navsprite.png) no-repeat -187px -68px;
	}
	.current-serv .serv a:link, .current-serv .serv a:visited {
		background: url(/images/navsprite.png) no-repeat -187px -68px;
		cursor: default;
	}
	
	
	
	.nav .qa a:link, .nav .qa a:visited {
		left: 286px;
		width: 72px;
	}
	.nav .qa a:hover, .nav .qa a:focus {
		background: url(/images/navsprite.png) no-repeat -286px -34px;
	}
	.nav .qa a:active {
		background: url(/images/navsprite.png) no-repeat -286px -68px;
	}
	.current-qa .qa a:link, .current-qa .qa a:visited {
		background: url(/images/navsprite.png) no-repeat -286px -68px;
		cursor: default;
	}


	
	.nav .contact a:link, .nav .contact a:visited {
		left: 357px;
		width: 118px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(/images/navsprite.png) no-repeat -357px -34px;
	}
	.nav .contact a:active {
		background: url(/images/navsprite.png) no-repeat -357px -68px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(/images/navsprite.png) no-repeat -357px -68px;
		cursor: default;
	}


/* LEFT NAVIGATION ------------------------------------------------
-------------------------------------------------------------- */


#navlist {
	margin: 0px;
	padding: 0px;	
	
}


#navcontainer
{
	float: left;
	width: 310px;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}

#navcontainer ul
{
	list-style: none;
	margin-left: 0;
	padding: 0;
	border: none;
}

#navcontainer li
{
	width: 295px;
	padding: 0;
	margin: 0;
}

#navcontainer li a
{
	text-decoration: none;
	color: #0f76c2;
	display: block;
	padding-top: 9px;
	padding-right: 5px;
	padding-bottom: 9px;
	padding-left: 16px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #3F5E5F;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -1px;
	margin-left: 0px;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
	background-image: url(/images/sub_button.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #EAE3D9;
}


/* special formatting for home page link */
#navcontainer a#notopborder {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #EAE3D9;
}

/* styles for the "you are here" buttons */
#navcontainer a#currentlink {
	padding-right: 5px;
	padding-left: 16px;
	margin: 0px;
	color: #FFFFFF;
	background-image: url(/images/sub_button.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	border: none;
	
}

#navcontainer a#currentlink:hover {
	color: #FFFFFF;
}


/* -----------------------  SUB NAVIGATION  ----------------------- */

.subnavspace {
	height: 10px;
	width: 100%;
}


#navcontainer li li
{
	border: none;
	margin: 0;
}

#navcontainer li li a
{
	text-decoration: none;
	color: #0f76c2;
	display: block;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 35px;
	margin: 0px;
	border: none;
}

#navcontainer li li a:hover
{
	color: #0f76c2;
	background-image: url();
	border: none;
	text-decoration: underline;
}



/* styles for the "you are here" buttons */
#navcontainer a#subcurrent {
	padding-right: 5px;
	padding-left: 35px;
	margin: 0px;
	color: #0f76c2;
	font-weight: bold;
	
}

#navcontainer a#subcurrent:hover {
	color: #0f76c2;
}


/* FORM STYLES ------------------------------------------------
-------------------------------------------------------------- */


label {
	margin-top: 10px;
	
	}

#theform {
	width: 840px;
	height: 100%;
	}
	
#theform fieldset {
	width: 255px;
	border: 0;
	margin: 0;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;

	}

#theform hr {
	display: block; 
	clear: left; 
	margin: -0.66em 0; 
	visibility: hidden;
	}

	
#theform fieldset legend {
	font-size: 4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	}
	
#theform fieldset legend span {
	display: none;
	}
	
#theform fieldset h3 {
	height: 4em;
	font-size: 16px;
	}
	
#theform fieldset div.help {
	color: #999999;
	font-size: 1em;
	height: 4em;
	width: 220px;
	}
	
#theform fieldset label {
	font-size: 16px;
	display: block;
	line-height: 1.5em;
	color: #666666;
	}
	
#theform fieldset input {
	font-size: 14px;
	padding:10px 10px;
	width:200px;
	background-color: #FFF;
	border: 1px double #CBC4BD;
	}

#theform fieldset.error,
#theform fieldset.error legend,
#theform fieldset.error div.help {
	color: #8DB251;
	}
	
#theform fieldset strong.error {
	color: #fff;
	background-color: #8DB251;
	font-size: 12px;
	width: 195px;
	font-weight: bold;
	display: block;
	margin-top:10px;
	margin-bottom:-5px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	}

#pt1 {

	}

#pt2 {

	}

#pt3 {

	}
	
#pt4 {


	}

#pt1, #pt2, #pt3 {
	float: left;
	}


#theform fieldset textarea {
	padding:7px 7px;
	width:100%;
	background:#FFF;
	overflow:hidden;
	height:150px;
	border: 1px double #CBC4BD;
	}
	
#theform .button
{
	margin:0 0 10px 0;
	padding:4px 7px;
	position: relative;
	top:20px;
	width:148px;
	height:47px;
	cursor: pointer;
	background-color: #FFFFFF;
	background-image: url(/images/submitbutton.png);
	background-repeat: no-repeat;
	border: 0px;
}

#theform #pt4 {
	clear: both;
	display: block;
	height: 1px;
	width: 100%;
	}

#theform .required {
	color: #8DB251;
}

/* GOOGLE MAP ------------------------------------------------
-------------------------------------------------------------- */
#leftcol {
	float: left;
	width: 350px;
	}

#rightcol {
	padding-top: 40px;
	float: right;
	width: 360px;
	}
	
#gmap {
	width: 340px;
	height: 302px;
	margin-bottom: 25px;
	border: medium solid #D4C8B7;
	}