﻿input { padding:0 0 0 0; margin:0 0 0 0; }

BODY { background-color:#ebebeb; margin-top:0; margin-bottom:0;margin-left:auto; margin-right:auto; position: relative; min-width:900px;  width: 900px;  padding: 0;

	}

h1 
  {
/*	font-family:Arial;
	color:#007471;
	font-size:large; */
	
    font-family: Arial; 
    font-weight:bold; 
    font-size:16pt; 
    color:#0f7975;
  
  }

h2
  {
    font-family: Arial; 
    font-weight:bold; 
    font-size:14pt; 
    color:#FFFFFF;
  
  }

h3
  {
    font-family: Arial; 
    font-weight:bolder; 
    font-size:16pt; 
    text-align:center;
  }

  ul
  {
	font-family:Arial;
	color:#007471;
	color:Black;
	font-size:small;
  }


.centerimages
{
text-align:center;
}


.newlink
{
color: #007471;
text-decoration: none;
font-family:Arial;
font-size:small;
}

.nolink
{
color: #000000;
text-decoration: none;
font-family:Arial;
font-size:small;
}



#dropmenudiv{
position:absolute;
line-height:18px;
z-index:100;
font-family:Arial;
font-size:.65em;
border: solid 1px #C6712E;
}

#dropmenudiv a{
width: 100%;
color: #FFFFFF;
display: block;
text-indent: 7px;
padding: 1px 0;
background-color:#007471;
}
  #dropmenudiv a:link
  {
	color: #FFFFFF;
			text-decoration:none;
  }
  #dropmenudiv a:visited.menuitem
  {
	color: #FFFFFF;
			text-decoration:none;
  }
  #dropmenudiv a:active.menuitem
  {
	color: #FFFFFF;
		text-decoration:none;
  }
  #dropmenudiv a:hover.menuitem
  {
	color:#FFFFFF;
	text-decoration:underline;
  }

#dropmenudiv a:hover{ /*hover background color*/
color: white;
}


