html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 				0;
	padding: 				0;
	border: 				0;
	outline: 				0;
	font-size: 				100%;
	vertical-align: 		baseline;
	background:				transparent;
}
* {
	font-family: 			verdana, arial, helvetica, sans-serif;
}

html {
	font-size: 				50%; /* Part one of 1em = 10px */
}

body {
	
	font-size: 				125%; /* Part two of 1em = 10px */
	
	background:				#fff url(../images/interface/bg_body.gif) repeat-x left top;
	
}

body.story {
	background:				#f0efe6 url(../images/interface/bg_body.gif) repeat-x left top !important;
}

body.home {
	background:				#fff url(../images/interface/bg_body_home.gif) repeat-x left top !important;
}



 /* Global Link Settings
--------------------------------*/
a {
	color:					#fd8403;
	text-decoration:		none;
}

a:hover, 
a:active {
	text-decoration:		underline;
}



 /* Good to have global classes
--------------------------------*/
.floatright {
	float: 					right;
}
.floatleft {
	float: 					left;
}
* html .floatright,
* html .floatleft {
	display:				inline; /*to avoid IE double margin bug*/
}
.alignright {
	text-align:				right;
}
.half {
	width:					48%;
}
.hide {
	display:				none;
}
.nobg {
	background:				none !important;
}
.noborder {
	border:					0 !important;
}
.nomargin {
	margin:					0 !important; 
}
.uppercase {
	text-transform:			uppercase;
}

 /* MAIN CONTAINER
--------------------------------------------------------------------*/
#wrapper {
	width: 					780px;
	
}



#header {
	position:				relative;
}

#header h1 {
	height:					166px;
	background:				transparent url(../images/interface/headers/h1_dprreview.jpg) no-repeat left top;
}

#header h1 a {
	display:				block;
	height:					166px;
	width:					630px;
	text-indent:			-9999px;
}

#header #issue {
	position:				absolute;
	right:					3px;
	top:					69px;
	font-weight:			bold;
	color:					#fff;
	text-transform:			uppercase;
}
#header #issue span {
	font-size:				1.4em;
}

#header #pastissues {
	position:				absolute;
	right:					1px;
	top:					97px;
}

#header #pastissues select {
	font-size:				0.9em;
}

/* Main nav */

#mainnav {
	height:					25px;
	background-color:		#abd037;
	list-style-type:		none;
	padding:				0 0 0 159px;
}
#mainnav li {
	display:				inline;
}
#mainnav li a {
	float:					left;
	height:					25px;
	text-indent:			-9999px;
}
#mainnav li a.home {
	width:					73px;
	background:				transparent url(../images/interface/mainnav.gif) no-repeat 0 0;
}
#mainnav li a.newprojects {
	width:					126px;
	background:				transparent url(../images/interface/mainnav.gif) no-repeat -73px 0;
}
#mainnav li a.ourcommunities {
	width:					148px;
	background:				transparent url(../images/interface/mainnav.gif) no-repeat -199px 0;
}
#mainnav li a.upcomingevents {
	width:					148px;
	background:				transparent url(../images/interface/mainnav.gif) no-repeat -347px 0;
}
#mainnav li a.dprcorner {
	width:					125px;
	background:				transparent url(../images/interface/mainnav.gif) no-repeat -495px 0;
}



 /* #body 
--------------------------------------------------------------------*/

#body {
	background:				#fff url(../images/interface/bg_sidebar.gif) repeat-y left top;
}

#sidebar {
	width:					160px;
	background-color:		#e5e4d9;
	float:					left;
}

#sidebar #subscribe {
	padding:				14px 8px 0 12px;
	height:					239px;
	background-color:		#f0efe6;
}
.home #sidebar #subscribe {
	background-color:		#fff !important;
}


#subscribe h2 {
	height:					32px;
	text-indent:			-9999px;
	margin:					0 0 15px 0;
	background:				transparent url(../images/interface/headers/h2_subscribe.gif) no-repeat left top;
}
.home #subscribe h2 {

	background:				transparent url(../images/interface/headers/h2_subscribe_home.gif) no-repeat left top;
}

#subscribe p {
	font-size:				1.1em;
	line-height:			1.5em;
	margin:					0 0 12px 0;
	color:					#333333;
}

#subscribe form p {
	line-height:			1.4em;
	font-size:				0.9em;
}

#subscribe input.type_text {
	width:					133px;
	font-size:				1em;
	margin:					0 0 7px 0;
}

#subscribe input.type_submit {
	font-size:				1em;
	margin:					0 0 11px 0;
}



