/*  Top Notch Affairs CSS  */
  
  /* EXTRA    
  	 font: bold italic small-caps 1em/1.5em verdana,sans-serif
	  height:40%; /* works only if parent container is assigned a height value 
   */
body { 	padding-right: 0px; 
	padding-left: 0px; 
	background-image: url(pix/background.gif); 
	padding-bottom: 0px; 
	padding-top: 0px;
	background-color: #ffffff;
	height:100%; /* this is the key! */
	} 
#wrapper {width: 760px; margin: 0 auto; } 
/* Background Colours */
.whitestripleft {
	background-image: url(pix/leftshadow.gif);}
.whitestripright {
	background-image: url(pix/rightshadow.gif);}
.whitestrips {
	background-color: #ffffff;}
.headerbgcolor {
	background-color: #ffffff;}
.topstrip {
	background-color: #ffffff;}
.menubg {
	background-color: #ffffff;}
#mainmenu { background-color: #ffffff;
	padding: 0px;}

#maintable{	 PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px;
 background-color: #ffffff;
}
#maincontent { background-color: #ffffff;
	padding: 0px;}
#content{ 	background-image: url(pix/bg_home2.jpg);
	background-repeat: no-repeat; 
	 PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px;
	width: 692px;
	 height: 300px;
	color: #000000; 
	text-decoration: none; 
	font-family: arial, verdana, sans-serif; 
	font-size: 10pt;
	font-weight: bold;
	margin-top: 0;
	 padding: 10;}
#contentclients{	background-image: url(pix/bg_sound_art.jpg);
	background-repeat: no-repeat; 
	 PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px;
	width: 692px;
	 height: 300px;
	color: #000000; 
	text-decoration: none; 
	font-family: arial, verdana, sans-serif; 
	font-size: 10pt;
	font-weight: bold;
	margin-top: 0;
	 padding: 10;} 
#container {
	 PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px;
	width: 619px;}
	
 /* BEGIN MENU */
