﻿/* 
	Style Sheet for SAMANDDANCE LIMITED'S Portal written by spectramedia.co.uk 

*/

A:hover { text-decoration: underline}

a { text-decoration: none}


body { 
	margin:0px; background-color: #000000;
background-repeat: repeat-x; 
	background-image: url('images/backer.gif');

}
.Larger
{

}
.FlowArea        { 
    margin-left: auto;
    margin-right: auto;
	font-family: Georgia; 
	font-size: 12pt; 
	color: #000080; 
    background-repeat: no-repeat;
	background-image: url('images/pagefooter.gif');
	width: 871px;
	height: 298px;
	background-position: bottom;	
	}
.LegalArea        { 
    margin-left: auto;
    margin-right: auto;

	background-color: #ffffff;
	font-family: Georgia; 
	font-size: 7pt; 
	color: #ffffff; 
	height: 51px;
    background-repeat: no-repeat;
	background-image: url('images/logofooter.gif');
	width: 871px;
	background-position: bottom;	
	 padding-left: 10px;  	
	}
.Topper        { 
	background-color: #ffffff;
	font-family: Georgia; 
	font-size: 7pt; 
	color: #ffffff; 
	height: 309px;
    background-repeat: no-repeat;
	background-image: url('images/pagetop.jpg');
	width: 871px;	
	z-index: 0;
	}	
.PicHolder        { 
	font-family: Georgia; 
	font-size: 7pt; 
	color: #ffffff; 
	position: absolute;
	top: 220px;
	left: 320px;
	z-index: 1;
	}	
.navigHolder        { 
	font-family: Georgia; 
	font-size: 11pt; 
	position: absolute;
	color: #000000; 
	top: 320px;
	left: 30px;
	z-index: 2;
	}		
	
.Midder1        { 
	background-color: #ffffff;
	font-family: Georgia; 
	font-size: 12pt; 
	color: #000080; 
	height: 250px;
    background-repeat: no-repeat;
	background-image: url('images/papermid.jpg');
	width: 871px;	
	text-align: left;
 padding-left: 265px;  	
 padding-top: 30px;  	
	
	}		
	

.Navi        { 
	font-family: Verdana; 
	font-size: 8pt; 
	color: #666666; 
	line-height: 200% 
	}
.greytop   { 
width: 484px;
height: 35px;
background-image: url('../whcr3/furniture/greytop.gif'); 
} 
.greybot  { 
width: 484px;
height: 24px;

background-image: url('../whcr3/furniture/greybot.gif'); 
} 
.greybody   { 
width: 484px;
		font-family: trebuchet ms;
	font-size: 11px;
	color: #ffffff;
height: auto;
overflow: hidden;
 padding-left: 10px;  	
 padding-right: 10px;  	 
background-image: url('../whcr3/furniture/greymid.gif'); 
} 

.newssubtext
{
float: right;
	font-family: Tahoma; 
	font-size: 8pt;
	color: #555555; 
	line-height: 160%;
	position: relative;		
left: -20px;
top: 22px;
width: 400px;
height: 70px;
overflow: auto;
z-index: 6;
			scrollbar-arrow-color: #fff;
			scrollbar-base-color: #A5A2A5;
			scrollbar-track-color: #A5A2A5;
			scrollbar-highlight-color: #fff;
			scrollbar-shadow-color: #fff;
			scrollbar-darkShadow-color: #A5A2A5;
}








.Headline        { 
	font-family: Tahoma; 
	font-size: 18pt; 
	color: #000080; 
	line-height: 200% 
	}


.wholetopwindow    { 

position: absolute; 
left: 0px; 
top: 0px; 
width: 950px;
height: 150px; 
background-image: url('../utopia07/images/furniture/topbar.gif'); 
z-index: 1
} 
.weatherhandler    { 

position: absolute; 
left: 800px; 
top: 100px; 

color: rgb(255,255,255);
font-family: tahoma;
font-size: 7pt;

z-index: 2
} 
.mainbodyarea    { 

position: absolute; 
left: 190px; 
top: 173px; 
width: 238px;
	font-size: 5px;
	height: auto;
} 
.gap   { 


height: 3px;
} 
.midbit   { 

padding:10px; left: 190px; 
width: 484px;
height: 113px;
		font-family: trebuchet ms;
	font-size: 11px;
	color: #ffffff;
 background-image: url('../whcr3/furniture/standardmid.gif'); 
} 
.eventmidbit   { 

padding:10px; left: 190px; 
width: 484px;
		font-family: trebuchet ms;
	font-size: 11px;
	color: #ffffff;
 background-image: url('../whcr3/furniture/eventsmid.gif'); 
} 
.eventtop   { 
width: 484px;
height: 9px;
background-image: url('../whcr3/furniture/eventstop.gif'); 
} 
.eventbot  { 
width: 484px;
height: 10px;

background-image: url('../whcr3/furniture/eventsbot.gif'); 
} 
.bluetop   { 
width: 484px;
height: 25px;
background-image: url('../whcr3/furniture/bluehead.jpg'); 
} 
.bluebot  { 
width: 484px;
height: 18px;

background-image: url('../whcr3/furniture/buebot.jpg'); 
} 
.bluebody   { 
width: 484px;
		font-family: trebuchet ms;
	font-size: 11px;
	color: #ffffff;
height: auto;
overflow: hidden;
 padding-left: 10px;  	
 padding-right: 10px;  	 
background-image: url('../whcr3/furniture/bluemid.gif'); 
} 

