/** MAIN LAYOUT 
---------------------------------*/

* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
background: #426e27 url(../img/sdps_header_tile.png) top repeat-x; 
text-align: center; /*** Centers the design in old IE versions ***/
height: 100%;
font-size: 10px;


}

.clear { clear: both; }

#page {
width: 930px;
margin: 0 auto; /*** Centers the design ***/
min-height: 100%;
background: url(../img/sdps_page_bg.gif) center repeat-y;
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #page {
height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

#mainLeft {
	float: left;
	min-height: 100%;
	width: 20px;
	height: 358px;
	background: url(../img/sdps_header_left.png) top no-repeat;
	margin, padding: 0;
}

#main {
float: left;
width: 890px;
margin, padding: 0px;
min-height: 100%;
background: #fffdf9;
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
margin-bottom : 100px;
}

#mainRight {
	float: left;
	min-height: 100%;
	width: 20px;
	height: 358px;
	background: url(../img/sdps_header_right.png) top no-repeat;
	margin, padding: 0;
}



#topNav {
width: 890px;
height: 45px;
background: url(../img/sdps_nav_bg.png) no-repeat;}

/* 
	To change the width of a sidebar, just modify the corresponding values of this sidebar.
	For example, If you want to change the width of the right sidebar to 250px, change the
	value of each line commented "Right Sidebar width" to 250px
*/

#content {
	float: left; 
	width: 650px;
	padding: 0 10px;
	margin-bottom : 100px;
}
.sidebar {
	float:left;
}

}
.sidebar-left #content-inner {
  margin-left: 0px;   /* Left Sidebar width was 220px but stuffed IE*/
}
#sidebar-left {
	float: left;
	width: 190px;
	padding: 0 10px 0 20px;
	margin-bottom : 100px;
	padding-top: 10px;
}

#sidebar-left .menu {
	}
	
#sidebar-left .menu li.leaf {
	list-style-image: url(../img/sdps_list_icon.gif);
	vertical-align: -5px;
	}

#sidebar-left .menu a {
 color: #ff7b18;
 font-family: "Comic Sans MS", Arial;
 font-size: 16px;
 font-weight: normal;
 text-decoration: none;
 vertical-align: 3px;
 }

#sidebar-left .menu a:hover {
 color:  #f5c01f;
 }
 
 
#sidebar-left .menu a.active {
	color: #fa504f;
	}
	
.inner{
	padding:0;
}

/* header 
--------------------------- */

#header {
	width: 890px;
	height: 200px;	
	background: url(../img/sdps_header_bg.png) no-repeat;
	text-indent: -9999px;
	margin, padding: 0px;
}

#header #logo-title #logo{
	vertical-align: baseline;
}

#header #logo-title #site-name {
	margin: 0;
}

#header #logo-title #site-slogan {
	margin-left: 20px;
}

#header #header-region {
	overflow: hidden;
}

/* footer 
--------------------------- */

#footer {
width: 890px;
height: 60px; /*** The drawback with this solution is that the height of the footer can't be flexible. If you add so much content to the footer that it extends 30px, you will get a vertical scrollbar and the content will overflow the footer if you don't set overflow to hidden ***/
margin: 0 auto;
margin-top: -100px; /*** By using a negative margin-top we now moves the footer up the same amount as the footer height to avoid vertical scrolling. Remember, if you use borders and padding on your footer you will have to calculate this in your negative margin-top value also. ***/
text-align: center;
font: 11px Arial, Helvetica, sans-serif;letter-spacing: 1px;
background: #426e27 url(../img/sdps_footer_bg.png) center top no-repeat;
padding: 40px 20px 0 20px;
color: #3e9e2b;
}

html>body #footer {*margin-top: 0px;} /* A hack for IE7 */

  #footer ul /* Primary and secondary links */
  {
	margin: 10px auto;
	overflow: hidden;
	display: inline;
  }

  #footer li /* A simple method to get navbar links to appear in one line. */
  {
    padding: 0;
    display: inline;
    padding: 3px;
    margin: 0 3px;
  }
#footer li a {
	color: #1e4616;
	text-decoration: none;
}

#footer li a.active, #footer li a:hover{
	color: #53ca3d;
}




/*---------------------------------*/

/* Layout Helpers */

#header,
#footer,
#main #content .mission,
#main #content .breadcrumb,
#main #content .node {
	clear: both;
}


/* Staff and Committee */

.peoplepage {
	padding: 10px;
	width: 590px;
	margin: 0 auto 30px auto;
	border-top: 1px dashed #e3dbcc;
	overflow: hidden;
	}
	
.peoplepage img {
	float: left;
	width: 150px;
	padding: 5px;
	background-color: white;
	}
	
.peoplepage .copy {
	float: left;
	width: auto;
	padding: 0 10px;
	}