/* -------------------  site wide styles ------------------- */
body {
	margin:				0;
	padding:			0;
	
	/* background:			#fff url(images/bg_body.jpg) repeat-x top left;  */
	
	background:			#fff;
	font-family:		arial, verdana, sans-serif;
	font-size:			75%;
	color:				#111;
}
* {
	margin:				0;
	padding:			0;
}
#page_frame {
	width:				775px;
	margin:				10px auto;
	background-color:	#fff;
	border:				2px solid #9B99C1;

}
a {
	text-decoration:	none;
	color:				#666;
	padding:			1px 2px;
}
a:hover {
	color:				#111;
}
a.download {
	display:block;
	background:url(images/icon_pdf.gif) no-repeat 4% 45%;
	border:1px solid #eee;
	padding:12px 12px 12px 52px;
	margin:2px 10px;
}
ul.downers {list-style-type:none;margin:5px;}
/* --------------- masthead details           ------------------------ */
#masthead {
	margin:				0;
	background-color:	#fff;
	height:				100px;
}
#masthead h1 {
	display:			none;
}

#masthead img {
	position:			absolute;
	height:				51px;
	width:				300px;
	margin:				17px 0 0 5px;
	border:				0;
}
#topper {
	background-color:	#9B99C1;
	padding:			3px 6px;
	
	color:				#fff;
}

.mast_right {
	float:				right;
	text-align:			right;
	width:				450px;	
}

#main_navigation {
	background-color:	#9B99C1;
	width:				450px;
	margin:				16px 0 0 0;
	float:				right;
}


/* ------------------------- ok, main navigation and ul -------- */
#main_navigation ul {
	list-style: 			none;
	padding:	 			0;
	margin: 				0;
	z-index:				999;	
}
#main_navigation li {
	float:				left;
	position:			relative;
}

#main_navigation a {
	text-decoration: 		none;
	display:				block;
	padding:				4px 5px 3px 5px;
	margin:					0;
	color:					#fff;
	background-color:	#9B99C1;	
	border-left:			1px solid #C3BFE0;
}

#main_navigation a:hover {
	background-color:		#eee;
	color:					#D866A5;
}
#main_navigation a.current {
	font-weight:			bold;
}

/* ---- Dropdown Nav ---- */
#main_navigation  ul li ul {
	display: 			none;
	position: 			absolute;
	top: 				100%;
	left: 				0;
	font-weight: 		normal;
	padding: 			0;
	background-color:	#E7E6F8;
	z-index:			100;
	
	border-bottom:		2px solid #ccc;
	border-right:		2px solid #ccc;
}
#main_navigation  li>ul {
	top: 				auto;
	left: 				auto;
}
#main_navigation  li li {
	display: 			block;
	float: 				none;
}
#main_navigation li:hover ul, #main_navigation  li.over ul {
	display: 			block;
	position: 			absolute;
	top: 				100%;
	left: 				0;

	font-weight: 		normal;
	padding: 			0;
}
#main_navigation  a.main {
	text-decoration: 	none;
	display:			block;
	padding:			4px 0 3px 15px;
	margin:				0;
	width:				120px;
	background-color:	#0081A7;
	font-weight:		bold;
	color:				#888;
}
#main_navigation  a.main:hover {
	background-color:	#C3BFE0;
}
/** sub-menu behaviours  *** */
#main_navigation  li li a {
	display: 			block;
	font-weight: 		normal;
	padding:			4px 8px 3px 8px;
	margin:				0;
	text-decoration:	none;
	width:				100px;
	color:				#888;
	border-top:			1px solid #C3BFE0;
}

/* for Win IE eyes only */
* html #dropdown_nav li li a {
	width:				100px;
	height:				15px;
	color:				#000;
}
#dropdown_nav li li a:hover {
	display:			block;
	font-weight:		normal;
	padding:			4px 8px 3px 8px;
	margin:				0;	
	background-color:	#C3BFE0;
	color:				#000; 
}


#site_search {
		padding:		6px 4px 2px 0;
		text-align:		right;
		position:		relative;
}
#site_search form {
		padding:		0;
		margin:			0;
}
#site_search label {
		color:			#444;
		font-weight:	bold;
		padding:		0 5px 0 0;
}
#site_search input {
		width:			117px;
		border:			1px solid #9B99C1;
}
#site_search input.button {
		width:				14px;
		color:				#9B99C1;
		background-color:	#fff;
		border:				0;
		font-size:			bold;
		margin:				2px 6px 2px 2px;
}

/*  ---------------- proper content ---------------------------- */
#content_frame {
	background:				url(images/bg_content.gif) repeat-y;
	padding:				0 0 0 0;
	border-top:				2px solid #9B99C1;
	border-bottom:			2px solid #9B99C1;
	position:				relative;
	z-index:				1;
}

/* this is a block on the right of the page for consistent navigation */
#section_navigation {
	width:					155px;
	float:					right;
	background-color:		#fff;
	text-align:				left;
	position:				relative;
}
#section_navigation h3 {
	background-color:		#9B99C1;
	padding:				2px 4px;
	margin:					2px 4px;
	color:					#fff;
	font-weight:			bold;
	font-size:				14px;
}
#section_navigation h3.lighter {
	background-color:		#144BD5;
}
#section_navigation form.section {
	background-color:		#9B99C1;
	/*margin:					2px 4px;*/
	/*padding:				2px 4px 2px 3px;*/
	color:					#fff;
	border:					1px solid #7A78A3;	
	text-align:				left;
	
	font-size:				11px;
	
}
form.section input {
	width:					104px;
	padding:				1px 3px;
	color:					#666;
	margin:					2px 2px 2px 0;
	border:					1px solid #7A78A3;
	
	font-size:				10px;
}
form.section input.button {
	width:					14px;
	background-color:		#9B99C1;
	color:					#fff;
	border:					0;
	font-weight:			bold;
}

