<style type="text/css" media="all">

/* 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;
}
/* The body is the outermost layout component and contains the visible page content.  */
body {
	background-color: #353535;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin: 0px 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: center; /* Centers the page content container in IE 5 browsers. */
}
/* Commonly used to style page titles. */
h1 {
	color: #FFFFFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 18px;
	padding-top: 0px;
	padding-bottom: 0px;
}
/* Commonly used to style section titles. */
h2 {
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	padding-top: 0px;
}
h3 {
	color: #FFFFFF;
	font-size: 11px;
	line-height: 14px;
}
/* Sets the style for unvisited links. */
a,  a:link {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #fff;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #fff;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #fff;
}

/* Container for the page content. */
#outerWrapper {
	background-color: #353535;
	margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 1100px;	/* background-image: url(images/public/src.jpg);*/
	border-color: #353535;
	border-style: solid;
	border-width: 1px;
	background-image: url(../images/home/home2.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}
#outerWrapper #header {
	height: 40px;
	padding: 0px 0 0 123px;
}
#outerWrapper #contentWrapper #leftColumn1 {
	padding: 130px 10px 10px 125px; /* Padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 38em;
	height: 415px;
	float: left;
}
/* Contains the main page content.  */
#outerWrapper #contentWrapper #content {
	float: right;
	padding: 85px 35px 0px 0px;
	width: 450px;
	margin: 0 0 0em 0em;
}


/* Using floated elements and a clear float class. */
#outerWrapper #contentWrapper .clearFloat {
  clear: left;
  display: block;
}
#outerWrapper #logo {
	padding: 0px 0px 0px 93px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	height: 74px;
}
#footer {
	padding: 0px 0px 0px 0px; 
	height: 20px;
	text-align: center;
	font-size: 9px;
}
.img {
	margin-right: 15px;
}

</style>
<style type="text/css" media="print">

body {
  background-color: #fff;
  background-image: none;
  color: #000;
}

</style>
