/*****************************************************************************/
/** General layout, header, menu, footer.									**/

         hr {
		     color:#bfbfbf;
			 height: .5px;
			 		}
		.ir {
			display: none;
		}
		
		.clear {
			clear: both;
		}
		
		body {
			/*background: #E5E5E5;*/
			
			font-size: 12px;
		}
		
		h2 {
			font-family: Arial, Helvetica, sans-serif;
			color: #006600;
			font-size: 1.8em;
			margin: 0.25em 0;
		}
		
		p, li {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.25em;
			line-height: 1.3;
		}
		
		#home p, #home li {
			text-align: left;
		}
						
		a:link {
			text-decoration: none;
			color: #006600;
		}
		
		a:visited {
			text-decoration: none;
			color: #006600;			/* probably going to change this later */
		}
		
		a:hover {
			text-decoration: underline;
		}
		
		a:active {
			text-decoration: none;
			color: #FFFFFF;
			background-color: #006600;
		}
		
		form {
			margin: 0;
			border: 0;
			padding: 0;
		}
		
		#wrapper {
	width: 990px;
	background: #FFFFFF;
	border: 1px solid #006600;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
		}
		
		#header {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
		}
		
		#header h1 {
			float: left;
			width: 970px;
			height: 140px;
			margin: 0 0 0 0px;
			background: url(../images/logo.gif) no-repeat;
		}
		
		div#utils {
			float: left;
			width: 570px;
			height: 10px;
			margin: 0 0 0 0px;
			
			border-bottom: 1px solid #006600;
		}
		
		div#utils p {
			margin: 0;
			padding: 0;
			text-align: right;
			font: 0.9em Verdana,Arial,sans-serif;
		}
		
		#utils input#search {
			border: 1px solid #006600;
			padding: 6px;
			margin: auto 6px;
			font:  0.9em Verdana,Arial,sans-serif;
		}
		
		#utils input.image { 
			vertical-align: bottom;
		}
		
		div#main {
			clear: both;
		}
		
		#content {
			float: left;
			width: 770px;
			margin-left: 10px;
		}
		
		#home #content {
	margin-top: 0px;
		}
		
		#left {
			float: left;
			width: 190px;
			margin-top: 0px;
		}
				
		#menu {
			list-style: none;
			padding: 0 20px 0 35px;
			margin-top: 0;
			margin-left: 0;
		}
		
		#menu ul {
			list-style: none;
			padding-left: 10px;
			margin: 0;
		}
		
		#menu li {
			font-size: 1.2em;
			line-height: 1.5em;
			font-weight:bold;
		}
		
		#menu a {
			display: block;
			padding: 2px 4px;
			margin: 5px 0;
		}

		#menu a {
			text-decoration: none;
		}
		
		#menu a:link, #menu a:visited {
			color: #006600;
			background: #FFcc00FFFF;
		}
		
		#menu a:hover {
			color: #006600 !important;
			font-weight:normal
					}
		
		#menu a:active {
			color: #FFFFFF !important;
			background: #006600;
		}
		
		#menu li.active, #menu li.active li.active {
			font-weight: bold;
		}
		
		#menu li.active a {
			color: #006600;
		}

		#menu li ul {
			display: none;
		}
		
		#menu li.active ul {
			display: block;
		}
		
		#menu li.active li {
			font-weight: normal;
		}
		
		#footer {
			clear: both;
		}
		
		#text_size p {
			margin: 0;
		}
		
		#text_size span, #text_size a {
			margin-top: 5px;
		}
		
		#text_size a {
			display: block;
			float: left;
			height: 23px;
			width: 23px;
			margin-left: 10px;
		}
		
		#text_size a:link, #text_size a:visited {
			background-position: 0px 0px;
		}
		
		#text_size a:hover, #text_size a:active, #text_size a.selected {
			background-position: 0px -23px;
		}
		
		#text_small 	{ background-image: url(../images/text_small.gif);	}
		#text_medium	{ background-image: url(../images/text_medium.gif); }
		#text_large 	{ background-image: url(../images/text_large.gif);	}
		
		
		#text_size span {
			float: left;
			margin-left: 23px;
			line-height: 23px;
		}
		
		#footer p, li {
			color: #999999;
			font-size: 1.0em;
		}
		
		#footer ul {
			margin: 0;
			padding: 0;
			list-style: none;
			text-align: center;
		}
		
		#footer li {
			display: inline;
		}
		
		#footer li a {
			padding: 0 5px;
		}
		
		#footer_text {
	width: 760px;
	float: left;
	text-align: center;
	padding-top: 10px;
	border-top-width: 0px;
	border-top-style: none;
	border-top-color: #006600;
		}
		
		#home #footer_text p {
			margin: 1.0em 0;
			text-align: center;
		}
		
		#footer_text {
	margin-top: 10;
	margin-right: 10;
	margin-bottom: 0;
	margin-left: 30px;
		}
		
		a.arrow {
			display: block;
			float: left;
			padding-left: 21px;
			
			line-height: 17px;
			font-weight: bold;
			
			background: url(../images/small_arrow_right.gif) 0px 0px no-repeat #FFFFFF;
		}
		
		/* Basic layout for two-column system, used across different pages.
		 */
		.column {
			float: left;
			width: 365px;
		}
		.column1 {
	float: left;
	width: 780px;
	padding-right: 0px;
	margin-right: 0px;
		}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	color: #006600;
	text-decoration: none;
}

		.column p {
			text-align: justify;
		}
		
		.left {
			margin-right: 10px;
		}
		
		.right {
			padding-left: 8px;
		}
		
		.bordered {
	width: 385px;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #006600;
		}
		
			.staff {
			border-left: 1px solid #BFBFBF;
			padding-left: 3px;
			width: 180px;
		}
		
		.column img {
			float: left;
			margin-right: 0px;
			decoration: none;
			border: none
		}
		
		.column h2 {
			margin-top: 0;
		}
		
		.no_column p {
			text-align: left;
		}
		
		.no_column img {
			float: right;
			margin-left: 12px;
			decoration: none;
		}
		
		/* "Best Practices" box.
		 */
		
		.bp {
	clear: both;



			float: left
			margin: 0 0 0 0;
	border: 1px solid #006600;
	background-color: #f2fff2;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
		}
		
		.bp h2 {
			padding-top: 0.0em;
			font-size: 1.8em;
		}
		
		.bp img {
			margin-left: 12px;
			border: none
		}
		
		#footer .bp p {
			font-size: 1.4em;
			line-height: 1.16em;
			margin: 0px 0;
			color: #000000;
		}
		
		.bp strong {
		}
				.middle {
			clear: both;
			margin: 0px 0;
			padding-left: 200px;
			padding-right: 10px;
			padding-top: 0px;
		}
				.bp2 {
	clear: both;



			float: left
			margin: 0px 0;
	border: 0px solid #006600;
	padding: 5px;
	margin-right: 10px;
	margin-top: 0px;
	background-color: #ffffff;
		}
		
		.bp2 h2 {
			padding-top: 0.0em;
			font-size: 1.8em;
		}
		
		.bp2 img {
	float: right;
	margin-left: 10px;
	margin-right: 0px;
	padding-right: 0px;
		}
		
		#footer .bp2 p {
	font-size: 1.4em;
	line-height: 1.16em;
	color: #000000;
	margin-top: 0px;
	margin-right: 10;
	margin-bottom: 0px;
	margin-left: 0;
		}
		
		.bp2 strong {
		}
			
			.middle {
			clear: both;
			margin: 15px 0;
			padding-left: 200px;
			padding-right: 10px;
			padding-top: 5px;
		}
		
		
		.middle h2 {
			border-top: 1px solid #BFBFBF;
			padding-top: 1.0em;
			font-size: 1.0em;
		}
		
		.middle img {
			float: right;
			margin-left: 12px;
		}
		
		#footer .middle p {
			font-size: 1.4em;
			line-height: 1.16em;
			margin: 9px 0;
			color: #000000;
		}
		
		.middle strong {
		}
		
		#logoLink {
              background:transparent url(../images/spacer.gif) no-repeat scroll left top;
              float:left;
              width:970px;
              height:140px;
        }