#section_navigation ul {
	list-style-type:		none;
}
#section_navigation ul li {
	margin:					0;
}
* html #section_navigation ul li {
	height:					1px;
}
#section_navigation ul li a {
	background-color:		#fff;
	border:					1px solid #7A78A3;
	padding:				2px 4px;
	margin:					3px 4px;
	display:				block;
	color:					#6285DE;
	font-weight:			bold;
}
#section_navigation ul li a:hover {
	background-color:		#6285DE;
	color:					#fff;
}
/* ----  ------  newsround newshound  ------  -----  */
#section_navigation ul.newsround li a {
	color:					#444;
	background-color:		#fff;
	padding:				2px 4px;
	margin:					5px;
	display:				block;
	font-weight:			normal;
}
#section_navigation ul.newsround li a:hover {
	color:					#999;
}

/* contact form neat n tidy   */
fieldset.contact_form {
	border:					0;
	padding:				2px 4px;
}
fieldset.contact_form  p {
	padding:				2% 10% 2% 0;
	margin:					2px 0 6px;
	text-align:				left;
}
fieldset.contact_form  input, fieldset.contact_form  textarea {
	border:					2px solid #ddd;
	margin:					3px;
	padding:				1px;
}
fieldset.contact_form textarea {
	width:					220px;
}
fieldset.contact_form input.contact {
	width:					220px;
}
fieldset.contact_form  input.warn, fieldset.contact_form  textarea.warn {
	border:				2px solid red;
}


/* subsection sub links  */
#section_links ul {
	list-style-type:		none;
}
#section_links ul li {
	margin:					0;
	padding:				0;
}
#section_links ul li a {
	background-color:		#fff;
	padding:				3px 4px;
	margin:					2px 4px;
	display:				block;
	color:					#7A78A3;
	font-weight:			bold;
	border:					1px solid #7A78A3;
	font-size:12px;
}
#section_links ul li a:hover {
	background-color:		#9B99C1;
	color:					#444;
}
#section_links ul li a.current {
	background-color:		#ddd;
	color:					#fff;
}
#section_navigation ul li a#contact_link {
	background-color:		#9B99C1;
	padding:				2px 4px;
	margin:					2px 4px;
	display:				block;
	color:					#fff;
	font-weight:			bold;
}
#section_navigation ul li a#contact_link:hover {
	background-color:		#fff;
	color:					#7A78A3;
}

#main_content {
	margin:					0 160px 0 0;
	padding:				0 0 0 0;
	position:				relative;
	z-index:				1;
}
#main_content h2 {
	margin:					0;
	padding:				4px 0 6px 0;
	color:					#555;
	font-size:				1.2em;
}
#word_column {
	line-height:			140%;
	color:					#888;
	margin:					0 0 0 235px;
}
#word_column #limiter {
	height:					258px;
	overflow:				auto;
	padding:				0 3px 10px 0;
}
#word_column ul {
	margin:					1px 0 1px 18px;
}
.clear {
	clear:					both;
	height:					-1px;
}

/* ---------------- floated left image column ------------------ */
#image_column {
	float:					left;
	height:					298px;
	overflow:				hidden;
	width:					230px;
	position:				relative;
	margin:					0;
	padding:				0;
}
#image_column img {
	margin:					0;
	padding:				0;
}

/* causing problems on the contact us page .... */
#image_column_noheight {
	float:					left;
	width:					230px;
	position:				relative;
	margin:					0;
	padding:				0;
}
#image_column_noheight img {
	margin:					0;
	padding:				0;
}


/* a layer down, and heck big piccies */
#home_icons {
	background-color:		#BDBCD8;
	padding:				8px 2px;
	margin:					0;
	text-align:				center;
}
#home_icons .icon {
	float:					left;
	position:				relative;
	width:					138px;
	
	padding:				7px 2px 2px 2px;
	margin:					6px 0 6px 10px;
	background-color:		#fff;
	text-align:				center;
}
#home_icons .icon img {
	border:					0;
	width:					128px;
	height:					128px;
	margin:					0;
}
#home_icons .icon a {
	border:					0;
	margin:					0;
}
#home_icons .icon a.link {
	display:				block;
	margin:					1px 5px 5px 5px;
	padding:				4px;
	color:					#fff;
	font-weight:			bold;
}
#home_icons .icon a.link:hover {
	color:					#444;
}

/* rainbow linkies  */
#home_icons .icon a.bleu { background-color:#0D43FF;}
#home_icons .icon a.rouge {background-color:#F40500;}
#home_icons .icon a.vert {background-color:#25AF1B;}
#home_icons .icon a.moutard {background-color:#D6C601;}
#home_icons .icon a.rose {background-color:#E054AA;}

/* abstract in left column */
.abstract {
	font-size:				0.9em;
	color:					#444;
	padding:				6px;
}
/* prefooter top tips */
#tipper {
	background-color:		#9B99C1;
	color:					#fff;
	padding:				3px 6px 1px 6px;	
}
#tipper a.tickl {
	color:					#fff;
}
/* --------------------- footer -------------------------- */
#footer {
	clear:				both;
	color:				#444;
	
	font-weight:		bold;
	width:				775px;
	margin:				2px auto;
}