BODY {
	MARGIN: 0px; FONT-FAMILY: arial, helvetica, sans-serif; BACKGROUND-COLOR: #fff
}
BODY A {
	COLOR: #039; TEXT-DECORATION: none
}
BODY A:hover {
	TEXT-DECORATION: underline
}

INPUT
{
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 8pt
}
SELECT
{
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 8pt
}
TEXTAREA
{
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 8pt
}
BUTTON
{
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 8pt
}


FORM {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px;
	MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px
}
DIV.SectionWidth {
	WIDTH: 770px
}
#LiquidLayout {
	; WIDTH: expression(document.body.clientWidth < 770? "770px" : document.body.clientWidth > 994? "994px" : "auto"); max-width: 994px; min-width: 770px
}
#LiquidLayout DIV.SectionWidth {
	WIDTH: 100%
}



.DRToplogos {
	BACKGROUND-POSITION: 50% top; FONT-SIZE: 9px; 
	BACKGROUND-IMAGE: url(http://www.us.design-reuse.com/img06/top_gradient.jpg); 
	BACKGROUND-REPEAT: repeat-x
}
.DRToplogos TD IMG {
	MARGIN: 0px 15px 0px 0px
}
.dandrTopLink  {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #369; FONT-FAMILY: verdana
}
.dandrTopLinkDiv  {
	COLOR: #999
}
.TopLink {
	PADDING-RIGHT: 10px; BACKGROUND-POSITION: 50% top; BACKGROUND-IMAGE: url(http://www.us.design-reuse.com/img06/top_gradient.jpg); BACKGROUND-REPEAT: repeat-x
}
TD.DRLogo {
	BACKGROUND-POSITION: 50% top; BACKGROUND-IMAGE: url(http://www.us.design-reuse.com/img06/top_gradient.jpg); WIDTH: 135px; BACKGROUND-REPEAT: repeat-x
}
TD.DRLogo DIV {
	PADDING-RIGHT: 3px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 11px; FONT-FAMILY: arial; WHITE-SPACE: nowrap
}
.DRLogo A {
	FONT-WEIGHT: bold
}
TD.brandLogos {
	BACKGROUND-POSITION: 50% top; BACKGROUND-IMAGE: url(http://www.us.design-reuse.com/img06/top_gradient.jpg); BACKGROUND-REPEAT: repeat-x
}
TD.brandLogos2 {
	BACKGROUND-POSITION: 50% top; BACKGROUND-IMAGE: url(http://www.us.design-reuse.com/IMG2002/spacer.gif); BACKGROUND-REPEAT: repeat-x
}





.DrHome {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_div.jpg) no-repeat right 50%
}
.DrSearchIp {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_div.jpg) no-repeat right 50%
}
.DrSoc {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_div.jpg) no-repeat right 50%
}
.DrDesignCenters {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_div.jpg) no-repeat right 50%
}
.DrNews {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_div.jpg) no-repeat right 50%
}
.DrDesignArticles {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_div.jpg) no-repeat right 50%
}
.DrHotCorners {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_div.jpg) no-repeat right 50%
}
.DrInTheSocWorld {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_div.jpg) no-repeat right 50%
}
.DrTools {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_div.jpg) no-repeat right 50%
}
.DrFreeDownload {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_div.jpg) no-repeat right 50%
}
.DrAbout {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_div.jpg) no-repeat right 50%
}

#DrHomeNav .DrHome {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_red_div.jpg) no-repeat right 50%
}
#DrSearchIpNav .DrSearchIp{
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_red_div.jpg) no-repeat right 50%
}
#DrSocNav .DrSoc {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_red_div.jpg) no-repeat right 50%
}
#DrDesignCentersNav .DrDesignCenters {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_red_div.jpg) no-repeat right 50%
}
#DrNewsNav .DrNews {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_red_div.jpg) no-repeat right 50%
}
#DrDesignArticlesNav .DrDesignArticles {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_red_div.jpg) no-repeat right 50%
}
#DrInTheSocWorldNav .DrInTheSocWorld {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_red_div.jpg) no-repeat right 50%
}
#DrToolsNav .DrTools {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_red_div.jpg) no-repeat right 50%
}
#DrFreeDownloadNav .DrFreeDownload {
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_red_div.jpg) no-repeat right 50%
}
#DrAboutNav .DrAbout{
	BACKGROUND: url(http://www.us.design-reuse.com/img06/nav_red_div.jpg) no-repeat right 50%
}
TABLE.navBG {
	BACKGROUND-IMAGE: url(http://www.us.design-reuse.com/img06/blue_gradient.jpg); BACKGROUND-REPEAT: repeat-x
}
.navBG TD {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 28px; TEXT-ALIGN: center
}
.navtext {
	FONT: bold 11px Arial; COLOR: #fff; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
.navtext:link {
	FONT: bold 11px Arial; COLOR: #fff; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
.navtext:hover {
	FONT: bold 11px Arial; COLOR: #fff; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
.navtext:visited {
	FONT: bold 11px Arial; COLOR: #fff; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
.navlinkcss {
	BORDER-RIGHT: #369 1px solid; BORDER-TOP: #369 1px solid; Z-INDEX: 100; VISIBILITY: hidden; FONT: 12px/16px Arial; BORDER-LEFT: #369 1px solid; WIDTH: 175px; BORDER-BOTTOM: #369 1px solid; POSITION: absolute; BACKGROUND-COLOR: #eee; TEXT-DECORATION: none
}
.navlinkcss A {
	DISPLAY: block; COLOR: #369; TEXT-INDENT: 5px; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
.navlinkcss A:visited {
	DISPLAY: block; COLOR: #369; TEXT-INDENT: 5px; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
.navlinkcss A:hover {
	COLOR: #fff; BACKGROUND-COLOR: #369
}



LI {
	LINE-HEIGHT: 18px
}

.moreStoriesLink {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: center
}
.dandrMoreLft {
	PADDING-RIGHT: 4px; FONT-SIZE: 10px; COLOR: #999
}
.dandrMoreRt {
	PADDING-LEFT: 4px; FONT-SIZE: 10px; COLOR: #999
}
.dandrMore {
	
}
.tease {
	FONT-SIZE: 70%; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica
}
.t1tease {
	FONT-SIZE: 75%; FONT-FAMILY: Verdana, Arial, Helvetica
}

.navlink1 {
	FONT: 11px Verdana, Arial, Helvetica
}
A.homenav:hover {
	COLOR: black; TEXT-DECORATION: underline
}
.horiznavtext {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT: bold 11px/11px Arial,verdana,sans-serif; COLOR: #fff; TEXT-DECORATION: none
}
A.horiznavtext:hover {
	COLOR: #fff; TEXT-DECORATION: underline
}
.vicon {
	MARGIN-RIGHT: 4px
}
#footer {
			clear: both;
			height: 50px;
			margin-bottom: 10px
}
#footer {width:980px;margin:0;padding:0;}


.dandrBodyText {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: arial, helvetica, sans-serif
}
.dandrBodyText11 {
	FONT-SIZE: 11px; COLOR: #000000
}
.dandrCeilTxtField {
	FONT-SIZE: 12px
}
.dandrSectCopyright {
	FONT-SIZE: 10px; COLOR: #000000; PADDING-TOP: 3px; FONT-FAMILY: verdana, arial, sans-serif
}
.dandrStoryBoxHeadW {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 3px; COLOR: #ffffff; PADDING-TOP: 3px; FONT-FAMILY: arial, helvetica, sans-serif
}
.dandrInterfaceLink {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; FONT-FAMILY: verdana, arial, sans-serif
}
.dandr5pxRPad {
	PADDING-RIGHT: 5px
}
.dandr5pxBPad {
	PADDING-BOTTOM: 5px
}
.dandr5B8RLPad {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 5px
}
.dandr6R10BPad {
	PADDING-RIGHT: 6px; PADDING-BOTTOM: 5px; PADDING-TOP: 8px
}
.dandr10pxPad {
	PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px
}
.dandr10pxRPad {
	PADDING-RIGHT: 10px
}
.dandr10pxBPad {
	PADDING-BOTTOM: 10px
}
.dandr10pxLPad {
	PADDING-LEFT: 10px
}
.dandr10TBPad {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.dandr10pxRLPad {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px
}
.dandr10pxRTPad {
	PADDING-RIGHT: 10px; PADDING-TOP: 10px
}
.dandr10pxBRLPad {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px
}
.dandr10pxTRLPad {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 10px
}
.dandr10L40BPad {
	PADDING-BOTTOM: 20px
}
.dandr15pxBPad {
	PADDING-BOTTOM: 15px
}
.dandr40pxRPad {
	PADDING-RIGHT: 40px
}
.dandr25pxRBPad {
	PADDING-RIGHT: 10px; PADDING-BOTTOM: 25px
}


<!-- NEW PHIL -->

#mBody p { margin-top: 10;
margin-bottom: 10;

	border:0px solid yellow
 }



.md {
	BORDER-RIGHT: #b0bec7 1px solid; BORDER-TOP: #b0bec7 1px solid; BACKGROUND: #fff; BORDER-LEFT: #b0bec7 1px solid; BORDER-BOTTOM: #b0bec7 1px solid
}


.md2 {
	BORDER-RIGHT: #b0bec7 1px solid; BORDER-TOP: #b0bec7 1px solid; BACKGROUND: #FFC027; BORDER-LEFT: #b0bec7 1px solid; BORDER-BOTTOM: #b0bec7 1px solid
}
	#main1 {
		margin:0; padding:0;
		border:0px solid #99c;
		background:transparent

		}
	#main2 {
		margin:0; padding:0;
		border:0px solid #99c; 
		background:transparent

		}

	#left {
		border:0px solid blue; 
		float:left;
		width:400px;
		margin-left:10px;
		margin-right:10px;
		margin-top:0px;
		padding:0;
		font-size:80%;
		background:green
		}



	#right {
		border:0px solid #99c; 
		float:right;
		width:128px;
		margin-left:0px;
		margin-right:0px;
		margin-top:0px;
		padding:0;
		text-align: center;
		font-size:80%;
		background:blue
		}
	#middle {
		border:0px solid red; 
		margin-left:425px;
		margin-right:145px;
		margin-top:7px;
		width:auto;
		font-size:80%;
		padding:0;
		background:red

		}



	.column-in {
		margin:0; padding:0;
		font-size:80%;

		background:transparent

		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent
		}

	#mantle2 {_height:25px; min-height:25px; width=auto}
    	#mantle2 .bd { padding-left:10px; border:0px solid blue}


	#mantle2 h3 {font:bold 100% arial; margin-bottom:2px;}
	#mantle2 h3 a {color:#ac5203}
	#mantle2 h4 {font:bold 120% arial; 
		margin-bottom:0px; 	
		margin-top:0px
	}

	#mantle2 ul {font:77% verdana;margin-bottom:3px;height:2.5em;}
	#mantle2 ul li {color:#16387c;padding-left: 8px; background: transparent url(http://www.us.design-reuse.com/img06/003399.gif) 2px 50% no-repeat;}	
	#mantle2 form {width:97%; padding:0; margin:0;}
	#mantle2 form input.guide { color:#666;width:9.5em; margin:5px 2px 0 2px;}
	#mantle2 form input { font:77%/100% verdana;}
	#mantle2 label {color:#4e4e4e;font:bold 77% verdana; width:38%;}
	#mantle2 a.disclaimer {width:92px; height:10px; position:absolute; top:65px; left:10px;}

#mantle2 img{
float:left;
	border:4px solid black;

vertical-align:text-top;
margin-right:10px
}

#mantle2 p.dots{
	border:0px solid #99c;
width: auto;

  background-color:transparent


}

#mantle2 .topstory{
	border:0px solid red;
height=auto;
  background-color:transparent


}

#mantle2  A.mainlink {
	TEXT-DECORATION: none
}


#mantle2 .otherstories{
	border:0px solid green;
  background-color:transparent


}


#mantle2 p.title{font:bold 100% arial; 
margin-bottom:2px;}

.hd {
  background-image:url(http://www.us.design-reuse.com/img06/grd-1px_1.1.gif);
  background-repeat:repeat-x;
}
.hd{
  color:#18397c;
  background-color:#fff;
  background-position:bottom left;
  border:0px solid #b0bec7;
  border-bottom:1px solid #93a6b4;
}


.bd{
padding:5px 10px 10px;
}
.hd h2{
font:bold 100% arial;
font-size : 12px;

padding:1px 11px;
  border:0px ;
margin:0
}



A.icn{
	border:1px solid #99c; 
	width: 100px;
	height: 100px;
	padding-bottom:3px;
float:left 
}
p.dots{
	border:1px solid #99c;
width: auto;

  background-color:red


}


li.newproducts {
 list-style-type: square;
 list-style-position:
 inside; color:#ffffff;
}



p.dots2{
	border:0px solid #99c;
	width: auto;
	FONT-FAMILY: arial, helvetica, sans-serif; 
	FONT-SIZE: 11px; 
 	background-color:transparent


}




.more, .bullet, .audio, .video, .slideshow, .search, .minimantle li, #localnewsct #newstop li{
font:normal 77% verdana;
padding:2px 4px 2px 4px;
}

.btn-more{
position:absolute;
bottom:5px;
right:10px;
font:bold 77% verdana;
white-space:nowrap;
}

#news ul.btn-more li, #more-today span{
display:inline;
margin-right:5px;
padding-right:5px;
line-height:1em;
border-right:1px solid #94a1c3;
}
#news ul.btn-more li a, #more-today a{
line-height:1em;
}
#news ul.btn-more li.first, #more-today .first{
border:0;
padding:0;
font-weight:normal;
}
#news ul.btn-more li.last, #more-today .last{
border:0;
margin:0;
padding:0;
}

/* FOOTER */
#footer {width:980px;margin:0;padding:0;}

#DrFootNav {border-top:1px solid #999;padding-top:1px;background-color:#fff;}
#DrFootNav TABLE {background-color:#DEDEDE;}
#DrFootNav TABLE TD {padding:3px 7px 3px 7px;}
#DrFootNav TABLE TD.cnn7pxRpad {padding:3px 10px 3px 3px !important;}
#DrFootNav TABLE TD A {font-size:11px; font-weight:bold; color:#000;}


