
html, body, html body {
	margin: 0;
	padding: 0;
	}
body {
	background-color: #F6F4F4;	
	background-image: none;
	text-align: center;	
	}
h1, h2 { display: none; }


h3 {
	font-weight: normal;
	text-decoration: none;
	}
h4 {	
	font-size: 11px;	
	margin: 0;
	display: inline;
	}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}	
a {
	text-decoration: none;
	}	
a:hover, a:active {
	text-decoration: underline;
	}	
a:focus {
	font-weight: normal; background: #8FE40A; color:#000000;
	}		
p {
	display: block;
	padding: 0 0 7px 0;	
	}	
		
	
/* Main classes */
.col {
	float: left;		
	}	
* html .col .col p { margin-right: -3px; }	

	
.printOnly {
	display: none;
	}
.greenText {
	color: #9FDE00;
	}	
.whiteText {
	color: #fff;
	}		
.boldText {
	font-weight: bold;
	}		
blockquote p.cite {
	font-style: normal;
	font-size: 90%;
	padding: 5px !important;
	}	
ul.bulleted {
	padding: 0;	
	margin: 0;
	list-style: none outside;	
	}	
ul.bulleted li {	
	padding: 0 0 5px 15px;	
	margin: 0;
	background: url(../images/bullet.gif) 0 4px no-repeat;
	}	
a.print {
	padding: 2px 18px 2px 0;
	margin-right: 2px;
	background: url(../images/printIcon.gif) 100% 50% no-repeat;
	}	
.pdf {
	padding: 2px 18px 2px 0;
	margin-right: 2px;	
	background: url(../images/pdfLogo.gif) 100% 0 no-repeat;
	}		
.w232px {
	width: 232px;		
	}	
.w475px {	
	width: 485px;
	}	

/* Wrapper */
#wrapper {	
	position: relative;
	width: 752px;
	margin: auto;
	text-align: left;
	padding-top: 5px;
	}	
	
/* Logo */
div.logoStay {	
	position: absolute;
	top: -5px;
	left: 666px;		
	width: 110px;	
	height: 69px;	
	z-index:1100;
	}	
	
div.logoStayWhite {	
	position: absolute;
	top: -5px;
	left: 586px;		
	width: 110px;	
	height: 69px;	
	z-index:1100;
	}	

/* Main Menu*/

/* Level 1*/
ul#menu {		
	height: 18px;width: 730px;	

	padding: 5px 0 5px 20px;
	color:#ffffff;
	background:#482020;
	font-weight:bold;
	font-size: 130%;
	margin: 0;
	border-bottom: solid 3px #F6F4F4;

	}		

ul#menu li {	
	display: inline; float:left;margin:0 20px 0 0; 	font-weight:bold;	
	}	
			
ul#menu li a:link, ul#menu li a:visited  {				
	color:#ffffff;  
	text-decoration: none; 	font-weight:bold;	
	
	}	
ul#menu li a:hover {				
	color:#71CDDB;  background:ff0000;
	text-decoration: none; 	font-weight:bold;	
	
	}		 	

#homeNav, #historyNav,	
#allnightersNav,
#weekendersNav,		
#djsNav,	
#musicNav,	
#contactsNav,
#linksNav,
ul#menu li a:hover,
ul#menu li a:focus,
ul#menu li a:active,
body#home ul#menu li a#homeNav,
body#links ul#menu li a#linksNav,
body#history ul#menu li a#historyNav,
body#allnighters ul#menu li a#allnightersNav,
body#weekenders ul#menu li a#weekendersNav,
body#djs ul#menu li a#djsNav,
body#music ul#menu li a#musicNav,
body#contacts ul#menu li a#contactsNav {
	color:#71CDDB;  background:inherit;
	text-decoration: none; 	font-weight:bold;	
	}


	

/* Main Content Area */
#content {		
	margin: 5px 0; 
	background: url(../images/mainbackgrounds/contentBG.gif) 0 0 repeat-y;		
	}
#contentPadding {
	padding: 10px 0 0 20px;	

	
	}	
