@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	border: 0;
}
body  {
	
	font-size: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #CCC;
	text-align: center; /* this centers the container in IE 5* browsers */
	color: #363636;
	background-color: #CCC;
}
#container { 
	width: 46em;  /* 800px browser window */
	background-image: url(images/column2.GIF);
	background-repeat: repeat-y;
	margin: 0 auto; /* center the page */
	border: 1px solid #000000;
	text-align: left;
}
#header { 
	background-color: #FFFFEB; 
	padding: 0 10px;
	border-bottom: 2px solid navy;
} 
#header img {
	margin: 0px;
	float: left;
	width: 6em;
	padding: 15px 10px 10px 10px;
}
#header h1 {
	margin: 0;
	padding-top: 40px;
	font-size: 1.47em;
	color: #343FAC;
}
#header h2 {
	margin: 0px;
	padding: 0px;
	font-size: .75em;
	color: #666;
	text-indent: 3px;
}
#leftside {
	float: left; 
	width: 12em;
	padding-top: 50px;
}
#leftside h2 {
	font-size: 1.1em;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
}
#leftside h2 a:link, a:visited {
	color: #343FAC;
	text-decoration: none;
}
#leftside h2 a:hover {
	color: blue;
	text-decoration: underline;
}
#leftside p {
	text-align: center;
	font-size: .80em;
	font-weight: 500;
	line-height: 1.2em;
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
	padding-top: 5px;
	padding-bottom: 50px;
}
 /* Left link bars */
#navbar ul {
	margin: 0;
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
	padding: .5em 0 0 0;
	list-style: none;
	}
#navbar li  {
	margin: 0; padding: 0;
   	text-align: left;
	font-weight: 800;
	font-size: .90em;
	width: 12em;
	}
#navbar a {
	display: block;
	padding: 0 0 .5em 2em;
	color: #343FAC;
	text-decoration: none;
	}
#navbar a:hover {
	color: blue;
	text-decoration:underline;
	}
#maincontent {
	margin: 0 1em 0 13.5em; /*right margin creates the space down the right side of the page.*/
	padding: 0 5px;
}
.toplink {
	font-size: .95em;
	line-height: 2em;
	text-align: center; 
	}
a:link, a:visited {
   	color: #343FAC;
	text-decoration: none;
	font-weight: 600;
	}
a:hover {
   	color: blue;
	text-decoration: underline;
	}
#maincontent h2 {
	font-size: 1.25em;
	font-weight: 600;
	color: #444;
	padding-top: 12px;
}
#maincontent p {
	margin: 0;
	padding: 5px 5px 5px 0;
	text-align:justify;
	font-size: .90em;
	color: #363636;
}
#footer { 
	padding: 0 10px 0 20px;
	background:#FFFFEB;
	border-top: 2px solid navy;
}
#footer p {
	margin: 0;
	padding: 15px 0;
	text-align: center;
	font-size: .90em;
}
#addate {
	text-align: left;
	margin: 0;
	padding-left: 25px;
	font: .75em Arial, Helvetica, sans-serif;
}
/* Search Page - separate CSS: wccasearch*/

/* Access to Data*/
#maincontent p {
	margin: 0;
	padding: 5px 5px 5px 0;
	text-align:justify;
	font-size: .90em;
	color: #363636;
}
/*  DPA Page */
#bullet ul {
	list-style-type: disc;
	padding: 0;
	margin: 0 3em;
}
#bullet li  {
	padding-right: .6em;
	margin: 0; padding: 0;
   	text-align: justify;
	font-size: .90em;
}
#docs	{
	text-align: left;
	text-indent: 5em;
}
/*  FQQs */
#faq p {
	margin: 0; padding: 0;
	text-align:justify;
	font-size: .90em;
	color: #363636;
}
.heading {
	color: navy;
	font-weight: 600;
	font-size: 1em;
}
.heading2 {
	color: navy;
	font-weight: 600;
	font-size: .90em;
}
.hanging-indent {
	padding-left: 25px;
	text-indent: -30px;
}
/*#faq a:link, a:visited {
	color: #555;
	text-decoration: underline;
	font-weight: 500;
	font-size: .90em;
}
#faq a:hover {
   	color: blue;
	text-decoration: underline;
}
.skinny {
	margin: 0; padding: 0;
	line-height: .2em;
}*/

.clearfloat { /* this class is placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}