/*
      Four column layout created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/


body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Default headline font & colour */
	h1, h2, h3, h4 {
		font-family: Georgia, Times New Roman, serif;
		font-weight: bold;
}

/* Default headline sizes */
	h1 {
		font-size: 180%;
		}
	h2 {
		font-size: 160%;
		}
	h3 {
		font-size: 140%;
		}
	h4 {
		font-size: 140%;
		}
	.center {
		text-align: center;
		}

/*Fonts & size for article pages to print*/
	#print_content {
		font-family: Times, 'Times New Roman', serif;
		font-size: 160%;
		}

/* Default position for pictures */
	img {
		float: left;
   		border-width: 0px;
		}

/* Default position for table elements */
	td {
		vertical-align: top;
		padding-right: 5px;
		padding-left: 5px;
	 	background-color: #ffffff;
		}

	.right {
ΚΚΚ		text-align: right;
		}

/* Default position for table elements */
	table {
		font-size: 80%;
		}

/* Default position for table elements */
	#events td {
	 	background-color: #ccffff;
		}

	#events th {
	 	background-color: white;
		}
		
/* Default position for table elements */
	#backend {
	 	background-color: #ffcccc;
	 	padding: 0;
	 	margin: 10px;
		}

	#backend table {
		font-size: 80%;
	 	background-color: transparent;
		}

	#backend td {
	 	background-color: transparent;
		}

	#backend th {
		font-size: 80%;
		}

	.whiterow {
		background-color: white;
		}

/* TEXT STYLING */

	blockquote {
		font-style: italic;
		}

	.crosshead {
		font-size: 110%;
		font-weight: bold;
		font-style: italic;
		}
		
	.question {
		font-weight: bold;
		font-style: italic;
		color: #ff0000;
		}
		
	.red, .red a:link, .red a:visited {
		color: #ff0000;
		}
		
	.red a:hover {
		color: #000099;
		}
		
	.bigbullet {
		font-size: 200%;
		color: #ff0000;
		vertical-align: text-top;
		line-height: 50%
		}
		
	.blacktext {
		color: #000000;
		}
		
	.black, .black a:link, .black a:visited {
		color: #000000;
		font-weight: normal;
		}
		
	.black a:hover {
		color: #ff0000;
		font-weight: normal;
		}
		
	.white, .white a:link, .white a:visited {
		color: #ffffff;
		margin-left: 5px;
		margin-right: 10px;
		}
		
/* Small text style */
	.small {
		font-size: 80%;
		}
		
/* list text style */
	.listing {
		font-size: 80%;
		padding:0;
		}
		
/* clear text style */
	.clear {
	 clear: both;
		}

	.date {
		font-size: 80%;
		background: #ffcccc;
		padding: 2px;
		}

	.type {
		font-size: 80%;
		background: #E60002;
		padding: 2px;
		font-weight: bold;
		color: white;
		}

	.print_type {
		font-size: 80%;
		background: #cccccc;
		padding: 2px;
		font-weight: bold;
		color: white;
		}

	#standfirst {
		font-size: 110%;
		font-weight: bold;
		}

	.online_article {
		font-size: 80%;
		font-weight: bold;
		padding: 2px;
		background: black;
		color: white;
		}

 .highlight_list {
		display: block;
		border-top: 1px solid #cccccc;
		padding-top: 2px;
		padding-bottom: 2px;
		margin: 0 0 0 0px;
		font-size: 80%;
 		}
 	
 .panel_list {
		display: block;
		border-top: 1px solid #cccccc;
		padding-top: 1px;
		margin: 0 0 0 0px;
 		}
 	
 .highlight_head {
		display: block;
		border-top: 3px solid #cccccc;
		padding-top: 2px;
		padding-bottom: 2px;
		margin: 6px 0 0 0;
		font-size: 80%;
		text-transform: uppercase;
		font-weight: bold;
		color: #999999;
	 	}
 	
	.blackstrap {
		color: #000000;
		font-weight: normal;
		margin: 0px 0px 0px 0px;
		}

 .articles_list {
		display: block;
		border-top: 1px solid #cccccc;
		padding-top: 2px;
		padding-bottom: 2px;
		margin: 0 0 0 0px;
		font-weight: bold;
 		}

	/*Standfirst if there is a picture with the article*/
	#standfirstpic {
		font-size: 110%;
		font-weight: bold;
		voice-family: "\"}\"";
		voice-family: inherit;
		}

	.sectionhead {
		display: block;
		border-top: 3px solid #cccccc;
		padding-top: 2px;
		padding-bottom: 2px;
		margin: 6px 0 0 0;
		text-transform: uppercase;
		font-weight: bold;
		color: #999999;
		}

	.caps {
		text-transform: uppercase;
		}

	.online {
		font-size: 80%;
		font-weight: bold;
		color: #ff0000;
		}


