﻿/* 
	Style Sheet for Utopia FM's Portal written by spectramedia.co.uk 

*/

A:hover { text-decoration: underline}

a { text-decoration: none}

.texttitle
{letter-spacing:-3px;
font-family: Verdana;
font-size: 35px;
font-weight: bold;
color: white;
margin-bottom: 10px;
}

.blocker
{
	width: 483px;
	background-image: url('images/presbg.gif');
	height: 150px;
	padding-top: 18px;
	padding-left: 15px; 
	letter-spacing: -1px;
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	color: #000000;

}

.onairbit
{
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}


.pollq
{
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}

.pollq a:link, a:visited
{
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
}



.blocker2
{
	width: 483px;
	padding-top: 10px;
	padding-left: 15px; 
	letter-spacing: -1px;
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
}
.blocker4
{
	width: 483px;
	padding-top: 5px;
	padding-left: 66px; 
	letter-spacing: -1px;
	font-family: verdana;
	font-size: 10px;
	color: #ffffff;
}


.sched_time
{ width: 50px;
font-weight: bold;
float:left;}
.sched_presenter
{ width: 150px;
font-weight: bold;
float:left;
}
.sched_programme
{ width: 150px;
font-weight: bold;
float:left;
}
.sched_details
{ width: 350px;
font-weight: normal;
}


.blocker3
{
	width: 483px;

	background-image: url('images/framer.gif');
		height: 47px;
	padding-top: 12px;
	padding-left: 15px; 
	letter-spacing: -1px;
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.blocker5
{
	width: 483px;

	background-image: url('images/gframer.gif');
		height: 47px;
	padding-top: 12px;
	padding-left: 15px; 
	letter-spacing: -1px;
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
}
.blockerlefttext
{
width:330px;
float: left;
}

.blockerrighttext
{
width:130px;
float: left;
}

.blocker3 A:visited, A:link
{
	font-size: 14px;
	font-weight: normal;

	color: #000000;
}




.fitemtext
{ width: 270px;
float: left;
}

.fitemimage
{ width: 200px;
float: right;
}

	
}

.blocktext3
{
	width: 100px;
		float:right;
}

.blocktext1 A:link
{
	float:left;

	padding-bottom: 8px;
	
	font-family: verdana;
	font-size: 16px;
	font-weight: bold;
	color: #000000;

}

.blocktext1 A:visited
{
	float:left;

	padding-bottom: 8px;
	
	font-family: verdana;
	font-size: 16px;
	font-weight: bold;
	color: #000000;

}

.navigitem
{

	padding-left: 8px;
	padding-bottom: 5px;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;

}

.navigitem A:link
{

	padding-left: 8px;
	padding-bottom: 5px;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;

}

.navigitem A:visited
{

	padding-left: 8px;
	padding-bottom: 5px;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;

}


.blocktext1
{
	float:left;

	padding-bottom: 8px;
	
	font-family: verdana;
	font-size: 16px;
	font-weight: bold;
	color: #000000;

}
.blocktext2
{
	width: 350px;
	float:left;
	
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	color: #000000;

}





.Navi        { 
	font-family: Verdana; 
	font-size: 8pt; 
	color: #666666; 
	line-height: 200% 
	}


.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('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
} 


.navighandler    { 

position: absolute; 
left: 24px; 
top: 150px; 
width: 238px;
background-color: #F76100; 
background-repeat: repeat-x; 
background-image: url('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('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;
background-color: #000000; 
color: #ffffff;
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
		}			
		

body { 
	margin:0px; background-color: #000000;
	background-repeat: repeat-x;
	background-image: url('images/furniture/lightbg.jpg')

}
.work-area {
	border-collapse: collapse;
	width: 100%;
	height: 100%;
}
.work-area td {
	vertical-align: middle
}
.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;

}