#contentStart {		
	 padding: 0;
	
	height: 7px;			
	border-top:1px dotted #482020;	
	}	
#contentBackToTop {
	height: 12px; float:left;	margin:0px;padding:0px; width:752px;	
	background: url(../images/mainbackgrounds/contentBottom.gif) 0 100% no-repeat;	
	}	

.textBoxPadding {
	padding: 19px;
	}	
br.newRow {
	clear: left;
	font-size: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 0;
	}		

/* Feature Blocks */	
.featureBlock {
	background: url(../images/featureBlocks/bottom.gif) 0 100% repeat-y;
	width: 232px;
	min-height:150px;
	border: none;
	padding: 0 0 3px 0;
	margin: 0 8px 8px 0;	
	}	
.imageHolder .contentHolder { padding: 0 !important;}	
.imageHolder img {
	margin: 0 !important;		
	}	
* html .featureBlock {margin: 0 8px 8px 0;	}		
.featureBlock h3 {
	background: url(../images/featureBlocks/top.gif) 0 0 no-repeat;
	padding: 1px 0 0 1px;
	margin: 0 0 5px 0;
	}
.featureBlock h3 a,
.featureBlock2 h3 a {
	display: block;
	text-decoration: none;
	height: 23px;
	}	
.featureBlock h3 a {	
	background: url(../images/featureBlocks/defaultTop.gif) 0 0 no-repeat;
	}
.featureBlock2 h3 a {	
	background: url(../images/featureBlocks/defaultTop2.gif) 0 0 no-repeat;
	}		
.pink h3 a { 
	background: url(../images/featureBlocks/pinkTop.gif) 0 0 no-repeat;
	}	
.red h3 a { 
	background: url(../images/featureBlocks/redTop.gif) 0 0 no-repeat;
	}			
.green h3 a { 
	background: url(../images/featureBlocks/greenTop.gif) 0 0 no-repeat;
	}	
.pink h3 a:hover b,
.red h3 a:hover b,
.green h3 a:hover b {	
	background-position: 0 0 !important;
	}	
.featureBlock h3 a:hover,
.featureBlock h3 a:focus,
.featureBlock2 h3 a:hover,
.featureBlock2 h3 a:focus,
.featureBlock h3 a.selected,
.featureBlock2 h3 a.selected {
	background-position: 0 -23px;
	}
.featureBlock h3 b, .featureBlock2 h3 b, .featureBlock3 h3 b {	
	text-indent: -9999999px;
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(../images/featureBlocks/titles/grey/default.gif);
	height: 23px;
	/*\*/
	overflow: hidden;
	/**/
	}	
.featureBlock h3 a:hover b,
.featureBlock2 h3 a:hover b,
.featureBlock3 h3 a:hover b,
.featureBlock h3 a:focus b,
.featureBlock2 h3 a:focus b,
.featureBlock3 h3 a:focus b,
.featureBlock h3 a.selected b,
.featureBlock2 h3 a.selected b,
.featureBlock3 h3 a.selected b  {	
	background-position: 0 -23px;
	}
.featureBlock img {
	margin: 0px 0 5px 0;
	display: block;
	}		
.featureBlock .contentHolder a img { display:inline; /* Strange safari 1.0 bug fix */ }	
.featureBlock .contentHolder {		

	padding: 0 0 7px 0;
	margin: 0 1px;

	}
html:lang(en)>body .featureBlock .contentHolder { /* for Gecko (inc.ns7), Opera*/		
	display:block;
	height: auto;	
	}	
.featureBlock .contentHolder p {	
	padding: 0 5px;		
	}
	
/* feature blocks, 50% (as in careers page)*/
.featureBlock2 {
	padding: 0 0 3px 0;
	margin: 0 0 8px 0;	
	width: 360px;
	background: url(../images/featureBlocks/bottom2.gif) 0 100% repeat-y;
	}	
.featureBlock2 h3 {
	background: url(../images/featureBlocks/top2.gif) 0 0 no-repeat;
	padding: 1px 0 0 1px;
	height: 24px;
	margin: 0;
	}		