/* Default link styles */
	a:link {
		color: #000099;
		font-weight: bold;
		/*/*/color: #000099;
		text-decoration: none; /* */
		}
	 a:visited {
		color: #330033;
		font-weight: bold;
		/*/*/color: #330033;
		text-decoration: none; /* */
		}
	 a:hover {
		color: #ff0000;
		font-weight: bold;
		/*/*/color: #ff0000;
		text-decoration: underline; /* */
		}

	.ruleabove {
		display: block;
		border-top: 1px solid #cccccc;
		}
		
	.rulebelow {
		display: block;
		border-bottom: 1px solid #cccccc;
		}
		
	.hilihead {
		display: block;
		border-top: 1px solid #cccccc;
		margin-bottom: 10px;
		}

	.hiliboxhead {
 		font-family: Verdana, Arial, Helvetica, sans-serif;
		display: block;
		color: white;
		background-color: #E60002;
		font-size: 80%;
		text-transform: uppercase;
		font-weight: bold;
		padding: 2px;
		margin-bottom: 10px;
		margin-top: 0px;
	 	}
 	
	.leadhead {
		display: block;
		font-size: 170%;
		text-transform: uppercase;
  		font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif;
		font-weight: bold;
		margin-top: 0px;
		margin-bottom: 5px;
		}

	ul {
		list-style-image: url(graphics/ball.png);
		list-style-position: outside;
		}

 #footer { 
	display: block;
	 font-size: 80%;
	 font-weight: bold;
	 border-top: 1px solid #ccc;
	 padding: 5px 0 0 0;
	} 

/* ENDS TEXT STYLING */

/* front cover on homepage */
	#covpicarea img {
		float: left;
		padding: 2px;
		background: #ffffff;
		border: 1px solid #000000;
		margin-bottom: 5px;
		}
		
/* obsolete cartoon on homepage */
	#cartoon img {
		float: right;
		margin-top: 5px;
		margin-left: 5px;
		margin-bottom: 5px;
		}
	
/* cartoon on homepage */
	#pocket {
		float: right;
		padding-top: 5px;
		display: block;
		border-top: 3px solid #cccccc;
		}
	
/* Hides text for visualy impaired */
	.hideme { 
		position: absolute; 
		left: -2000px; 
		top: -2000px;		
		}
	#skip {
		position: absolute;
		width: 80px;
		height: 50px;
		z-index: -1;
		left: 20px;
		top: 10px;
		}


/* MAIN LAYOUT - wide versions are for article page */

/* NB: top, right, bottom, left */

	#wrapper { 
		 margin: 0 auto;
		 padding: 0 0 10px 0;
		 width: 830px;
		}

	#wrapperwide { 
		 margin: 0 auto;
		 padding: 0 0 10px 0;
		 width: 1000px;
		}

	#header {
		 width: 840px;
		 margin-bottom: 10px;
		 float: left;
		}

	#headerwide {
		 width: 990px;
		 float: left;
		 margin-bottom: 10px;
		}

#header img, #headerwide img {
   		margin-top: 0px;
		}

	#masthead {
		 width: 840px;
		 float: left;
		}

	.centerpic {
		display: block;
		margin-left: auto;
		margin-right: auto;
		float: none;
		}

	#searchbox {
		 width: 460px;
		 height: 40px;
		 margin-left: 10px;
		 float: right;
		 display: block;
		 padding: 5px;
		}

 #section {
 	width: 820px;
 	float: left;
	display: block;
	padding: 2px;
	background: #9999cc;
	font-size: 140%;
	font-weight: bold;
  	color: #ccffff;
	text-transform: uppercase;
 	}

	 #leftcolumn { 
		 margin-bottom: 10px;
		 width: 150px;
		 float: left;
		}

	 #centercolumn { 
		margin: 0px 10px 10px 10px;
		width: 510px;
		float: left;
		vertical-align: top;
		}

