body {
	margin: 0;
	padding: 0;
	font: 100.01%/125% Verdana, Arial, Helvetica, sans-serif; /* .01 makes older Opera versions play nice. Percent defeats and IE PC relative sizing bug */
	background: url(assets/top_swirl.gif) no-repeat center top;
	text-align: center; /* centers the overall design in IE 5.* PC */
	min-width: 1000px; /* keeps moz from running off the left side if the browser is narrowed */
}

#holder {
	text-align: left;
	width: 1000px;
	margin: 0 auto; /* centers the overall design */
	padding: 0;
	background: url(assets/bott_swirl.gif) no-repeat center bottom;
	position: relative;
	border-bottom: 1px solid #FFF;
}

#popstick {
	padding: 12px 0 30px 60px;
}

#section {
	border-left: 1px solid #D1D1D1;
	margin: 120px 0 0 145px;
	width: 840px;
	padding: 1px 0 1px 10px; /* you must leave this one pixel padding at the bottom and top or this div will not wrap the float properly and your top white space will vary wildly -- also, the far most left line will shrink to the size of the list */
}

/* The following hack feeds a dimension to IE PC only to make it respect the float */
/* Hides from IE-mac \*/
* html #section {height: 1%;}
/* End hide from IE-mac */


/* this is your left subnavigation area */
#list {
	font-size: .7em;
	color: #BFBCBC;
	width: 150px;
	float: left;
}

/* the negative top margin forces this main content area up and out of the #section div. This is so that both grey vertical lines can be different lengths but still go all the way to the bottom of the page */
#content {
	margin: -112px 0 0 164px;
	border-left: 1px solid #D1D1D1;
	padding: 1px 0 25px 35px;
	font-size: .85em;
	position: relative; /* without this, the negative top margin won't show in IE PC */
	/*width: 640px; */
}

/* individual page heading graphical placement */
#pagehead {
	position: absolute;
	top: 158px;
	left: 284px;
}
	/*margin: 30px 0 5px -72px; negative margin takes it out of the box so that the lines and arrows match*/
	 /*position: relative;
	display: block; the inline element must be changed to block to use the negative margin */
	
/* bread crumbs styling */
#bread {
	border-bottom: 1px solid #D1D1D1;
	margin: 69px 0 0;
}
#bread p {
	color: #BFBCBC;
	margin: 0 0 2px;
	padding: 0;
}

/* back indicator */
#back {
	float: right;
}

/* link styles */
#content #bread a, #list a, #contentTeam #bread a {
	text-decoration: none;
	color: #BFBCBC;
	font-weight: normal;
}
#content #bread a:hover, #content #bread a:active, #content #bread a:focus, #list a:hover, #list a:active, #list a:focus, #contentTeam #bread a:hover, #contentTeam #bread a:active, #contentTeam #bread a:focus {
	color: #DF5415;
}
#content #bread a.here, #list a.here, #contentTeam #bread a.here {
	color: #DF5415;
}
#content a, #contentTeam a {
	text-decoration: none;
	color: #DF5415;
	font-weight: bold;
}
#content a:hover, #content a:active, #content a:focus, #contentTeam a:hover, #contentTeam a:active, #contentTeam a:focus {
	color: #036;
}

/* --main content area styles-- */

#content h1 {
	color: #DF5415;
	font-size: 1.2em;
	font-weight: normal;
}
#content p, #content ul {
	color: #666;
	font-size: .95em;
}
#content .date {
	color: #999;
	margin-top: 25px;
	font-size: 1.15em;
}

/* --main press page news blurb styling-- */
#content .news {
	margin: 15px 0;
}
#content .news p.date {
	color: #DF5415;
	font-weight: bold;
}
#content .news h1 {
	font-size: .95em;
	color: #666;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#content .news p {
	font-size: .9em;
	margin: 0;
	padding: 0;
	color: #999;
}

/* --Home page styling-- */

#sidebar {
	float: left;
	margin: 45px 30px 0 65px; /* places the left sidebar wording even with the right content area */
	width: 220px;
}
/* feeds IE PC the values it needs, but not IE Mac \*/
* html #sidebar {
	margin-left: 30px;
	width: 200px;
	}
/* Close the hack */
#sidebar h1 {
	color: #B7B7B7;
	font: normal 1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* makes IE Mac play nice on the home page */
*>html #sidebar h1 {
	margin-top: 180px;
}
#sidebar p {
	color: #666;
	font-size: .7em;
}
#contentHome {
	margin: 10px 0 0 300px;
	padding: 0 0 25px 35px;
	font-size: .85em;
	position: relative;
	width: 660px;
}
#contentHome h2 {
	color: #B7B7B7;
	font: normal 1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top: 0;
}
.picHome{ 
	margin: 40px 0 0 0;
}
#mostOuter {
	background: #FFF url(assets/most_outer.gif) repeat-y left top; /* the narrow lines and boxes */
	margin-top: 25px;
	position: relative; /* forces the moz opacity to work */
	filter: alpha(opacity=80); /* IE opacity */
	-moz-opacity: 0.80; /* mozilla opacity */
	opacity: 0.8; /* CSS3 opacity */
}
/* forces the proprietary alpha filter to work in IE \*/
* html #mostOuter {
	height: 1%
}
/* end hack */
#outerBox {
	background: url(assets/outer_box.gif) no-repeat left top; /* Shows the thicker grey bars */
	position:relative;
}
#boxContainer {
	width: 620px;
}
#boxContainer div {
	float: left;
	width: 165px;
	padding: 3px 0 10px 15px;
	margin: 0 10px 0 0;
}
#boxContainer p {
	color: #333;
	font-size: .85em;
}


/* --Team page styling-- */

#contentTeam {
	margin: 10px 0 70px 320px;
	border-left: 1px solid #D1D1D1;
	padding: 0 0 25px 35px;
	font-size: .85em;
	position: relative;
}
* html #contentTeam {
	padding-left: 38px;
}

#contentTeam p, #contentTeam ul {
	color: #666;
	font-size: .9em;
}
#teamhead {
	position: absolute;
	top: 158px;
	left: 283px;
}
/*margin: 30px 0 5px -72px; negative margin takes it out of the box so that the lines and arrows match */
	/*position: relative;
	display: block;  the inline element must be changed to block to use the negative margin */

.clump {
	width: 630px;
}
#bio {
	border-left: 1px solid #D1D1D1;
	padding: 0 0 0 30px;
	float: right;
	width: 435px; /* this is required and, if tweaked, will change the spacing between the image and the bio */
	margin: 25px 0 10px;
}
/* this brings the pic down even with the rest of the team bio */
.pic {
	margin-top: 25px;
}
/* placement for the little tagline floated on the left */
.tagleft {
	float: left;
	margin: 200px 15px 0 40px;
}
/* Hide IE Mac eyeballs - This hack forces IE PC to allow the heading to be negatively margined \*/ 
* html .tagleft {margin-right: -5px;} 
/* let 'im see again */

/* miscellaneous selectors */
.fltlft {
	float: left;
	margin: 0 20px 10px 0;
}
.fltrt {
	float: right;
	margin: 0 0 10px 20px;
}