.tvbot  { 
width: 484px;
height: 28px;

background-image: url('../whcr3/furniture/tvbot.gif'); 
} 
.tvbody   { 
width: 484px;
		font-family: trebuchet ms;
	font-size: 11px;
	color: #ffffff;
height: 413px;
overflow: hidden;
background-image: url('../whcr3/furniture/whtv.gif'); 
} 

.tvplayer
{
position: absolute;
left: 15px; 
top: 127px; 
}
.tvdesc
{
position: absolute;
left: 359px; 
top: 160px; 
width: 107px;
height: 150px;
		font-family: trebuchet ms;
	font-size: 10px;
	color: #000000;
}
.tvtop
{
position: absolute;
left: 140px; 
top: 20px; 
width: 324px;
height: 80px;
		font-family: trebuchet ms;
	font-size: 11px;
	color: #ffffff;
}
.tvmore
{
width: 484px;
		font-family: trebuchet ms;
	font-size: 10px;
	color: #000080;
 padding-left: 17px;  	
 padding-right: 17px;  	 	
 padding-top: 10px;  	 
 padding-bottom: 10px;  	  
	background-image: url('../whcr3/furniture/tvmore.gif'); 
}

.pinktop   { 
width: 484px;
height: 21px;
background-image: url('../whcr3/furniture/pinktop.gif'); 
} 
.pinkbot  { 
width: 484px;
height: 15px;

background-image: url('../whcr3/furniture/pinkbot.gif'); 
} 
.pinkbody   { 
width: 484px;
		font-family: trebuchet ms;
	font-size: 11px;
	color: #ffffff;
height: auto;
overflow: hidden;
 padding-left: 10px;  	
 padding-right: 10px;  	 
background-image: url('../whcr3/furniture/pinkmid.gif'); 
} 


.onairnow   { 

left: 190px; 
top: 173px; 
width: 484px;
height: 113px;
		font-family: trebuchet ms;
	font-size: 11px;
	color: #ffffff;
 padding-top: 46px; 
 padding-left: 10px;  	
 padding-right: 80px;  	 
background-image: url('../whcr3/furniture/onairnow.gif'); 
} 
.eventsguide   { 

left: 190px; 
top: 173px; 
width: 484px;
height: 113px;
		font-family: trebuchet ms;
	font-size: 11px;
	color: #ffffff;
 padding-top: 46px; 
 padding-left: 10px;  	
 padding-right: 80px;  	 
background-image: url('../whcr3/furniture/eventsguide.gif'); 
} 

.eventsbuttons   { 
width: 484px;
height: 71px;
} 

.navighandler    { 

position: absolute; 
left: 24px; 
top: 150px; 
width: 238px;
background-color: #F76100; 
background-repeat: repeat-x; 
background-image: url('../utopia07/images/furniture/navigtop.gif'); 

color: #ffffff;
font-family: tahoma;
font-size: 7pt;

z-index: 2
} 
.localadhandler    { 

position: absolute; 
width: 238px;
height: 200px;
background-color: #Ffffff; 
color: #000000;

z-index: 2
} 

.networkad-right
{ 

position: absolute; 
left: 809px;
top: 145px;
background-color: #Ffffff; 
color: #000000;

z-index: 3
} 
.themainarena
{ 

position: absolute; 
left: 270px;
top: 145px;
width: 530px;
color: #000000;

z-index: 3
} 
.themainarena2
{ 
width: 530px;
background-color: #636163; 
background-repeat: repeat-x; 
background-image: url('../utopia07/images/furniture/topmain.gif'); 
color: #000000;

z-index: 4
} 
.themainarena3
{ 
position: relative; 
left: 8px;
top: 10px;
width: 512px;
background-color: #000000; 
color: #ffffff;
font-family: tahoma;
font-size: 12pt;
z-index: 5
} 
.themainarena4
{
	position: relative;
	left: 15px;
	width: 482px;
	color: #000000;
	font-family: tahoma;
	font-size: 10pt;
	z-index: 5;
} 

