/* This rule resets a core set of elements so that they will appear consistent across browsers.*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
/* The body  */
body {
  background-color: #FF3399;
  color: #5f5f5f;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  margin: 0 0 0 10; /* Sets the margin properties  (top, right, bottom, left) */
  padding: 0 0 0 10; /* Sets the padding properties  (top, right, bottom, left) */
  text-align: center; /* Centers the page content container in IE 5 browsers. */
}
/* Commonly used to style page titles. */
h1 {
  color: #606060;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  padding-bottom: 10px;
  padding-top: 10px;
 
}
/* Commonly used to style section titles. */
h2 {
	color: #606060;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
}
/* set header font. */
h3 {
  color: #606060;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
}
/* set topheader font. */
h4 {
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  }
h5 {
	color: #606060;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align:center
}
 /* dotted line. */ 
  hr {background-color: #fff; 
  border: 2px dotted #dfb2c8;
  border-style: none none dotted;
  width: 125px;
  float:left;
  padding:  0 0 0 10; 
  }
/* Sets the style for unvisited links. */
a,  a:link {
  color: #FF3399;
  font-weight: bold;
  text-decoration: none;
}

/* Sets the style for visited links. */
a:visited {
  color: #FF3399;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #000;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #000;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #999999;
}
/* This is a container for the page content. */
#outerWrapper {
  background-color: #FFFFFF;
  margin: 0 auto 0 auto; /* Sets the margin properties  (top, right, bottom, left) */
  text-align: left; /* Redefines the text alignment defined by the body element. */
  width: 950px;
  background-image:url(assets/peopleonthebackground22.png);
  background-position:5% 93%;
  background-repeat:no-repeat;
}
#outerWrapper #header {
  background-color: #000000;
  border-bottom: solid 1px #FF3399; /* Sets the bottom border properties  */
  padding: 0px 0px 0px 0px; /* Sets the padding properties  (top, right, bottom, left) */
  height: 240px;
}
#outerWrapper #topheader {
  background-color: #FFFFFF;
  /*border-bottom: solid 1px #FF0099; /* Sets the bottom border properties */
  font-size: 18px;
  font-weight: bold;
  padding: 0px 0px 0px 0px; /* Sets the padding properties  (top, right, bottom, left) */
  height: 91px;
}
#outerWrapper #contentWrapper #leftColumn1 {
  /*background-color: #ffffff;*/
 
  float: left;
  padding: 10px 30px 10px 20px; /* Sets the padding properties  (top, right, bottom, left) */
  margin-right: 20px;
  width: 220px;
}
/* Contains the main page content. */
#outerWrapper #contentWrapper #content {
 border-left: solid 1px #FF3399; /* Sets the right border properties  */
  margin: 0 0 0 250px; /* Sets the margin properties  (top, right, bottom, left) */
  padding: 10px 40px 10px 40px; /* Sets the padding properties  (top, right, bottom, left) */
}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts.*/
#outerWrapper #contentWrapper .clearFloat {
  clear: left;
  display: block;
}
#outerWrapper #footer {
 background-color: #000000;
  border-top: solid 1px #FF0099; /* Sets the top border properties  */
  padding: 10px 10px 10px 100px; /* Sets the padding properties  (top, right, bottom, left) */
}
.imgleft {
float:left;
margin:6px 10px 6px 0px;
/*border:1px #FF3399;
background:#FFFFFF*/
}
.imgright {
float:right;
margin:6px 10px 2px 0px;
}
UL { list-style-type: disk;
 list-style-position: outside;
}

ol { list-style-type: default;
list-style-position: outside;
padding: 0;
margin-left: 10px;
 }
    /* footerlinks. */
.footerlink a:link {
  color: #5f5f5f;
  font-size:10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: none;
}
  /* visited footerlinks. */
.footerlink a:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size:10px;
  color: #5f5f5f;
   font-weight:normal;
   text-decoration: none;
}
/*  mhover footerlinks */
.footerlink a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size:10px;
  color: #5f5f5f;
  font-weight:normal;
  text-decoration: underline;
  
}
/* footerlink that has focus. */
.footerlink a:focus {
  font-family: Arial, Helvetica, sans-serif;
  font-size:10px;
  color: #5f5f5f;
   font-weight:normal;
}
/* active footerlink */
.footerlink a:active {
  font-family: Arial, Helvetica, sans-serif;
  font-size:10px;
  color: #5f5f5f;
   font-weight:normal;
}