body {
background-color: #878c92;
	background-image: url(../img/back.jpg); 
	background-repeat: no-repeat;
}

.wrapper {
  width: 941px;
  margin: 0 auto;
  padding: 0px;	
  
}

.shadow {
	background-image: url(../img/shadow-main.png);
	background-repeat: repeat-y;
    margin: -5px auto -10px auto;
	/*ie*/
	_background-image: none;
  	_background-color: #fff;
	_border-style: solid;
  	_border-color: #fff;
  	_border-width: 15px 30px 0 30px;
	}
.shadowwp{
	background-image: url(../img/shadow-main.png);
	background-repeat: repeat-y;
    margin: 0 auto -10px auto;
	
	}
/* A container should group all your columns. */
.container {
  width: 840px;
  margin: 0 auto;
  
/*

*/
}



/* WORD PRESS */
#sidebar{
	float:right;
}

/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.column {
	float:left;
	padding-bottom: 0px;
	margin-right: 8px;
}


/* The last column in a row needs this class. */
.last { margin-right: 0; }


/* Use these classes to set the width of a column. */
.nav_span  { width: 175px;}

.name_info {
	margin-top: 10px;
	background-color: #FFF; 
	font-size: 2.5em; 
	padding: 15px 0 5px 0;
	margin-bottom: 16px; 
	margin-right: 1px; 
	color: #333; 
	width: 613px; 
	float: left; 
	height: 34px;
	}
	
.span-1  { width: 98px;}
.span-2  { width: 204px;}
.span-3  { width: 310px; margin-top: 10px}
.span-4  { width: 408px;} /*was 416px, changed for news page*/
.span-5  { width: 522px;}
.span-6  { width: 628px;}
.span-7  { width: 734px;}
.span-8  { width: 840px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 106px;}
.append-2  { padding-right: 212px;}
.append-3  { padding-right: 318px;}
.append-4  { padding-right: 424px;}
.append-5  { padding-right: 530px;}
.append-6  { padding-right: 636px;}
.append-7  { padding-right: 742px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 106px;}
.prepend-2  { padding-left: 212px;}
.prepend-3  { padding-left: 318px;}
.prepend-4  { padding-left: 424px;}
.prepend-5  { padding-left: 530px;}
.prepend-6  { padding-left: 636px;}
.prepend-7  { padding-left: 742px;}





/* Border on right hand side of a column + top. */
.border{
	padding-right:8px;
	margin-right:0px;
	border-right:1px solid #ccc;


}
.border2{
	padding-left:0px;
	margin-left:0px;
	border-left:1px solid #ccc;


}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right:4px;
  margin-right:3px;
  border-right:1px solid #999;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */
.pull-1 { margin-left: -71px;}
.pull-2 { margin-left: -142px;}
.pull-3 { margin-left: -213px;}
.pull-4 { margin-left: -284px;}


.push-0  { margin: 0 0 0 18px; float: right; } /* Right aligns the image. */
.push-1 { margin: 0 -71px 0 18px; float: right;}
.push-2 { margin: 0 -142px 0 18px; float: right;}
.push-3 { margin: 0 -213px 0 18px; float: right;}
.push-4 { margin: 0 -284px 0 18px; float: right;}

.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
	width: 840px;
/*background-image: url(../img/grid.png); 
	background-repeat: repeat;*/
}
.box_padding {
	padding:15px;
}

/*  Top LINKS STUFF
--------------------------------------------------------*/

.topLinks {
	text-align: right;
	margin: 5px 0px 8px 0;
	color: white;
	font-size: 1.5em;
}

.topLinks a {
	color: #444444;
	text-decoration: none;
	padding: 0 1em 0 1em;
	font-weight: normal;
}

.topLinks a:hover {
	color: white;
	text-decoration: underline;
}

/* Spotlight */

.feature_box {
	background-color: #eee;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 10px;
	float: left;
	height: 100%;
	width: 604px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	border-color: #bcbcbc;
	border-width: 1px;
	border-style: solid;
}

.feature_story {
	background-color: #fff;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 10px;
	float: left;
	height: 100%;
	width: 584px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	border-color: #bcbcbc;
	border-width: 1px;
	border-style: solid;
}



/*  Bottom address STUFF
--------------------------------------------------------*/

.address {
	padding-bottom: 30px;
	text-align: left;
	color: #aaa;
	padding-left: 0px;
	padding-top: 50px;
}

.address a {
	color: #aaa;
	text-decoration: none;
	padding: 0 0px 0 5px;
	text-decoration: underline;
	
}

.address a:hover {
	color: #636363;
	text-decoration: underline;
}

/*  Footer STUFF
--------------------------------------------------------*/

.footer {
	text-align: center;
	margin: 10px 0px 8px 0;
	clear: both;
	color: #444444;
}

.footer a {
	color: #444444;
	text-decoration: none;
	text-decoration: none;
	font-weight: normal;
}

.footer a:hover {
	color: #444444;
	text-decoration: underline;
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ccc; 
  color: #ccc;
  clear: both; 
  float: none; 
  width: 98%; 
  height: 1px;
  border: none; 
}
hr1 {
  background: #666; 
  color: #666;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
 margin: .2em 0 1em -.7em;
  border: none; 
}

hr.space {
  background: #fff;
  color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }