/* The wrapper clears the floating elements of the menu */

#menuwrapper { 
        overflow: hidden; 
        background-color: #9977CC;
        border-bottom: 1px solid #C0C0C0;
        width: 100%;
        }

dfn {

  position: absolute;

  left: -1000px;

  top: -1000px;

  width: 0;

  height: 0;

  overflow: hidden;

  display: inline;

}
/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li { 
        width: 200px; 
       }


/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	}
#primary-nav ul { 
	position: absolute; 
	top: auto; 
	display: none; 

	}
#primary-nav ul ul { 
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
	}
	
#primary-nav li { 
	margin-left: -1px;
	float: left; 
	}
#primary-nav li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	}

/* Styling the basic apperance of the menu elements */

#primary-nav a { 
	display: block; 
	margin: 0px; 
	padding: 5px 8px; 
	text-decoration: none; 
color: #fff;
	}
#primary-nav li a { 
	border-right: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	}
#primary-nav li li a { 
	border: 1px solid #C0C0C0;
	}	
#primary-nav li, #primary-nav li.menuparent { 
	background-color: #9977CC; 
	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
	background-color: #E7AB0B; 
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { 
	background-image: url(modules/MenuManager/images/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 
	background-color: #E7AB0B; 
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
	display: block; 
	}


/* IE Hacks */

#primary-nav li li { 
	float: left; 
	clear: both; 
	}
#primary-nav li li a { 
	height: 1%; 
	}
-->

.NewsSummary {
    margin-bottom: 2px;
 }

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
  margin-bottom: 2px;
 }

#NewsPostDetailDate {
  font-size: 90%;
  font-style: italic;
  margin-bottom: 2px;
  }

#NewsPostDetailSummary {
   margin-bottom: 0px;
  line-height: 150%;
   }

#NewsPostDetailContent {
  margin-bottom: 2px;
  line-height: 150%;
  }

/* to add specific style to the below div, uncomment them. */
/* 
.NewsSummaryLink {}
.NewsSummaryAuthor {}
.NewsSummaryMorelink {}
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailCategory {}
#NewsPostDetailAuthor {}
#NewsPostDetailAuthor {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/

CSS code
body {
		text-align:center;
		margin: 0;
		padding: 0;
		background-color: orange;
		font-family: verdana, arial, sans-serif, georgia; 
		font-size: 11px;
		color: #333333;
		}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 777px;
}

#header {
	margin: 0 0 15px 0;
	background: #FFF;
}

#leftside {
	float: left;
	width: 190px;
	padding: 0px 5px 0px 10px;
}
#leftside h1{
color:#993300;
font-weight:bold;
font-size: 11px;
border-bottom: 1px solid #993300;
padding-left: 10px;
}

#newsletter
{
Border: 1px solid #FF9900;
padding: 3px;
background-color: #FFFF99;
}

#rightside {
	float: right;
	width: 180px;
	padding: 0px 10px 0px 5px;
	font-size: 11px;
}

#rightside h1{
color:#993300;
font-weight:bold;
font-size: 11px;
border-bottom: 1px solid #993300;
padding-left: 10px;
}
.left{
border: none;
}

.left img, .left a {
border: 0px;
}

#content { 
	float: left;
	width: 340px;
	padding: 0px 10px 5px 10px;
	font-size: 12px;
	border-right: 1px dotted #993300;
	border-left: 1px dotted #993300;
font-family:Arial, Helvetica, sans-serif;
}

#footer {
	clear: both;
	background: #CCCCCC;
	padding: 5px 10px 5px 10px;
	border-top: 1px solid #990099;
	font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
}