.localadhandlerbot    { 

position: absolute; 
width: 238px;
left: 0px;

z-index: 2
} 

.onairhandler    { 

position: absolute; 
left: 800px; 
top: 72px; 
color: rgb(255,255,255);
font-family: tahoma;
font-size: 7pt;

z-index: 2
} 
.songhandler    { 

position: absolute; 
left: 800px; 
top: 45px; 
color: rgb(255,255,255);
font-family: tahoma;
font-size: 7pt;

z-index: 2
} 
.weatherimagehandler    { 

position: absolute; 
left: 883px; 
top: 90px; 
color: rgb(255,255,255);
font-family: tahoma;
font-size: 8pt;
z-index: 3
} 



.autojump    { 
position: absolute; 
right: 16px;
top: 85px; 
z-index: 2
 }
.phoneid    { 
float: left;
position: absolute; 
left: 12px; 
top: 84px; 
z-index: 2
}
.pagesubholder    { 




position: relative; 
left: 0px; 
top: 0px; 
width: 761px; 
height: auto; 
z-index: 0; 
background-color: #A5A2A5; 
background-repeat: repeat-x; 
background-image: url('../sm/bgbar'); 
layer-background-image: url(bgbar); 
border: 1px none #000000
}

.pageholder    { 

position: absolute; 
left: 0px; 
top: 110px; 
width: 761px; 
height: auto; 
z-index: 0; 
background-color: 000063; 
border: 1px none #000000;
}

.topgraphic    { 

position: relative;
left: 180px; 
top: 20px; 
height: auto; 
z-index: 2
}

.navbar       { 
	font-family: Verdana; 
	font-size: 8pt; 
	color: #666666; 
	line-height: 200% ;
 position: absolute;
 left: 13px;
top: 20px;
 z-index: 2
		}	

.contentwindow       { 
		
position: relative;
background-image: url('../sm/middle-bg'); 
background-color: #B5B2B5;
background-repeat: repeat-x; 
layer-background-image: url(middle-bg); 
left: 180px; 
width: 562px; 
height: auto; 
z-index: 1
}

.newswindow       { 
position: relative;		
left: 180px; 
width: 562px; 
height: auto; 
z-index: 1
}

.newssub       { 
		
background-image: url('../sm/newscontent.jpg'); 
background-repeat: repeat-x; 
width: 564px; 
height: 141px; 
z-index: 3
}

.botlinker       { 
position: relative;		
left: 180px; 		
background-image: url('../sm/bottombar.jpg'); 
width: 564px; 
height: 141px; 
z-index: 3
}


.newssubtitle
{
	font-family: Tahoma; 
font-weight: Bold; 
	font-size: 10pt;
	color: #555555; 
	line-height: 160%;
	
	position: relative;	
	position: relative;		
left: 20px;
top: 15px;
z-index: 4
}

.linksubtitle4
{
	font-family: Tahoma;  
	font-size: 8pt;
	color: #ffffff; 
	position: absolute;	
left: 435px;
top: 20px;
z-index: 4
}

.linksubtitle3
{
	font-family: Tahoma;  
	font-size: 8pt;
	color: #ffffff; 
	position: absolute;	
left: 295px;
top: 20px;
z-index: 4
}


.linksubtitle2
{
	font-family: Tahoma;  
	font-size: 8pt;
	color: #ffffff; 
	position: absolute;	
left: 155px;
top: 20px;
z-index: 4
}


.linksubtitle1
{
	font-family: Tahoma;  
	font-size: 8pt;
	color: #ffffff; 
	position: absolute;	
left: 20px;
top: 20px;
z-index: 4
}

.newssublogo
{
float: left;
position: relative;		
left: 20px;
top: 25px;
z-index: 4
}


.maintextwindow       { 
		
 position: relative;
 left: 17px;
 margin-top: 10px; 
 width: 324px; 
 z-index: 3; 
 height: auto
 
 }
 
.widemaintextwindow       { 
		
 position: relative;
 left: 17px;
 margin-top: 10px; 
 width: 525px; 
 z-index: 3; 
 height: auto
 
 }

 
.offersbar       { 
		
position: absolute;
left: 360px; 
top: 35px; 
z-index: 2
		}			
		


}
.work-area {
	border-collapse: collapse;
	width: 100%;
	height: 100%;
}
.work-area td {
	vertical-align: middle
}
.headerimg {
position:relative;
top: 5px;
left: 2px;
}
.weather {
	position: absolute;
	top: 295px;
	left: 215px;
		font-family: trebuchet ms;
	font-size: 10px;
	color: #ffffff
}
.rightblock {
	position: absolute;
	top: 325px;
	width: 240px;
	background-color: #ffffff; 
	left: 691px;
		font-family: trebuchet ms;
	font-size: 10px;
	color: #ffffff;
background-image: url('../whcr3/furniture/midder.gif');
}
.rightblockbot {
	position: absolute;
	top: 625px;
	width: 240px;
	background-color: #000000; 
	left: 691px;
		font-family: trebuchet ms;
	font-size: 10px;
}
.pnow {
	position: absolute;
	top: 295px;
	left: 380px;
		font-family: trebuchet ms;
	font-size: 10px;
	color: #ffffff;
	width: 184px;
}
.navigblock {
	position: absolute;
	top: 170px;
	left: 10px;
		font-family: trebuchet ms;
	font-size: 11px;
	color: #ffffff;
}

