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

         hr {
		     color:#bfbfbf;
			 height: .5px;
			 		}
		.ir {
			display: none;
		}
		
		.clear {
			clear: both;
		}
		
		body {
			/*background: #E5E5E5;*/
			
			font-size: 11px;
		}
		
		h2 {
			font-family: Verdana, Arial, sans-serif;
			color: #be0f34;
			font-size: 1.6em;
			margin: 0.5em 0;
		}
		
		
		p, li {
			font-family: Verdana, Arial, sans-serif;
			font-size: 1.0em;
			line-height: 1.25em;
		}
		
		#home p, #home li {
			text-align: left;
		}
		
		strong {
			color: #be0f34;
		}
		
		.black-strong {
			color: #000000;
		}
		
		a:link {
			text-decoration: none;
			color: #be0f34;
		}
		
		a:visited {
			text-decoration: none;
			color: #be0f34;			/* probably going to change this later */
		}
		
		a:hover {
			text-decoration: underline;
		}
		
		a:active {
			text-decoration: none;
			color: #FFFFFF;
			background-color: #be0f34;
		}
		
		form {
			margin: 0;
			border: 0;
			padding: 0;
		}
		
		#wrapper {
			width: 780px;
			margin: 10px auto;
			background: #FFFFFF;
			border: 1px solid #dfdfdf;
		}
		
		#header {
			padding: 10px 0 0 0;
		}
		
		#header h1 {
			float: left;
			width: 181px;
			height: 38px;
			margin: 0 0 0 10px;
			background: url(../images/logo.gif) no-repeat;
		}
		
		div#utils {
			float: left;
			width: 570px;
			height: 40px;
			margin: 0 0 0 10px;
			
			background: transparent url(../images/st-rule.jpg) no-repeat scroll center 25px;
		}
		
		div#utils p {
			margin: 0;
			padding: 0;
			text-align: right;
			font: 0.9em Verdana,Arial,sans-serif;
		}
		
		#utils input#search {
			border: 1px solid #7F9DB9;
			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: 570px;
		}
		
		#home #content {
			margin-top: 30px;
		}
		
		#left {
			float: left;
			width: 200px;
			margin-top: 30px;
		}
				
		#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.1em;
			line-height: 1.5em;
		}
		
		#menu a {
			display: block;
			padding: 2px 4px;
			margin: 5px 0;
		}

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

		#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: 30px;
		}
		
		#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;
		}
		
		
		#social_media p {
			margin: 10px;
		}
		
		#social_media span, #social_media a {
			margin-top: 5px;
			margin-bottom: 5px;
		}
		
		#social_media a {
			display: block;
			float: left;
			height: 32px;
			width: 32px;
			margin-left: 10px;
			margin-top:  0px;
		}
		
	
		#social_fb 	{ background-image: url(../images/facebook-icon.gif);	}
		#social_tw	{ background-image: url(../images/twitter-icon.gif); }
		#social_yt 	{ background-image: url(../images/youtube-icon.gif);	}
		
		
		#social_media span {
			float: left;
			margin-left: 10px;
			line-height: 100px;
		}
		
		#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: 570px;
			float: left;
			text-align: center;
			border-top: 1px solid #BFBFBF;
			padding-top: 30px;
		}
		
		#home #footer_text p {
			margin: 1.0em 0;
			text-align: center;
		}
		
		#footer_text {
			margin: 0 0 0 24px;
		}
		
		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: 277px;
		}
		
		.column p {
			text-align: justify;
		}
		
		.left {
			margin-right: 8px;
		}
		
		.right {
	padding-left: 6px;
		}
		
		.bordered {
			border-left: 1px solid #BFBFBF;
			width: 276px;
		}
		
			.staff {
			border-left: 1px solid #BFBFBF;
			padding-left: 3px;
			width: 180px;
		}
		
		.column img {
			float: left;
			margin-right: 12px;
		}
		
		.column h2 {
			margin-top: 0;
		}
		
		.no_column p {
			text-align: left;
		}
		
		.no_column img {
			float: right;
			margin-left: 12px;
		}
		
		/* "Best Practices" box.
		 */
		
		.bp {
			clear: both;
			margin: 15px 0;
			padding-left: 200px;
			padding-right: 10px;
			padding-top: 5px;
		}
		
		.bp h2 {
			border-top: 1px solid #BFBFBF;
			padding-top: 1.0em;
			font-size: 1.0em;
		}
		
		.bp img {
			float: right;
			margin-left: 12px;
		}
		
		#footer .bp p {
			font-size: 1.4em;
			line-height: 1.16em;
			margin: 9px 0;
			color: #000000;
		}
		
		.bp 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:181px;
              height:38px;
        }