/* Impact css 13.12.04 */
/* Top and background page elements*/


BODY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background-color: #fff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: .9em;
}
#page-bkgrd {
	text-align: left;
	width: 758px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	background-color: #fff;
}
#header-bkgrd {
	background-color: #fff;	
	background: url("../img/impact_logo.gif") no-repeat left center;
	height: 80px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#header {
	float: right;
	margin: 10px 0px 0px 0px;
	text-align: right;
}
#header A.large {
	FONT-SIZE: 1.3em;
	margin:0px 0px 0px 5px;
}
#header P {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#search_form {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
/* search form */
form {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#nav{
	background: url("../img/red_menu.gif") no-repeat left bottom #EA2E31;
	white-space : nowrap;
	float : left;
	color : #fff;
	width : 100%;
	font-size: .75em;
	line-height: 2.4em;
}
#nav ul{
	padding : 0;
	margin : 0;
	float : right;
}
#nav ul li{
	display : inline;
}
#nav ul li a{
	padding-left : 1em;
	padding-right : 1em;
	color : #fff;
	font-weight : bold;
	text-decoration : none;
	float : left;
	border-left-color : #fff;
	border-left-width : 1px;
	border-left-style : solid;
}
#nav ul li a:hover{
	background-color : #EE585A;
	color : #000;
}
#nav a.current-selection {
	background-color : #EE585A;
	color : #fff;
}
#breadcrumbs {
	line-height: 2.2em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	BORDER-BOTTOM: #646464 2px solid;
	color: #000;
	font-weight: bold;
	font-size: 1em;
}
/* Main content areas */
/*
Many of the following rules use the box model hack, technique 2 as described at
http://www.info.com.ph/~etan/w3pantheon/style/abmh.html#tech2
*/
#content-bkgrd {
	background-color: #fafafa;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: auto;
	PADDING-TOP: 0px; 
	BORDER-RIGHT: #DFDFDF 1px solid;
	BORDER-LEFT: #DFDFDF 1px solid;
	BORDER-BOTTOM: #646464 2px solid;
	width: 756px !important;
	width: 758px;
	width/**/:/**/756px; 	
}

#content-bkgrd  ul {
margin-top: 0px;

}
#content-bkgrd  ul li {
	margin: 8px 4px 0px 0px;
	padding: 0px 0px 0px 0px;
	COLOR: #646464;
	FONT-SIZE: .8em; 
	line-height: 1.6em;
}
#content-bkgrd  ol li ul li{
	margin: 8px 4px 0px 0px;
	padding: 0px 0px 0px 0px;
	COLOR: #646464;
	FONT-SIZE: 1em; 
	line-height: 1.6em;
}

#content-bkgrd  ol li {
	margin: 8px 4px 0px 0px;
	padding: 0px 0px 0px 0px;
	COLOR: #646464;
	FONT-SIZE: .8em; 
	line-height: 1.6em;
}
/* sets the style for nav bar (ie not the home page) */
#nav-left {

}
#nav-left p {
	color:#333333;
	padding: 0px 0px 7px 0px;
	BORDER-BOTTOM: #DFDFDF 1px solid;
}
#nav-left a {
	color:#333333;
}
/* back to the common display panels */
#panel-left {
	padding: 4px 0px 0px 0px;
	float: left;	
	width: 192px !important;
	width: 194px;
	width/**/:/**/192px; 
}
#panel-center {
	padding: 4px 0px 0px 0px;
	BORDER-RIGHT: #DFDFDF 1px solid;
	BORDER-left: #DFDFDF 1px solid;
	float: left;
	width: 370px !important;
	width: 368px;
	width/**/:/**/370px;
	
	/*  min-height works on Mozilla to 
		bring the vertical lines to the 
		bottom of the page */
	min-height: 560px;
}
/* for IE, with IE5/Mac backslash filter \*/
 /* The following definition brings vertical lines to
 	the bottom of the page in IE 6 on PC (& maybe other
	versions of IE on PC), but it mis-places the h2 para 
	at the top of the right-hand column. */
 
/* * html #panel-center { height:560px; }*/

#panel-right {
	padding: 4px 0px 0px 0px;
	float: left;	
	width: 192px !important;
	width: 194px;
	width/**/:/**/192px; 
}