.navigblock1 {
		font-family: trebuchet ms;
	font-size: 11px;
	width: 184px;
	color: #ffffff;
padding-left: 10px;	
padding-right: 10px;	

}
.navigblock2 {
		font-family: trebuchet ms;
	font-size: 11px;
	color: #ffffff;
	height: 22px;
	width: 184px;
padding-left: 10px;	
padding-right: 10px;	
background-repeat: no-repeat;
	background-image: url('../whcr3/furniture/ntop.gif');	

}
.navigblock3 {
		font-family: trebuchet ms;
	font-size: 11px;
	width: 184px;	
line-height: 200%;	
	background-image: url('../whcr3/furniture/borm.gif');
padding-left: 10px;	
padding-right: 10px	

}

.navigblock4 {
		font-family: trebuchet ms;
	font-size: 11px;
	width: 184px;
	height: 23px;	
	color: #002884;
padding-left: 10px;	
padding-right: 10px;	
background-repeat: no-repeat;
	background-image: url('../whcr3/furniture/nbot.gif');	

}
.navigblock5 {
		font-family: trebuchet ms;
	font-size: 11px;
	width: 184px;	


}

.msurv {
	position: absolute;
	top: 295px;
	left: 543px;
		font-family: trebuchet ms;
	font-size: 10px;
	color: #ffffff
}
.wblock {
	position: absolute;
	top: 275px;
	left: 305px;
		font-family: trebuchet ms;
	font-size: 11px;
	color: #ffffff
}

.bigheadblock {
	position: absolute;
	top: 27px;
	left: 200px;
	width: 731px;
	height: 310px;
	vertical-align: left;
	font-family: trebuchet ms;
	font-size: 11px;
	color: #ffffff
background-repeat: no-repeat;
	background-image: url('../whcr3/furniture/standardtop.gif');	
}

.view-area {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 533px;
	margin: -265px 0px 0px -393px;
	vertical-align: left;
	font-family: verdana;
	font-size: 9px;
	color: #333333
}
.view-area-left {
	vertical-align: left;
	position: absolute;
	top: 00%;
	left: 00%;
	width: 482px;
	height: 533px;
	background-image: url('leftbg.jpg');
	font-family: verdana;
	font-size: 9px;
	color: #444444
}
.view-area-right {
	vertical-align: right;
	position: absolute;
	background-image: url('../mcmillans/newgallery/furniture/rightbg.jpg');
	top: 00%;
	left: 482px;
	width: 319px;
	height: 533px;

	font-family: verdana;
	font-size: 9px;
	color: #444444
}
.image-scroll {
	position: absolute;
	top: 54px;
	left: 64px;
	width: 390px;
	height: 293px;	
	border: 1px 
	solid #ffffff;	
	padding: 8px;
}

.image-scroll-inner {
	position: absolute;
	top: 25px;
	left: 8px;
	width: 375px;
	height: 255px;	
	overflow: auto;	

	padding: 8px;

			scrollbar-arrow-color: #fff;
			scrollbar-base-color: EFDFBD;
			scrollbar-track-color: EFDFBD;
			scrollbar-highlight-color: #fff;
			scrollbar-shadow-color: #fff;
			scrollbar-darkShadow-color: EFDFBD;

}
.thumb-spacer {
	position: absolute;
	height: 90px;
}


.thumb-1 {
	position: absolute;
	left: 0px;
}

.thumb-2 {
	position: absolute;
	left: 110px;
}

.thumb-3 {
	position: absolute;
	left: 220px;
}


.gallery-scroll {
	position: absolute;
	top: 185px;
	left: 0px;
	width: 231px;
	height: 217px;	
	border: 0px 
	solid #ffffff;	
	padding: 8px;
}

.gallery-scroll-inner {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 215px;
	height: 200px;	
	overflow: auto;	

	padding: 8px;

			scrollbar-arrow-color: #fff;
			scrollbar-base-color: EFDFBD;
			scrollbar-track-color: EFDFBD;
			scrollbar-highlight-color: #fff;
			scrollbar-shadow-color: #fff;
			scrollbar-darkShadow-color: EFDFBD;

}