#sidebar h3 {
	height:					24px;
	text-indent:			-9999px;
	margin:					0 0 6px 0;
}
#sidebar h3.newprojects {
	background:				#5eb5c9 url(../images/interface/headers/h3_sidebar.gif) no-repeat 0 0;
}
#sidebar h3.ourcommunities {
	background:				#5eb5c9 url(../images/interface/headers/h3_sidebar.gif) no-repeat 0 -24px;
}
#sidebar h3.upcomingevents {
	background:				#5eb5c9 url(../images/interface/headers/h3_sidebar.gif) no-repeat 0 -48px;
}
#sidebar h3.dprcorner {
	background:				#5eb5c9 url(../images/interface/headers/h3_sidebar.gif) no-repeat 0 -72px;
}
#sidebar h3.otherstories {
	margin:					0;
	background:				#abd037 url(../images/interface/headers/h3_otherstories.gif) no-repeat 14px 8px;
}

#sidebar div.hover {
	background-color:		#f6f6f6;
	cursor:					pointer;
}
#sidebar div.hover a {
	text-decoration:		none;
}
#sidebar div.hover img {
	filter:					alpha(opacity=70);
	-moz-opacity:			0.7;
	opacity:				0.7;
}

#sidebar div.link p {
	font-size:				0.9em;
	line-height:			1.5em;
	padding:				0 10px 8px 10px;
	color:					#666666;
}
#sidebar div.link p.dark {
	color:					#000000;
}
#sidebar div.link p.dark strong {
	color:					#666666;
}

#sidebar div.link div {
	margin:					0 0 2px 0;
}


 /* #maincontent
--------------------------------------------------------------------*/

#maincontent {
	width:					581px;
	float:					left;
	position:				relative;
	padding:				35px 23px 15px 16px;
}
body.story #maincontent {
	padding:				25px 23px 15px 16px !important;

}
body.home #maincontent {
	width:					620px !important;
	padding:				0 !important;
	background-color:		#e5e4d9 !important;
}

#maincontent h2 {
	text-indent:			-9999px;
	height:					32px;
	margin:					0 0 20px 0;
}

#maincontent h2.newprojects {
	background:				transparent url(../images/interface/headers/h2_newprojects.gif) no-repeat 0 0;
}
#maincontent h2.ourcommunities {
	background:				transparent url(../images/interface/headers/h2_ourcommunities.gif) no-repeat 0 0;
}
#maincontent h2.upcomingevents {
	background:				transparent url(../images/interface/headers/h2_upcomingevents.gif) no-repeat 0 0;
}
#maincontent h2.dprcorner {
	background:				transparent url(../images/interface/headers/h2_dprcorner.gif) no-repeat 0 0;
}

#maincontent h3 {
	font-family: 			georgia, verdana, arial, helvetica, sans-serif;
	font-size:				1.6em;
	color:					#fd8403;
	margin:					0 0 14px 0;
}
body.story #maincontent h3 {
	font-size:				1em;
	color:					#999999;
	text-transform:			uppercase;
	margin:					0 0 5px 0;
}
#maincontent h3 em {
	font-family: 			georgia, verdana, arial, helvetica, sans-serif;
}

#maincontent h4 {
	font-family: 			georgia, verdana, arial, helvetica, sans-serif;
	font-size:				1.8em;
	line-height:			1.2em;
	color:					#010101;
	margin:					0 0 12px 0;
	font-weight:			normal;
}
#maincontent h4.altmargin {
	margin:					15px 0 12px 0;
}

#maincontent h5 {
	font-size:				1.1em;
	color:					#666666;
	line-height:			1.4em;
	margin:					0 0 0.4em 0;
}

#maincontent p,
#maincontent li {
	color:					#666666;
	line-height:			1.4em;
}
#maincontent p {
	margin:					0 0 1.7em 0;
}
#maincontent p.intro {
	color:					#000;
	font-size:				1.1em;
	line-height:			1.5em;
}
#maincontent p.large {
	font-size:				1.1em;
}

#maincontent ul {
	margin:					0 0 1.8em 0;
	list-style-type:		none;
}
#maincontent ul li {
	padding:				0 0 0 8px;
	background:				transparent url(../images/interface/li_bullet.gif) no-repeat 0 6px;
}

#maincontent #pagetools {
	position:				absolute;
	right:					10px;
	top:					20px;
	color:					#666666;
}
body.story #maincontent #pagetools,
body.home #maincontent #pagetools {
	top:					6px !important;
}
#maincontent #pagetools a {
	color:					#666666;

}
#maincontent #pagetools #print {
	padding:				0 5px 0 17px;
	background:				transparent url(../images/interface/pagetools.gif) no-repeat 0 1px;
}
.home #maincontent #pagetools #print {
	background:				transparent url(../images/interface/pagetools_home.gif) no-repeat 0 1px;
}
#maincontent #pagetools #email {
	padding:				0 5px 0 26px;
	background:				transparent url(../images/interface/pagetools.gif) no-repeat 0 -58px;
}
.home #maincontent #pagetools #email {
	background:				transparent url(../images/interface/pagetools_home.gif) no-repeat 0 -58px;
}
#maincontent #pagetools #bookmark {
	padding:				0 0 0 24px;
	background:				transparent url(../images/interface/pagetools.gif) no-repeat 0 -117px;
}
.home #maincontent #pagetools #bookmark {
	background:				transparent url(../images/interface/pagetools_home.gif) no-repeat 0 -117px;
}