/* used mainly for footer areas */
#generic {
	float: left;
	width: 100%;
}
#generic p{
	MARGIN: 8px 4px 0px 10px;	
	padding: 0px 0px 4px 0px;
}
#generic h1{
	MARGIN: 6px 4px 4px 10px;	
	padding: 0px;	
}
#generic h2{
	MARGIN: 10px 4px 2px 10px;	
	padding: 0px;	
}
#generic h3{
	MARGIN: 8px 4px 2px 10px;	
	padding: 0px;	
}
#generic hr{
	margin: 0px 8px;
}
#footer {
	text-align: center;
	width: 758px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	background-color: #fff;
	FONT-SIZE: .95em;
    color: #676568;
}
#footer-text {
	margin-top: 30px;
	padding-top: 10px;
	BORDER-TOP: #C3BCB2 1px solid;
	BORDER-BOTTOM: #C3BCB2 1px solid;
}
#footer P {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 9px 0px;
}
#footer IMG {
	padding: 15px 9px 9px 9px;
}
.error {
	color: #ff0000;
	font-weight: bolder;
}
.message {
	font-weight: bolder;
}
.image_left {
	MARGIN: 4px 8px 4px 0px; 
	FLOAT:	left;
}
.image_right {
	MARGIN: 4px 10px 4px 6px; 
	FLOAT:	right;	
}
.side-panel {
	margin: 0px 0px 8px 10px;
	padding: 0px 0px 0px 0px;
}
#standout {
	margin: 12px 12px 12px 10px;
	padding: 0px 4px 4px 4px;
	background-color: #fff;
	color: #000;
	font-size: 1em;
	line-height: 1.8em;
	font-weight: bold;
	text-align: left;
	BORDER-TOP: #C3BCB2 1px solid;
	BORDER-BOTTOM: #C3BCB2 1px solid;
	BORDER-LEFT: #C3BCB2 1px solid;
	BORDER-RIGHT: #C3BCB2 1px solid;
}
#news-events {
	margin: 12px 12px 12px 10px;
	padding: 0px 4px 4px 4px;
	background-color: #fff;
	color: #000;
	font-size: 1em;
	line-height: .8em;
	font-weight: normal;
	text-align: left;
	BORDER-TOP: #C3BCB2 1px solid;
	BORDER-BOTTOM: #C3BCB2 1px solid;
	BORDER-LEFT: #C3BCB2 1px solid;
	BORDER-RIGHT: #C3BCB2 1px solid;
}
#news-events p{
	border: 0px;
	margin: 2px 0px 2px 2px;
	padding: 0px;
}

/* 	used on news and events pages to let
	the images breath. */
.img-spaced {
	margin-top: 4px;
}

.job {
	margin: 4px 12px 4px 10px;
	padding: 4px;
	background-color: #fff;
	color: #000;
	font-size: 1em;
	line-height: .8em;
	font-weight: normal;
	text-align: left;
	BORDER-TOP: #C3BCB2 1px solid;
	BORDER-BOTTOM: #C3BCB2 1px solid;
	BORDER-LEFT: #C3BCB2 1px solid;
	BORDER-RIGHT: #C3BCB2 1px solid;
}

.job p{
	border: 0px;
	margin: 2px 0px 2px 2px;
	padding: 0px;
}


#boxed {
	margin: 12px 12px 12px 10px;
	padding: 0px 4px 4px 4px;
	background-color: #fff;
	color: #000;
	text-align: left;
	BORDER-TOP: #C3BCB2 1px solid;
	BORDER-BOTTOM: #C3BCB2 1px solid;
	BORDER-LEFT: #C3BCB2 1px solid;
	BORDER-RIGHT: #C3BCB2 1px solid;
}
#headliner {
	font-size: 1.3em;
	MARGIN: 8px 6px 2px 10px;	
	padding: 0px;
	color: #EE585A;	
}
.red {
	font-size: 1.2em;
	color: #EE585A;	
}
#headliner-home {
	font-size: 1.3em;
	MARGIN: 8px 6px 0px 10px;	
	padding: 0px;
	color: #EE585A;	
}
.home-more {
margin-bottom: 7px;	
}

/* tags for laying out logos and labels side-by-side RT 200504 */

div.logo-show span.label {
   vertical-align: middle;
   width: 100%;
   text-align: center;
	margin: 40px; 
}

div.logo-show span.label img {
	margin: 20px 0px 20px 0px; 
}

/* standard page display elements */
HR {
	 margin: 0px 8px 10px 8px;
	 color:#DFDFDF; 
	 background: #DFDFDF; 
	 border: 0; 
	 height:1px;
}
H1 {
	FONT-SIZE: .95em;
	MARGIN: 0px 4px 8px 10px; 
	PADDING: 0px 0px 0px 0px;
	COLOR: #000;
	line-height: 1em;
}
H2 {
	COLOR: #000;
	FONT-SIZE: .8em;
	MARGIN: 0px 4px 8px 10px;
	PADDING: 0px 0px 0px 0px;
}
H3 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: .8em; 
	COLOR: #646464;
	MARGIN: 0px 4px 0px 10px;
	PADDING: 0px 0px 0px 0px;
}
P {
	COLOR: #646464;
	MARGIN: 0px 4px 8px 10px;
	PADDING: 0px 0px 0px 0px;
	FONT-SIZE: .8em; 
	line-height: 1.6em;
}
A {
	COLOR: #646464;
	TEXT-DECORATION: underline;
}
A:link {
	TEXT-DECORATION: underline
}
A:visited {
	TEXT-DECORATION: underline
}
A:hover {
	color: #000;
}
A:active {
	TEXT-DECORATION: underline
}
IMG {
	padding: 0px 0px 0px 0px;
	
	border-style: none;
}