.menu {padding:0; margin:3px 15px;}
.menu dt {display:none;}
.menu dd {float:left; padding:0; margin:0; text-align:center;}
.menu dd span.aa {display:block; width:12px; height:1.5em; height:auto; 
background:url(pix/taglft.gif); float:left; border-bottom:1px solid #888; padding:5px 0;}
.menu dd span.bb {height:1.5em; height:auto; background:url(pix/tagmid.gif); float:left; 
border-bottom:1px solid #888; padding:5px 0;}
.menu dd span.cc {display:block; width:12px; height:1.5em; height:auto; 
background:url(pix/tagrgt.gif); float:left; border-bottom:1px solid #888; padding:5px 0;}
.menu a, .menu a:visited {color:#888; text-decoration:none; font-size:1em; cursor:pointer;
font-family: arial, verdana, sans-serif;}
.menu a:hover {color:#993300; background:#fff;}
.menu a:hover span {background-position:0 150px; border-bottom:1px solid #f9f4ee;}
dl.menus_list dt {background:#6f9c6f; font-size:1.5em; margin:3px 0;}
 /* END MENU */
 
td p { 	font-size: 10pt;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #FFFFCC;
	font-weight: bold;
	margin-top: 2;}
a{ color:#D25C3E;
text-decoration:none;
border-bottom:1px dotted #d25c3e;
font-weight: bold;}
a:hover{ color:#FFCCFF;
text-decoration:none;
border-bottom:1px solid #ddd1a8;
font-weight: bold;}

 /* footer BLOCK */
#footer {
	font-size: 10px; COLOR: #000000; FONT-FAMILY: Verdana,Sans-serif; FONT-WEIGHT: bold;}
#footer A:visited {	COLOR: #000000}
#footer A {	COLOR: #000000}
#footer A:hover {	COLOR: #000000; BACKGROUND-COLOR: #CC99FF}
	
#xsnazzy {background: transparent; margin:1em;	width: 445px;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#D25C3E; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#D25C3E; border:0 solid #08c; border-width:0 1px;}

#jollymoonxsnazzy {background: transparent; margin:1em;	width: 163px;}
.jxtop, .jxbottom {display:block; background:transparent; font-size:1px;}
.jxb1, .jxb2, .jxb3, .jxb4 {display:block; overflow:hidden;}
.jxb1, .jxb2, .jxb3 {height:1px;}
.jxb2, .jxb3, .jxb4 {background:#99FF33; border-left:1px solid #08c; border-right:1px solid #08c;}
.jxb1 {margin:0 5px; background:#08c;}
.jxb2 {margin:0 3px; border-width:0 2px;}
.jxb3 {margin:0 2px;}
.jxb4 {height:2px; margin:0 1px;}
.jollymoonbox {display:block; background:#FFffff; border:0 solid #08c; border-width:0 1px;} 
#footerup {	float: left;
        width: 165px;
     	 color: #336699;
        padding-top: 3px;
        padding-right: 3px;
        padding-left: 3px;
        font-size: 9px;
        height: 8px;
        padding-bottom: 2px;}
#footerlinks { padding-top: 3px;
        padding-right: 3px;
        padding-bottom: 3px;
        padding-left: 3px;
        font-size: 9px;
        float: left;
        width: 250px;} 
#jollymoon {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        font-size: 9px;}
 /* END	 ---------------------------footer BLOCK */	
.contentdata {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
  list-style-type: square;  color: #FFFFFF}
li {  list-style-type: square; line-height: 18px; color: #EEEEEE}
.littlecontentdata {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; line-height: 9px}
.newsdata {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF;}
dt  { font-weight: normal; font-size: 10px; font-family: Geneva, Arial; color: #FFFFCC;}
.sitenaam a    { color: #000080; text-decoration: none }
.sitenaam a:hover  { color: #f00; text-decoration: none }
.sitenaam a:active  { color: #f00; text-decoration: none } 

#news {background-color: #707070; padding-top: 8px;  padding-right: 8px; padding-left: 8px;  padding-bottom: 8px;}
#news .contentdata { width: 678px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; 
   color: #999999}
#news .contentdata span {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; 
  color: #ffffff; font-weight: bold;}
#news .contentdata p {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; 
  color: #ffffff} 

/* faq  */
#faq {background-color: #707070; padding-top: 8px;  padding-right: 8px; padding-left: 8px;  padding-bottom: 8px;}
#FAQ .contentdata { width: 678px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; 
   color: #999999}
#FAQ .contentdata span {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; 
   color: #ffffff}  
#FAQ .contentdata li{  font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
  list-style-type: square;  color: #99CC33}  
#FAQ .contentdata p {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; 
  color: #ffffff}
#FAQ .contentdata h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; 
  color: #000000; font-weight: bold;}
#FAQ .contentdata p a {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; 
   color: #FF6633}  
#FAQ .contentdata p a:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; 
   color: #99FF00}
 
   
td .thanks
 { font-family: arial;
font-size: 12px;
font-weight: bold;
color: #FF9966;
	}
td .news
 {font-family: arial;
font-size: 11px;
font-weight: bold;
color: #ffffff;	}
.contentbold {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
}
.contentnews { 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	text-decoration: none;
}
.linkbold {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0072BC;
	text-decoration: none;}
#sitemap { 
}
#sitemap td.leftsection {
width: 33%;
float: left;
}
#sitemap .links {
font-size:10px;
background: none;
}
#sitemap .header {
display: block;
padding-left: 15px;
font-size:12px;
font-weight: bold;
background-image:url(pix/sitemap-section.gif);
background-repeat:no-repeat;
border: #999999;
border-style: solid;
border-width: 1px;
margin-bottom: 4px;
}
#sitemap ul.blue {
list-style-image: url(pix/sitemap-bullet.gif);
margin-left: 16px;
padding-left: 0px;
margin-top: 12px;
line-height: 16px;
}
#sitemap .sitemap  a:link,a:active {text-decoration: none; color:#000000;}
#sitemap .sitemap a:hover {color:#99CC66; text-decoration: underline;}
#sitemap .sitemap a:visited {text-decoration: none; color:#99CC66;}
#c1of1 UL,#c1of2 UL,#c2of2 UL{list-style-image:url(pix/bullet_pea.gif);margin:0 0 4px 8px;padding-left:8px;}

p .error UL{list-style-image:url(pix/bullet_pea.gif);
}
#musicplayer {
background-image: url(pix/bg_controlroom_light.jpg);
background-repeat: repeat-y;
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px;
width: 692px;
color: #000000; }
#magazines { background-image: url(pix/bg_controlroom.jpg);
	background-repeat: repeat;
	height:100%; /* works only if parent container is assigned a height value */ 
	 PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px;
	width: 692px;
	color: #000000; }
#toplinks {
        font-size: 0.59em;
        width: auto;
        float: middle;
        text-align: right;
        padding-right: 6px;
        color: black;
        }
#toplinks a:link {
        color: #000000;
} 
#toplinks a:hover{
        color: #66CC00;}