/* Default position for pictures */
	 #centercolumn img {
   		margin-top: 15px;
		}

#lowercentercolumn { 
 width: 510px;
 margin-top: 10px;
 float: left;
}

#hilicolumn { 
 width: 510px;
 float: left;
}

 #hilicolumn p { 
 margin: 0;
} 

 #hilicolumn h1, h2, h3, h4 { 
 margin: 10px 0 0 0;
} 

#container { 
	display: block; 
	float: left;
	}

#video { 
 margin-top:10px;
}

#videographic { 
 margin-top:5px;
 margin-left:5px;
 width: 250px;
 padding: 5px;
 float: left;
 border-left: 1px solid #cccccc;
}

#lefthi { 
 margin-top: 0px;
 width: 250px;
 float: left;
}

#righthi { 
 margin-top:0px;
 margin-left:10px;
 width: 250px;
 float: left;
}

#leftsect { 
 margin-top: 0px;
 width: 250px;
 float: left;
}

#rightsect { 
 margin-top: 0px;
 margin-left:10px;
 width: 250px;
 float: left;
}

#leftmiddle { 
 margin-top: 5px;
 width: 250px;
 float: left;
}

#rightmiddle { 
 margin-top:5px;
 margin-left:10px;
 width: 250px;
 float: left;
}

#archive { 
	 background-color: #ffffcc;
	 margin-top:10px;
	 margin-bottom:10px;
	 width: 250px;
	 padding: 5px;
	 float: left;
	 border: 1px solid #cccccc;
	 clear: both;
	}

#rightcolumn { 
 width: 150px;
 float: left;
}

#rightcolumn img { 
	 margin-bottom:10px;
	}

#rightcolumnwide { 
	 width: 310px;
	 float: left;
	 }

#rightcolumnwide img { 
	 margin-bottom:10px;
	}

#rcwleft { 
 margin-top: 0px;
 width: 150px;
 float: left;
}

#rcwright { 
 margin-top: 0px;
 margin-left:10px;
 width: 150px;
 float: left;
}

/* Positioning tint on subs page */  
	#tintarea {
		background-color: #fee0a8;
		float: right;
		padding: 5px;
		width: 200px;
		margin: 0 0 0 10px;
		voice-family: "\"}\"";
		voice-family: inherit;
	}

/* top navbar */

#navbartop {
 	font-size: 70%;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	height: 1em; 
	}

#navbartop li {
	list-style: none;
	float: left; 
	}

#navbartop li a {
	display: block;
	padding: 3px 8px;
	background-color: #ffffff;
	text-decoration: none;
	}
	
#navbartop li ul {
	display: none; 
	}

#navbartop li:hover ul, #navbartop li.hover ul {
	display: block;
	color: #ff0000;
	position: absolute;
	margin: 0;
	padding: 0; 
	}

#navbartop li:hover li, #navbartop li.hover li {
	float: none; 
	}

#navbartop li:hover li a, #navbartop li.hover li a {
	background-color: #white;
	border: 1px solid #black;
	}
/* Ends top navigation */

   /* Begin Main Navigation Bar Styling */
   #nav {
      width: 830px;
      float: left;
      margin: 5px 0 5px 0;
      padding: 0;
      list-style: none;
      background-color: #E60002;
      border-bottom: 1px solid cccccc; 
      border-top: 1px solid cccccc;
      border-left: 1px solid cccccc;
      font-size: 80%; 
      }
   
   #nav li {
      float: left; 
      }
   
   #nav li a {
      display: block;
      padding: 2px 5px;
      text-decoration: none;
      font-weight: bold;
      color: white;
      border-right: 1px solid #cccccc; 
      }
   
   #nav li a:hover {
      color: #E60002;
      background-color: white; 
      } 
   /* End navigation bar styling. */

.update {
		display: block;
		background: #ffcccc;
		padding: 2px 2px 2px 5px;
		margin-top: -5px;
		margin-left: -5px;
		margin-right: -5px;
		}

.first {
		margin-top: -0px;
		}
.hide (
		visibility: hidden;
		}



/* obsolete */
	#advert {
		 width: 390px;
		 height: 67px;
		 margin-left: 10px;
		 float: right;
		 display: block;
		 background: #ffcc66;
		}