.featureBlock2 .contentHolder {		
	padding: 5px 5px 10px 5px;
	margin: 0 1px;
	background: url(../images/featureBlocks/bottomLineDefault2.gif) 2px 100% no-repeat;	
	}	
* html .featureBlock2 .contentHolder .right {			
	height: 93px	
	}	
.featureBlock2 .contentHolder:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}		
.featureBlock2 .contentHolder .left {
	width: 160px;
	float: left;			
	}	
.featureBlock2 .contentHolder .right {
	margin-left: 160px;
	padding: 0 5px 0 0;	
	}		
.featureBlock2 .contentHolder .right p { 	
	padding: 0;
	margin: 0 0 5px 0;
	}		
	
/* feature blocks, 2/3 (as in careers detail page)*/
.featureBlock3 {
	background: url(../images/featureBlocks/bottom3.gif) 0 100% repeat-y;
	width: 472px;
	border: none;
	padding: 0 0 3px 0;
	margin: 0 8px 8px 0;
	}
* html .featureBlock3 {	
	float: left;
	}	
.featureBlock3 h3 {
	background: url(../images/featureBlocks/top3.gif) 0 0 no-repeat;
	padding: 1px 0 0 1px;
	margin: 0 0 5px 0;
	}
.featureBlock3 img {
	margin: 5px 0;
	display: block;
	}
.featureBlock3 .contentHolder {

	padding: 0 0 10px 0;
	margin: 0 1px;
	background: url(../images/featureBlocks/bottomLineDefault.gif) 2px 100% no-repeat;
	}
html:lang(en)>body .featureBlock3 .contentHolder { /* for Gecko (inc.ns7), Opera*/		
	display:block;
	height: auto;	
	}	

/* feature blocks without heading, 2/3 (as in careers detail page)*/
.featureBlock4 {
	background: url(../images/featureBlocks/bottom4.gif) 0 100% repeat-y;
	width: 472px;
	border: none;
	padding: 0 0 3px 0;
	margin: 0 8px 8px 0;
	}
	
.featureBlock4 .top {	
	height: 6px;	
	font-size: 0;
	background: url(../images/featureBlocks/top4.gif) 0 0 no-repeat;	
	}
.featureBlock4 img {
	margin: 5px 0;
	display: block;
	}
.featureBlock4 .contentHolder {


	padding: 0;
	margin: 0 1px;
	}
html:lang(en)>body .featureBlock4 .contentHolder { /* for Gecko (inc.ns7), Opera*/		
	display:block;
	height: auto;	
	}
.featureBlock4 h2 {	
	display: block;
	padding: 0;
	margin: 0;	
	}	
.featureBlock4 h2 img {
	padding: 0;
	margin: 0;
	}	
.featureBlock4 .padding {
	padding: 14px 19px;
	margin: 0;
	}	
.featureBlock4 h3 {
	font-weight: bold;	
	}	
.featureBlock3 h4  {
	font-weight: normal;
	text-decoration: none;
	font-size: 19px;
	display: block;
	margin: 0;
	color: #9FDE00;	
	}		

	
/* Featureblock with Sub Menu */	
.featureBlock h3 { margin: 0; }
.featureBlock ul {
	margin: 0 1px 9px 0;
	padding: 0;
	}	
.featureBlock ul li {
	border-bottom: 1px solid #BFE5F2;	
	}	
* html .featureBlock ul li {
	/*\*/
	float: left;
	/**/
	}	
.featureBlock ul li a {	
	width: 229px;
	display: block;
	line-height: 1.45;
	padding: 0 5px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 219px;	
	voice-family: "\"}\"";
	}	
.featureBlock ul li a:hover,
.featureBlock ul li a:focus,
.featureBlock ul li.selected a {
	background: #BFE5F2;	
	}	
	
	
/* Footer */
#validate {
	padding: 0 0 0 20px;		
	margin-bottom: 10px;
	}
* html #validate { height: 1%; }	
#validate:after {
	content: ".";
	clear: both;
	visibility: hidden;
	}	
#validate li {	
	float: left;
	color: #ABA099;
	line-height: 1.5;
	}	
