body {
margin : 20px;
padding : 0;
font : 80% "Trebuchet MS", verdana, arial, sans-serif;
color : #666;
background : black;
}
#container {
width : 750px;
border: 5px solid #fff;
margin-left : auto;
margin-right : auto;
padding : 10px;
color : #666;
background:  #F5F5F5;
}
			/*  YLÄBANNERIT  */
#banner {
float : left;
width : 520px;
height : 160px;
padding : 0px;
margin-bottom : 15px;
color : #666;
background : inherit;
}
#bannerb {
float : right;
width : 190px;
height: 160px;
padding: 0px;
margin : 0 0 15px 10px;
color : #666;
background: inherit;
font-size: 90%;
}
  
 	 	 	 /*   Y L ÄN A V I G O I N T I   */ 
 
 /*   U U S I   v e r s i o   */ 

/*  Varmistetaan navipalkin väri koko leveydeltä  */ 
#navipalkki { 
width: 100%; 
float: left; 
background: black;
  } 

/*  Lisätään 10px tila navipalkin alle  */ 
#navipalkki_alapadding { 
width: 100%; 
float: left; 
background:  #F5F5F5;
padding-bottom:10px;
  } 
  
 /*   = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =   
  T h i s   c o p y r i g h t   n o t i c e   m u s t   b e   u n t o u c h e d   a t   a l l   t i m e s . 
 
  T h e   o r i g i n a l   v e r s i o n   o f   t h i s   s t y l e s h e e t   a n d   t h e   a s s o c i a t e d   ( x ) h t m l 
  i s   a v a i l a b l e   a t   h t t p : / / w w w . c s s p l a y . c o . u k / menus / b a s i c _ d d . h t m l 
  C o p y r i g h t   ( c )   2 0 0 5 - 2 0 0 9   S t u   N i c h o l l s .   A l l   r i g h t s   r e s e r v e d . 
  T h i s   s t y l e s h e e t   a n d   t h e   a s s o c i a t e d   ( x ) h t m l   m a y   b e   m o d i f i e d   i n   a n y   
  w a y   t o   f i t   y o u r   r e q u i r e m e n t s . 
  = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =   */ 
 
 /*   r e m o v e   t h e   b ul l e t s ,   padding   a n d   margin s   f r o m   t h e   lis t s   */ 
 
 #navcontainer{ 
 clear: both ; 
  width: 100% ; 
  float: left; 
    } 
 
 #navmenu ul { 
  list-style-type: none; 
  padding: 0; 
  margin: 0;
    } 
 
 /*   m a k e   t h e   top   l e v e l   lin k s   h o r i z o n t a l   a n d  position  r e l a t i v e   s o   t h a t   w e   c a n  position  t h e   s u b   l e v e l   */ 
 
 #navmenu li{ 
  float: left; 
  position: relative; 
  z-index: 100; 
  }   
 
 /*   u s e   t h e   t a b l e   t o  position  t h e   d r o p d o w n   lis t   */ 
 
 #navmenu table{ 
 position: absolute ; 
 border-collapse: collapse; 
 z-index: 80; 
 left:-1px; 
 top: 25px; 
  } 
    
 /*   s t y l e   a l l   t h e   lin k s   */ 
 
 #navmenu a, #navmenu :visited{ 
  display: block; 
  font-size: 10px; 
  width: 91px; 
  padding: 7px 0; 
  color: #fff; 
  background: black; 
  text-decoration: none; 
  margin-right: 1px; 
  text-align: center; 
  font-family: verdana, sans-serif; 
  border-right: 1px solid White;
    } 
 
 /*   s t y l e   t h e   lin k s   hover  */ 
 
#navmenu :hover{ 
color: #fff;
background:  #a1aac9;
} 
  
 /*   h i d e   t h e   s u b   l e v e l   lin k s   */ 
 
#navmenu ul ul { 
  visibility : hidden; 
  position: absolute ; 
  width : 90px; 
  height : 0; 
  } 
 
 /*   m a k e   t h e   s u b   l e v e l   v i s i b l e   o n   hover  list   o r   link   */ 
 
#navmenu ul li:hover  ul ,
#navmenu ul a:hover  ul { 
 visibility: visible;
  } 
 
 
 <!--[if  IE]> 
 
 <style type = " text/css"   media="screen"> 
  body { 
  behavior: url(csshover.htc); 
  font-size: 100% ; 
  } 
   
 #menu ul li{float: left ; width : 100% ; } 
 #menu ul li a {height:  1% ; }   
  
 #menu a, #menu h2 { 
 
 font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
 } 
 
 </style> 
 
 <![endif]--> 
 
                 /* SISÄLTÖALUE */

#main-content {
float: left;
width:100%; 
}  
  
 	 	 	 /*   S I S Ä L T Ö P A L S T A   */ 
 
 #content { 
float: left;
width: 525px;
font-size: 125% ; 
padding: 0 ; 
margin: 0 10px 10px 10px ; 
background:inherit; 
color: black; 
border-right: 1px solid #999;
 } 
  
			/*   OIKEA PALSTA   */
#sidebar-b {
float: right;
font-size: 90%;
min-height: 0px;
width: 170px;
margin: 0;
padding: 10px;
background: #F5F5F5;
color: #666;
}

			/*   ALATUNNISTE   */
#footer {
clear: both;
padding: 5px;
margin-top: 5px;
color: #bbd2e0;
background: black;
font-size: 80%;
}
#footer a:link, #footer a:visited {
background: inherit;
color: #eee;
text-decoration: none;
}
#footer a:hover {
border-bottom: 1px dashed #f2f2f5;
background: inherit;
color: #f2f2f5;
}
			/*   TYPOGRAPHY   */

h1, h2 {
margin : 0 0 10px 5px;
letter-spacing : 3px;
font-size : 125%;
color : #003366;
background : inherit;
}
h3 {
font-size : 115%;
color : #826c45;
background : inherit;
}
			/*   LINKS   */
a {
color: #826c45;
font-weight: bold;
text-decoration: none;
background: inherit;
}
a:hover {
color: #697899;
background: inherit;
}
			/*   CLASSES   */
.news {
font-size: 100%;
background: inherit;
color: #333;
}
.sitename {
font-size: 180%;
margin: 0 0 10px 0;
color: #826c45;
background: inherit;
}
blockquote {
font-weight: bold;
font-style: italic;
color: #b29b35;
}