/* The size can be calculated from pixels to em using this formula: pixels/16=em */
/* The size can be calculated from em to pixels using this formula: em*16=pixels */
body
{
  font-size: 62.5%; /* 10px at default size of 16 */
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
}

img, a, div
{
  border: 0;
  margin: 0;
  padding: 0;
}

a:link, a:visited, a:active
{
  color: blue;
  text-decoration: none;
}
a:hover
{
  color: #00008B;
  text-decoration: none;
}

.serifText1
{
	font-family: Georgia, "Times New Roman", Times, serif;
}

.blueText
{
  color: #384A8C;
}

.italicText
{
  font-style: italic;
}

.boldText
{
  font-weight: bold;
}

.underlineText
{
  text-decoration: underline;
}

.indented
{
  padding-left: 3em; /* 30px */
}

.pageHeader
{
  margin: 0;
  padding: 0;
  color: #384A8C;
}

#mainContainer
{
  width: 80em; /* 800px */
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

#header
{
  margin: 0;
  margin-top: 1em;
  padding: 0;
  padding-bottom: 1em; /* 10px */
}
#header img
{
  width: 80em; /* 800px */
  display: block;
}
#headerTop
{
  height: 11.2em; /* 112px */
}
#headerBot
{
  height: 20em; /* 200px */
}

#contentLeft /*128px */
{
  width: 12.8em; /*128px */
  float: left; 
  padding: 0;
  margin: 0;
}
#contentLeft ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#contentLeft a
{
  font-size: 1.2em; /* 12px */
}
#contentLeft a:link, #contentLeft a:visited
{
  display: block;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #374B8A;
  width: 10em; /* 120px */
  text-align: center;
  padding: .333em; /* 4px */
  text-decoration: none;
  text-transform: uppercase;
}
#contentLeft a:hover, #contentLeft a:active
{
  background-color: #00008B;
}
/* #socialLinks makes the social networking icon links appear on one line */
#socialLinks
{
  width: 12em; /* 120px */
  padding: .4em; /* 4px */
  margin: 0;
  text-align: center;
  background-color: #374B8A;
}
#socialLinks:hover, #socialLinks:hover a
{
  background-color: #00008B;
}
#socialLinks img
{
  width: 1.6em; /* 16px */
  height: 1.6em; /* 16px */
}
#contentLeft #socialLinks a
{
  font-size: 1em;
  display: inline;
}

/* make the width 5 pixels short so right content
     does not line break. just build the 5 pixels
     into the padding for the center content */
#contentCenter /* 507px, should be 512px */
{
  font-size: 1.3em;
  width: 36.308em; /* 472px */
  float: left;
  margin: 0;
  padding-left: 1.538em; /* 20px */
  padding-right: 1.154em; /* 15px, the other 5px are built into the width */
}

#contentRight /* 160px */
{
  font-size: 1.2em;
  width: 12.5em; /* 150px */
  float: right;
  margin: 0;
  padding: .417em; /* 5px */
  background-color: #E5E5E5;  /*E5E5E5*/
}

#testimonialHeader
{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  text-align: center;
}
#testimonialPerson
{
  font-size: .83em; /* 10px */
}

#footer
{
  text-align: center;
  clear: both;
  padding: 5.7em 0 1em 0; /* 10px */
  margin-bottom: 1em;
  background: #d5d5d5; /* old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #d5d5d5 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d5d5d5)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d5d5',GradientType=0 ); /* ie */
}
#footer a
{
  text-transform: uppercase;
  font-size: .9em; /* 9px */
}

#copyrightText
{
	margin-top: 1em; /* 10px */
}