#validate li.right {
	float: right;
	padding: 0 0px;
	text-align: right
	}	
	
/* Standard section homepage top content area */	
.sectionHomepage {			

	min-height: 253px;
	background: url(../images/mainBackgrounds/sectionContentBottom.gif) 0 100% no-repeat;	
	}
html:lang(en)>body .sectionHomepage { /* for Gecko (inc.ns7), Opera*/		
	display:block;
	height: auto;	
	}	
html:lang(en)>body .sectionHomepage:after {
   	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.sectionHomepage .left {	
	background: url(../images/mainBackgrounds/sectionContentTop.gif) 0 0 no-repeat;
	width: 256px;		
	}
.sectionHomepage .right {
	width: 496px;		
	}		
.sectionHomepage .right img {
	vertical-align: top;
	}	
.sectionHomepage h2 {
	display: block;
	padding: 0;
	margin: 0;
	}		
.sectionHomepage .padding {
	padding: 19px;
	}	
	
/* Section homepage top with Sub Menu */	
.withSubMenu h2 b {
	display: none;
	}
.withSubMenu h2 {
	height: 24px;
	background-position: 1px 1px;
	background-repeat: no-repeat;
	}
.withSubMenu {
	background: url(../images/mainBackgrounds/sectionNavBottom.gif) 0 100% no-repeat;	
	}
.withSubMenu .left {	
	background: url(../images/mainBackgrounds/sectionNavTop.gif) 0 0 no-repeat;
	width: 256px;	
	}	
.withSubMenu ul {
	margin: 10px 1px 9px 10px;
	padding: 0;
	width: 234px;
	}	
.withSubMenu ul li {
	border-bottom: 1px solid #BFE5F2;		
	display: block;
	float: left;
	clear: left;
	width: 100%
	}	
.withSubMenu ul li a {		
	display: block;
	line-height: 1.45;
	padding: 0 5px;
	}	
.withSubMenu ul li a:hover,
.withSubMenu ul li a:focus,
.withSubMenu ul li.selected a {
	background: #BFE5F2;	
	}
	
/* NEW COLOURS*/
.pink {color: #FF0066; background:#ffffff;}
	
	/* SIDE ADVERTS*/
#ad1 h3 b {	background-image: url(../images/featureBlocks/titles/rocket.gif);	}
#ad2 h3 b {	background-image: url(../images/featureBlocks/titles/crossfire.gif);	}	
#ad3 h3 b {	background-image: url(../images/featureBlocks/titles/all_nighters.gif);	}
#ad4 h3 b {background-image: url(../images/featureBlocks/titles/flickr.gif);	}
#ad5 h3 b {background-image: url(../images/featureBlocks/titles/aceMyspace.gif);	}
#ad6 h3 b {background-image: url(../images/featureBlocks/titles/music.gif);	}
#ad7 h3 b {background-image: url(../images/featureBlocks/titles/christmasparty.gif);	}

/* Toolbar */
div.bottombar {
	margin-top:5px;
	float:left;
	width:100%;
	background:#ffffff;
	color:#0099CC;
	border:1px solid #482020;
}

div.bottombar .siteservices_text {
	float:left;
	padding: 10px 5px 10px 15px;	
}

div.bottombar .siteservices {
	width:572px;
	float:left; 
	text-align:left;
}
div.bottombar .siteservices ul{
	margin:0;
	padding:0;
	width:555px;

	list-style-type:none;
}

div.bottombar .siteservices li{
	margin:10px 0px 10px 0px;
	padding:0px 6px 0px 6px;
	float:left;
	border-left:1px solid #0099CC;
}

div.bottombar .siteservices a{
	text-decoration:underline;
	background:#ffffff;
	color:#0099CC;
	white-space:nowrap;
}


div.bottombar .siteservices a:hover, div.bottombar .siteservices a:active{
	text-decoration:none;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.backToTop {
	display: block;
	width: 752px;	
	clear: both;
	font-size: 0;	
	padding: 0;
	margin: 0;
	text-indent: -999999px;	
	/*\*/
	overflow: hidden;
	/**/
	}
