/******* structure and layout *******/
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; 
line-height: 140%;
color: #000000; 
background: #B4B8B7;
margin:10px 0 0 0;
padding:0 0 0 0;
background: #8E979C url(images/bg.gif);
text-align:center;
}

* { padding: 0; margin: 0; }

/*---:[ global elements ]:---*/

a { color: #000066; text-decoration: underline; }

	a:visited { color: #333; text-decoration: underline; }

	a:hover { color: #4483DC; text-decoration: underline; }
	
	a img { border: none; }
	
/*---:[ core layout elements ]:---*/

#wrapper { background-color: #FFFFFF; margin-left: auto; margin-right: auto; width: 960px; clear: both; }

#container { width: 950px; text-align: left; background-color: #FFFFFF; float: left; clear: both; margin-top: 0em; margin-bottom: 2em; padding: 0.3em; background: #ffffff; border: 0.4em solid #ffffff; }

#header { width: 950px; height: 200px; background: url('images/top-header.png') no-repeat; float: left; }

/*---:[ non IE browsers ]:---*/

html>body #content { width: 950px; padding: 10px 0px 0px 0px; float: left; }

/*---:[ IE browsers ]:---*/

#content { width: 950px; padding: 0px 0px 0px 0px; float: left; }

* html #content { overflow: hidden; }

/*---:[ headlines ]:---*/

h1 { font: 28px Verdana, Arial, Helvetica, sans-serif; }

h2 { font: 28px Verdana, Arial, Helvetica, sans-serif; }

/*---:[ footer styles ]:---*/

#footer { width: 950px; background-color: #ffffff; padding: 20px 0px 0px 0px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; text-align: center; float: left; clear: both; }

#footer a, #footer a:visited { color: #ffffff; font-style: bold; text-decoration: none; }

#footer a:hover { color: #4483DC; text-decoration: underline; }

.citation { font-size: 10px; font-style: italic; }

/*---:[ bullet points ]:---*/

ul { list-style: circle; }

li { padding: 0px 0px 10px 20px; color: #ffffff; }

/*---:[ 4 Column Layout ]:---*/

#columns { background-color:white; }

#col1 { width: 230px; padding: 20px 10px 0px 0px; font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: left; float: left; color: #000; }
#col2 { width: 230px; padding: 20px 10px 0px 0px; font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: left; float: left; color: #000; }
#col3 { width: 230px; padding: 20px 10px 0px 0px; font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: left; float: left; color: #000; }
#col4 { width: 230px; padding: 20px 0px 0px 0px; font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: left; float: left; color: #000; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack */
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */ 

/*---:[ Full Width Layout ]:---*/

#fullwidth { width: 100%; background-color: #ffffff; padding: 10px 0px 0px 0px; font: 16px Verdana, Arial, Helvetica, sans-serif; text-align: left; float: left; color: #FFFFFF; }

/*---:[ No Columns Full Width Layout ]:---*/

#no-colfullwidth { width: 100%; background-color: #ffffff; padding: 0px 0px 0px 0px; font: 16px Verdana, Arial, Helvetica, sans-serif; text-align: left; float: left; color: #FFFFFF; }