a:link { color: #007471; text-decoration: none; }
a:active { color: #007471; text-decoration: none; }
a:visited { color: #007471; text-decoration: none; }
a:hover { color: #007471; text-decoration: underline; }



p.ImageTitle 
{
	color:#007471;
}

  #content p
  {
	font-family:Arial;
	color:#007471;
	color:Black;
	font-size:small;
  }
#borderleft 
{	margin-left:auto;
	margin-right:auto;
	width:945px; 
	background-image: url(images/left2.jpg);
	background-position:left;
	background-repeat:repeat-y;
}

#borderright
{
	background-image: url(images/right2.jpg);
	background-position:right;
	background-repeat:repeat-y;
}
	
#entire 
{ 
	margin-left:auto;
	margin-right:auto;
	min-width:900px;
	width:900px;
	background:white;

}
#top { position: relative; top: 0; left: 0; min-width: 600px; width: 100%;}

  #header
  {
	background-color:#007471;
	position:relative;
	height:7em;
	background-image: url('images/repeat.JPG');
	background-repeat:repeat;}

  #banner 
  {
	background-color:White;
  }

  #menu
  {
	
	/*border-top-style:solid;
	border-top-width:3px;
	border-top-color:#C6712E;
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#C1702F;*/
	    background:#FFFFFF;
	    	padding-bottom:.28em;
	background-image: url("images/bottom.jpg"); 
	background-position: bottom;
	background-repeat:repeat-x;
    }
    #menutop 
    {
		width:100%;
		height:100%;
		text-align:center;
		padding-top:.30em;
	background-image: url("images/top.jpg"); 
	background-position: top;
	background-repeat:repeat-x;
	
    }
	#menuleft
    {
	width:100%;
	height:100%;
	background-image: url("images/left.jpg"); 
	background-position: left;
	background-repeat:repeat-y;
    }
    #menuright
    {
	width:100%;
	height:100%;
	background-image: url("images/right.jpg"); 
	background-position: right;
	background-repeat:repeat-y;
    }
    #menucontent
    {
			
		
		
    }
 #images
  {
	border-left-style:solid;
	border-left-width:3px;
	border-left-color:#C6712E;
	height: auto;
	background-color:#007471;
	background-color:#009999;
	padding: 0px 0px 0px 0;
	margin: 0 0 0 0;
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#C1702F;
  }
 #images img
 {
	display:block;
 }
    
#content
{
	background:WHITE; color:black; position:relative;  }

/* Kent Matthew */
/*
#left {  position: absolute;  top:0; width: 190px; }
#middle {  min-height:400px; background-color:#FEFEFE; position: relative; min-width: 360px;  margin-right:200px; padding-top:0; padding-left:1em; padding-right:0em; padding-bottom:1em;}
#right {  position:absolute; left:684px; top:0; height:100%; width:100%; border-left:solid 2px black;}
*/
#left 
{
	left:15px; 
	position: absolute;
	top:0; 
	height:100%; 
	width:21%; 
}
#middle 
{
	background-color:#FEFEFE; 
	position: relative;
	margin-left:210px; 
	margin-right:200px; 
	padding-top:0; 
	padding-left:0em;
	padding-right:0em; 
	padding-bottom:1em;
	vertical-align:top;
	border-left:solid 2px black;
}
#bigmiddle 
{
	background-color:#FEFEFE; 
	position: relative;
	margin-left:210px; 
	padding-top:0; 
	padding-left:0em;
	padding-right:0em; 
	padding-bottom:1em;
	vertical-align:top;
	border-left:solid 2px black;
}

#anothermiddle 
{
	background-color:#FEFEFE; 
	position: relative;
	/*margin-left:20px; 
	margin-right:20px; */
	padding-top:0; 
	padding-left:0em;
	padding-right:0em; 
	padding-bottom:1em;
	vertical-align:top;
	/*border-left:solid 2px black;
	border-right:solid 2px black;*/
	font-family: Arial; 
	font-size:10pt;
}


#right 
{
	position:absolute; 
	top:0; 
	height:100%; 
	border-left:solid 2px black;
}


#middleextra {  min-height:400px; background-color:#FEFEFE; position: relative; min-width: 360px; padding-top:0; padding-left:3em; padding-right:3em; padding-bottom:1em;}
#middle p { padding-right:1em; }
/* Could not for the life of me get this to sit right in IE 6 and FireFox so I did a hack to make it work...
:(*/
html>body #right {left:700px; }


#footer
  {
	position:relative;
	background-color:#007471;
	background-image: url('images/repeat.JPG');
	background-repeat:repeat;
	height:1.5em;
	border-top-style:solid;
	border-top-width:2px;
	border-top-color:#C1702F;
  }





#orangeseparator
  {
	border-left-style:solid;
	border-left-width:2px;
	border-left-color:#C1702F;
	border-right-style:solid;
	border-right-width:2px;
	border-right-color:#C1702F;

	/* Need to heighten so that content from FAQ slideshow9.aspx doesn't extend past horizontal orange border at bottom*/
	/* height:1040px; */
	height:1070px;
	
  }



#orangeseparatorleft
  {
	border-left-style:solid;
	border-left-width:2px;
	border-left-color:#C1702F;
  }


#orangeseparatorright
  {
	border-right-style:solid;
	border-right-width:2px;
	border-right-color:#C1702F;
  }




/* HR styles need for IE/Win. */
HR.holder { width:600px; visibility: hidden; } /* Equal to 'top' */
HR.left, HR.right { width: 120px; visibility: hidden; }
HR.middle { width: 360px; visibility: hidden; } 

/* These HR styles replace the above, and are needed for Netscape 4.x. 
   Left and right margins are half the relevant DIV width */
HR.holder { width:0; margin: 0 300px; } /* Equal to 'top' */
HR.left, HR.right { width: 0; margin: 0 60px; }
HR.middle { width: 0; margin: 0 180px;  } 

/* DIVs must have a border value set in Netscape 4.x */
DIV { border: none; overflow: visible; }

  #thinkagain
  {

  }
  
    #int_logo
  {
	float:left;
	padding-top:0em;
	width:20em;
	text-align:center;
	position:relative;
	line-height:1.5em;

  }
  
   #mini_logo
  {
	float:right;
	padding-top:1em;
	padding-left:6px;
	width:20em;
	text-align:center;
	position:relative;
	line-height:1.5em;
	font-family:Arial;
	font-size:1.0em;
	font-weight:700;
	color:#FFFFFF;
  }
    span.title 
  {
	letter-spacing: .2em;
	position:relative;
	font-weight:700;
	padding-left: .5em;
	padding-right: .5em;
	top:7px;
	color:#FFFFFF;
	border-bottom: solid .1em #FFFFFF;
	font-family:Bodoni MT;
	font-size:1.48em;
	font-weight:400;
  }
  span.subtitle 
  {
	letter-spacing: .15em;
	position:relative;
	top: .6em;
	font-weight:700;
	color:#FFFFFF;
	font-size:1.0em;
  }
  #years
  {
	padding-top:1em;
	text-align:center;
  }
    span.large 
  {
	font-family:Arial Black;
	font-weight:500;
	font-size:1.1em;
	color:#FFFFFF;
  }
  span.huge
  {
	font-family:Arial Black;
	font-weight:500;
	font-size:1.7em;
	color:#FFFFFF;
  }
  div.copyright
  {
	position:absolute;
	left:1em;
	bottom:.4em;
	font-family:Arial;
	color: #ffffff;
	font-size:x-small;
  }
  div.phonenumber
  {
	position:absolute;
	right:1em;
	bottom:.1em;
	font-family:Arial Black;
	color: #ffffff;
  }
  div.nopad
  {
	padding:0 0 0 0;
	padding-left:8px;
	margin:0 0 0 0;
  }
  a.menuitem
  {
	font-family:Arial;
	position:relative;
	font-weight:bold;
	margin: 3px 1.5%;
	text-decoration:none;
	font-size:.75em;
  }
  a:link.menuitem
  {
	color: #007471;
  }
  a:visited.menuitem
  {
	color: #007471;
  }
  a:active.menuitem
  {
	color:#007471;
  }
  a:hover.menuitem
  {
	color:#CC6600;
  }


/* Kent Matthew */
  span.menuitem
  {
	color: #007471;
	font-family:Arial;
	position:relative;
	font-weight:bold;
	margin: 3px 1.5%;
	text-decoration:none;
	font-size:.75em;
  }


div.rightlogo
{
	padding-top:0;
	width:195px;
	display:block;
}
div.ImageTitle
{
	text-align:center;
}
 p.ImageTitle
 {
	color:#7bb2af;
	color:#FFF;
	font-family:Arial;
	font-size:1em;
	font-style:italic;
	font-weight:bold;
 }
  
  #content h1 
  {
	font-family:Arial;
	color:#007471;
	font-size:large;
  }

  div.quoteheader p
  {
	font-family:Arial;
	color:#007471;
	font-size:small;
  }
  #casestudies
  {
	font-family:Arial;
	margin-left:25px;
	padding-right: 1em;
	color:black;
	font-size:small;
  }
  #casestudies tr
  {
	height:100px;
  }
  
  
  #brochure
  {
	font-family:Arial;
	color:black;
	font-size:small;
  }
  
  #content em
  {
	font-weight:bold;
  }
  #content table
  {
  }
  table.container
  {
	margin-top:1em;
	margin-left:1em;
	padding-right: 1em;
  }
  div.quote
  {
	display:block;
	text-align:left;
	font-family:Arial;
	font-size:large;
	font-style:italic;
	color:#007471;
  }
  div.quote2
  {
	display:block;
	text-align:left;
	font-family:Arial;
	font-size:11pt;
	font-style:italic;
	color:#007471;
  }
  span.normal
  {
	font-size:small;
  }
  p.quote
  {
	font-style:italic;
	font-weight:bold;
	font-size:medium;
  }
  div.casestudy
  {
	position:relative;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	margin-top: 1em;
  }
  div.caseimage
  {
	position:relative;
	float:left;
	height:100%;
	vertical-align:middle;
  }
  
  div.caseimage img
  {
	display:block;
  }
  div.center
  {
	width:350px;
  }
  div.casetext
  {
	padding-left:210px;
  }
  div.morelogos
  {
	width:100%;
  }
  div.rightbox
  {
	padding-top:0; margin-top:0;
	position:relative;
	background:#FFFFFF;
	margin-bottom:2em;
	width:100%;
  }
  div.rightheader
  {
	text-align:center;
	font-size:medium;
	font-weight:bold;
	font-family:Arial;
	color:white;
  }
  div.rightcontent
  {

  }
  
  em.date
  {
	font-weight:bold;
	/* Kent Matthew */
	/* border-bottom: solid .1em black; */
	text-decoration:underline;
  }
  
  #leftmenu
  {
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	border-bottom: solid 1px #C1702F;
	font-family:Arial;
	color:#FFFFFF;
	font-size:.75em;
	font-weight:bold;
  }
#leftmenu  a:link { color:#FFFFFF; text-decoration: none }
#leftmenu a:active { color:#FFFFFF; text-decoration: none }
#leftmenu a:visited { color:#FFFFFF; text-decoration: none }
#leftmenu a:hover { color:#FFFFFF; text-decoration: underline }
  
  .menutop
	{
		display:block;
		padding-top:5px;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:5px;
		background-color:#007571;
	}

  .menuout
	{
		font-weight:normal;
		display:block;
		padding-left:20px;
		padding-right:5px;
		background-color:#007571;
	}
  
  div.box
  {
	background-image:url(images/box.jpg);
	background-repeat:no-repeat;
	display:block;
	position:relative;
	float:left;
	 margin-left: 6.8%;  
	 height:274px; 
	 width: 219px; 
	 background-color:#c9c8c6;
	 max-height:274px;
	 max-width:219px; 
	 overflow:hidden;
  }
  div.bottomlogo
  {
	float:left;
	padding-top:10px;
	padding-left:10px;
  }