#DrFootSearch {border-top:3px solid #fff; background:#eee; height:36px;}
#DrFootSearch IMG {vertical-align:middle;}
#DrFootSearch IMG.cnnWeb {margin:0px 26px 0px 6px;}
#DrFootSearch IMG.cnnCNN {margin:0px 30px 0px 6px;}
#DrFootSearch IMG.DrSrch {margin:0px 9px 0px 12px;}
#DrFootSearch IMG.cnnYahoo {margin:0px 0px 0px 15px;}
#DrFootSearch FORM INPUT {vertical-align:middle;}
#DrFootSearch .cnnR {margin:0px;}
#DrFootSearch .cnnInput {margin-right:10px; width:400px;height:18px;font-size:11px;}

#DrFoot {border-top:3px solid #fff;background-color:#EFEFEF;}
#DrFoot TD {font-size:11px;}
#DrFoot A {color:#009;}
#DrFoot A:visited {color: #336;}
#DrFoot A:hover {color: #900; text-decoration: none}

#DrFoot #drIconMap TD IMG {margin-right:1px;vertical-align:middle;}
#DrFoot #drIconMap TD IMG.DrFooterXmlBtn {vertical-align:text-bottom;margin:0 20px 1px 4px;}
#DrFoot #drIconMap TD {padding-bottom:6px;}
#DrFoot #drIconMap TR.cnnNoPad TD {padding-bottom:0px !important;}
#DrFoot #drIconMap TR.cnnNoPad TD IMG.cnnXmlIcon {margin-right:4px;}
#DrFoot #drIconMap .drEetimesNetworkLinks {font-size:11px;color:#333;}
#DrFoot #drIconMap .drEetimesNetworkLinks a:Link {font-size:11px;font-weight:bold;color:#333;}
#DrFoot #drIconMap .DrFooterSrvHead {font-size:14px;color:#000;font-weight:bold;margin-right:20px;}

.dr4pxRpad {padding-right:4px;}
.dr25pxT10BPad
{padding-top:25px;padding-bottom:10px;}
#DrFootSearch .drInput {margin-right:10px; width:400px;height:18px;font-size:11px;}
/* FORM BUTTONS */
.drFormButtonSearch {font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	width: 55px;
	text-transform:none;}

#DrFoot #drIconMap TD IMG {margin-right:1px;vertical-align:middle;}
#DrFoot #drIconMap TD IMG.cnnFooterXmlBtn {vertical-align:text-bottom;margin:0 20px 1px 4px;}
#DrFoot #drIconMap TD {padding-bottom:6px;}
#DrFoot #drIconMap TR.drNoPad TD {padding-bottom:0px !important;}
#DrFoot #drIconMap TR.drNoPad TD IMG.cnnXmlIcon {margin-right:4px;}
#DrFoot #drIconMap .drFooterServiceLinks {font-size:11px;color:#333;}
#DrFoot #drIconMap .drFooterServiceLinks a:Link {font-size:11px;font-weight:bold;color:#333;}
#DrFoot #drIconMap .drFooterSrvHead {font-size:14px;color:#000;font-weight:bold;margin-right:20px;}





.MainText { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #000000 }
.MainText A:link { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold; color: #333399 }
.MainText A:hover { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; text-decoration: none; font-weight: bold; color: #ce0000 }
.MainText A:visited { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold; color: #333399 }


.MainText TD {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}




H4 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
}

.MainText H5 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
}

.MainText UL{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}
.MainText H2 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 18px;
	font-weight : bold;
}
.MainText P {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}
.MainText H3 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 18px;
	font-weight : bold;
}


#drchpg a, #drchpg span {padding:3px 7px;margin:0px;border:none;}
#drchpg span {font-weight:bold;}
#drchpg big span {padding:0px;}
#drchpg a.drchnbdr {padding:1px;border:none;margin:0px;font-weight:bold;font-size:110%;}
#drchpg a.drchnbdr:hover {padding:0px;border:1px solid #0000dd;margin:0px;font-weight:bold;font-size:110%;}
#drchpg a:hover {padding:2px 6px;border:1px solid #0000dd; }
#drchnxtb {display:inline;}
#drchnxtb big span {margin-left:1px;font-size:110%;padding-left:14px;background: url(http://www.us.design-reuse.com/img06/ar_next.gif) no-repeat center left;}
#drchnxtb a span {text-decoration:underline;font-size:110%;border:none;}

#drchprvb big span {margin-right:1px;font-size:110%;padding-right:14px;background: url(http://www.us.design-reuse.com/img06/ar_prev.gif) no-repeat center right;}
#drchprvb {display:inline;}
#drchprvb a span, #drchnxtb a span {text-decoration:underline;font-size:110%;border:none;}