#maincontent #featuredstory {
	height:					253px;
	overflow:				hidden;
	background:				#000;
	padding:				0;
}

#maincontent #featuredstory h2 {
	height:					25px;
	text-indent:			-9999px;
	margin:					0;
	background:				#fd8403 url(../images/interface/headers/h2_featuredstory.gif) no-repeat 12px 9px;
}

#maincontent #featuredstory div {
	float:					left;
	width:					300px;
	margin:					0 16px 0 0;
}

#maincontent #featuredstory h3 {
	font-size:				1em;
	text-transform:			uppercase;
	padding:				10px 0 0 0;
	margin:					0 0 5px 0;
	color:					#cccccc;
}

#maincontent #featuredstory h4 {
	font-size:				1.4em;
	line-height:			1.3em;
	color:					#abd037;
	font-weight:			bold;
	padding:				10px 0 0 0;
}

#maincontent #featuredstory p {
	margin:					0 0 10px 0;
}
#maincontent #featuredstory p.intro {
	font-size:				1.1em;
	color:					#cccccc;
}

#maincontent #inthisedition {
	width:					402px;
	float:					left;
}

#maincontent #inthisedition h2 {
	height:					24px;
	text-indent:			-9999px;
	margin:					0;
	background:				#fd8403 url(../images/interface/headers/h2_inthisedition.gif) no-repeat 12px 9px;
}

#maincontent #inthisedition div.link {
	height:					75px;
	background-color:		#fff;
}
#maincontent #inthisedition div.colored {
	background-color:		#f0efe6;
}
#maincontent #inthisedition div.link div {
	width:					75px;
	float:					left;
}
#maincontent #inthisedition div.link div img {
	display:				block;
}

#maincontent #inthisedition div.link p {
	padding:				6px 0 0 0;
	margin:					0 0 0 87px;
	color:					#333;
}
#maincontent #inthisedition div.link p strong {
	color:					#666;
}

#maincontent #inthisedition div.hover {
	background-color:		#fff;
	cursor:					pointer;
}
#maincontent #inthisedition div.hover a {
	text-decoration:		none;
}
#maincontent #inthisedition div.hover img {
	filter:					alpha(opacity=70);
	-moz-opacity:			0.7;
	opacity:				0.7;
}

#maincontent #bythenumbers {
	width:					218px;
	height:					322px;
	float:					left;
}


#maincontent #storyflash {
	margin:					0 -23px 10px -16px;
}

#maincontent div.teamplayers {
	width:					139px;
	float:					right;
	padding:				21px 11px 5px 19px;
	margin:					0 0 12px 20px;
	background-color:		#000;
}
#maincontent div.teamplayers h5 {
	height:					9px;
	text-indent:			-9999px;
	margin:					0 0 18px 0;
	background:				transparent url(../images/interface/headers/h5_teamplayers.gif) no-repeat left top;

}

#maincontent div.teamplayers p {
	font-size:				0.9em;
	color:					#cccccc;
	margin:					0 0 1.3em 0;
}
#maincontent div.teamplayers p strong {
	font-style:				italic;
	color:					#fff;
}

#maincontent div.hr {
	height:					1px;
	overflow:				hidden;
	background-color:		#cccccc;
	margin:					0 0 1.2em 0;
	clear:					both;
}

#maincontent div.events p strong span {
	text-transform:			uppercase;
	color:					#999999;
}
#maincontent div.events p {
	margin:					0 0 1.2em 0;
}
#maincontent div.events div.hr {
	margin:					0 0 1em 0;
}

#maincontent div.signature {
	float:					left;
	margin:					20px 40px 0 0;
}

#maincontent div.signature p {
	font-style:				italic;
	color:					#fd8403;
	padding:				5px 0 0 6px;
}

#maincontent #storyflash {
	height:					228px;
}


 /* FOOTER
--------------------------------------------------------------------*/
#footer {
	clear:					both;
	padding:				0 0 30px 0;
	position:				relative;
	background-color:		#fff;
}
#footer p {
	color:					#999;
	font-size:				0.9em;
	line-height:			1.4em;
	margin:					10px 0 16px 23px;
}
#footer #officelinks {
	background-color:		#000;
	height:					22px;
	font-size:				1.1em;
	font-weight:			bold;
	padding:				8px 0 0 20px;
}
#footer #officelinks a {
	color:					#abd037;
}

#footer form {
	position:				absolute;
	top:					43px;
	left:					621px;
	width:					160px;
}
#footer form select {
	font-size:				1em;
	float:					right;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}  


 /* clearfix (already applied on #body)
--------------------------------*/

.clearfix:after,#body:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix,#body {
	display:inline-block;
}

/* Hides from IE-mac \*/
.clearfix, #body {display: block;}
/* End hide from IE-mac */