/*--------------------------------------------Defaults--------------------------------------------
-------------------------------------------------------------------------------------------------*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }

ul,ol { list-style: none; }

fieldset,img { border: none; }

caption,th { text-align: left; }

table { border-collapse: collapse; border-spacing: 0; }

html, body { height: 100%;}



/*--------------------------------------------Structure--------------------------------------------
-------------------------------------------------------------------------------------------------*/
			
body {
	text-align: center;
	background-color: #e5e5e5;
	width:100%;
	min-width:1100px;
	background-image:url(../images/content_bg.gif);
	background-repeat:repeat-y;
	background-position:center;
	}

#headerWrapper {
	height: 70px;
	background-color: #ffffff;
	}
	
#header {
	width: 1100px;
	height: 70px;
	background-color: #ffffff;
	}
	
#wrapper {
	width: 1100px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: -70px auto -80px; /*negative top margin to pull wrapper back up over #test ... negative bottom margin to create footer stuck to browser*/
	background-color: #ffffff;
	text-align: left;
	}

#navContainer {
	width: 1160px;
	height: 51px;
	float: left;
	background: #ffffff;
	background-image:url(../images/navContainer_bg.gif);
	background-position:center;
	margin-left:-30px;
	}

#content {
	float: left;
	width: 1070px;
	height:auto;
	background-color: #ffffff;
	padding: 10px 0 10px 30px;
	}
	

	
#textContent {
	float:left;
	width: 570px;
	}

#push { /*to push footer into negative bottom margin of #wrapper*/
	clear: both;
	height: 80px;
	}
	
#footer {
	margin: 0 auto;
	height: 60px;
	width: 1070px;
	text-align: left;
	background-color: #f3f3f3;
	padding: 20px 0 0 30px;
	}

#footerCol1 {
	float: left;
	width: 810px;
	height: 50px;
	}
	
#footerCol2 {
	float:right;
	width: 260px;
	height: 50px;
	}
	
/*--------------------------------------------Fonts--------------------------------------------
-------------------------------------------------------------------------------------------------*/

html { 
	font-size: 100%;
	}

body {	
	font-family: "Courier New", Courier, mono;
	font-size: 62.5%;
	font-weight: lighter;
	letter-spacing: 1px;
	color: #444444;
	}

p {
	margin-bottom: 1.4em;
	}
		
p, #textContent ul {
	font-size: 1.3em;
	line-height: 1.3;
	}

h1 {
	font-size: 1.5em;
	}

#footer {
	font-size: 1.2em;
	color: #444444;
	}

/*--------------------------------------------Links--------------------------------------------
-------------------------------------------------------------------------------------------------*/

a { color: #444444;}

a:link, a:visited { text-decoration: none; }
a:hover, a:active  { text-decoration: none; color: #2971a7;}

#header a {
	display: block;
	width: 308px;
	height: 70px;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	text-indent: -2000px;
	margin-left: 28px;
	}



/*--------------------------------------------Navigation--------------------------------------------
-------------------------------------------------------------------------------------------------*/

#navContainer {
	font-size: 1.3em;
	}

#mainNav
	{
	float:left;
	margin: 23px 0 0 42px;
	}
	
#mainNav a
	{
	text-align: center;
	display:block;
	/*border: 1px solid #555;*/
	white-space:nowrap;
	margin:0;
	padding: 3px 10px 3px 18px;
	}
	
#mainNav a.last
	{
	padding-bottom: 0.8em;
	}
	
#mainNav a:link, #mainNav a:visited, #mainNav a:active	/* menu at rest */
	{
	color: black;
	background-color: white;
	text-decoration:none;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	}
	
#mainNav a:hover						/* menu on mouse-over  */
	{
	color: #2971a7;
	background-color:none;
	text-decoration:none;
	}	
	
#mainNav a.top_parent, #mainNav a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{	
	background-image: url(../images/divider.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	/*background-color: aqua;*/
	}

#mainNav li.active a.top_parent {color: #2971a7;}	/* adds color to active top-parent */

#mainNav ul.first a.top_parent 		/* removes down-arrow and padding on first top-parent */
	{
	background-image: none; 
	/*padding-left: 12px;*/
	}	
	
#mainNav a.parent, #mainNav a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(../images/nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#mainNav ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	/* width:9em;	 width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#main a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}


#mainNav li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;	/* Sophie Dennis contribution for IE7 */
	}

#mainNav ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 0 1em 1em 1em;
	margin:0 0 0 -1em;
	/*padding: 1em;
	margin: -1em 0 0 -1em;
	background-color: aqua; --- changed from this to above to increase clickable area on top parent */
	}

#mainNav li li a {text-align: left;}

#mainNav ul ul ul
	{
	top:0;
	left:100%;
	}

div#mainNav li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#mainNav li:hover ul ul,
div#mainNav li li:hover ul ul,
div#mainNav li li li:hover ul ul,
div#mainNav li li li li:hover ul ul
{display:none;}

div#mainNav li:hover ul,
div#mainNav li li:hover ul,
div#mainNav li li li:hover ul,
div#mainNav li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */

	
/*--------------------------------------------Client List--------------------------------------------
-------------------------------------------------------------------------------------------------*/
	
#textContent ul {
	float: left;
	width: 280px;
	}
	
/*--------------------------------------------Contact Form--------------------------------------------
-------------------------------------------------------------------------------------------------*/

#contactDiv {
	/*background-color: #efefef; */
	float: left;
	width: 57em; 
	}

fieldset#contactform	{
	width: 56em;
	max-width: 90%;
	margin-top: 0.5em;
	margin-bottom: 3em;
	padding: 1.5em 0 0 1em;
	border: 1px solid #ccc;
	background: #f8f8f8;
	}

label	{
	display: block;
	padding: 0 0 0.2em 0;
	}

input { width: 20em; }

input:focus, textarea:focus { background: #ffc; }

input.submit	{
	width: auto;
	margin: 0.1em 0 0 0;
	}

input.submit:focus { background: none; }

textarea	{
	width: 22em;
	height: 8em;
	}

.required	{
	font-size: 0.85em;
	color: #f95951;
	}

input[type="text"], textarea	{
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}

form p {position: relative;}

.feedback 	{
	position:absolute;
	margin-left: 6em;
	left: 200px; 
	top: 16px;
	font-size: 0.85em;
	font-weight: bold;
	color: #f95951;
	padding-left: 23px;
	background: url(../images/error.png) no-repeat 0 50%;
}