/*******************************
 *
 *	RINE.CSS
 *
 *  Version: 1.0
 *
 *	Authors: 
 *	The Roundhouse
 *  Tom Knowles / Dan Nisbet / Mike Harris / Paul Lewis / Gav Dellbridge / Dan Pace
 *
 *  Description:
 *
 *	This CSS handles all the aspects of the Rine sub site;
 */
 
 /**********************
  		GRAPHIC
  *********************/

 body, /* #wrapper*/
 .fin #site
 {
 	background-image:		url(../z_images/rine/layout/bg/bg_header.jpg);
	background-position:	top center;
	background-repeat:		no-repeat;
 }

 /* #site #wrapper.rine
 {
 	background-image:		url(../z_images/rine/layout/bg/bg_header.jpg) !important;
	background-position:	top center;
	background-repeat:		no-repeat;
 }*/
 
  #site #wrapper.rinewide
 {
 	background-image:		url(../z_images/rine/layout/bg/bg_header.jpg) !important;
	background-position:	top center;
	background-repeat:		no-repeat;
 }
 
 #site #wrapper.rine #header h1 a,
 #site #wrapper.rinewide #header h1 a
 {
	background-image:		url(../z_images/rine/layout/bg/bg_logo.gif) !important;
	background-repeat:		no-repeat;
 }
 
 #wrapper.rine .btnnext,
 #site #wrapper.rinewide .btnnext
 {
 	background-image:	url(../z_images/rine/btns/btn_arrow_right.gif) !important;
	background-repeat:	no-repeat;
 }
 
 #wrapper.rine .btnprev,
 #site #wrapper.rinewide .btnprev
 {
 	background-image:	url(../z_images/rine/btns/btn_arrow_left.gif) !important;
	background-repeat:	no-repeat;
 }
 
 #wrapper.rine .btnlinkimg,
 #site #wrapper.rinewide .btnlinkimg
 {
 	background-image:	url(../z_images/rine/btns/btn_arrow.gif);
	background-position:right;
	background-repeat:	no-repeat;
 }
 
 /* Right Content Panels Specific */
 
 #site #wrapper.rine #rightcontent .bodycontent .dash,
 #site #wrapper.rinewide #rightcontent .bodycontent .dash
 {
 	background-image:		url(../z_images/rine/layout/bg/bg_dash.gif);
	background-repeat:		repeat-x;
 }
 
 /* Panel Tops */
 
 #site #wrapper.rine #leftcontent .paneltop
 {
 	background-image:		url(../z_images/rine/layout/bg/bg_panel_top_610.gif);
	background-repeat:		no-repeat;
 }
 
 #site #wrapper.rine #rightcontent .paneltop
 {
 	background-image:		url(../z_images/rine/layout/bg/bg_panel_top_309.jpg);
	background-repeat:		no-repeat;
 }
 
 /* Generic Stuff */
 
 
 #site #wrapper.rine #newsholderleft,
 #site #wrapper.rinewide #newsholderleft
 {
 	background-image:		url(../z_images/rine/layout/bg/bg_dash_vertical.gif);
	background-repeat:		repeat-y;
	background-position:	right;
 }
 
 #site #wrapper.rine #rightcontent .bodycontent .dash,
 #site #wrapper.rinewide #rightcontent .bodycontent .dash
 {
 	background-image:		url(../z_images/rine/layout/bg/bg_dash.gif);
	background-repeat:		repeat-x;
 }
 
  #site #wrapper.rine .bodycontent ul li,
  #site #wrapper.rinewide .bodycontent ul li
 {
 	background-image:		url(../z_images/rine/layout/bg/bg_dotred.gif);
	background-repeat:		no-repeat;
	background-position:    0 9px;
 }
 
 /* Accessibility */
 
 #site #wrapper.rine #accessibility ul li,
 #site #wrapper.rinewide #accessibility ul li
 {
 	background-image:		url(../z_images/rine/layout/bg/line_accessibility.gif);
	background-repeat:		no-repeat;
	background-position:	0 center;
 }
 
 /* Footer */
 
 #site #wrapper.rine #footer,
 #site #wrapper.rinewide #footer
 {
 	background-image:		url(../z_images/rine/layout/bg/bg_footer.gif);
	background-repeat:		repeat-x;
 }
 
 #site #wrapper.rine #footerbottom,
 #site #wrapper.rinewide #footerbottom
 {
 	background-image:		url(../z_images/rine/layout/bg/bg_footer.gif);
	background-repeat:		repeat-x;
 }

 /* Site wide */
 
 #site #wrapper.rinewide #content
  
 {
 	background-image:		url(../z_images/layout/bg/bg_content_fullwidth.gif);
	background-repeat:		repeat-y;
 }
 
 #site #wrapper.rinewide #leftcontent .paneltop
 {
 	background-image:		url(../z_images/rine/layout/bg/bg_panel_top_919.gif);
	background-repeat:		no-repeat;
 }
 
  /**********************
  		 LAYOUT
  *********************/
 
 /* Header Specific */
 
 #site #wrapper.rine #header h1, #site #wrapper.rine #header h1 a,
 #site #wrapper.rinewide #header h1, #site #wrapper.rine #header h1 a
 {
 	width:			132px;
	height:			47px;
 	position:		absolute;
	display:		block;
	margin-top:     25px;
	top:			0;
	left:			0;
	font-size:		0;
 }
 
 #site #headerlogorine
 {
 	width:			132px;
	height:			47px;
	display:		none;
 } 

 #site #wrapper.rine #newsholder,
 #site #wrapper.wide #newsholder
 {
 	width:			550px;
 }
 
 #site #wrapper.rine #newsholderleft,
 #site #wrapper.wide #newsholderleft
 {
 	width:			255px;
	float:			left;
	padding-right:	15px;
 }
 
 #site #wrapper.rine #newsholderright,
 #site #wrapper.rinewide #newsholderright
 {
 	width:			255px;
	float:			left;
	padding-left:	20px;
 }
 
  #site #wrapper.rinewide #leftcontent
 {
 	width:			919px;
	float:			left;
 }
 
 #site #wrapper.rinewide #leftcontent .bodycontent
 {
 	width:			859px;
 } 
 
 #site #wrapper.rinewide #leftcontent .paneltop
 {
 	width:			919px;
	height:			8px;
 }
 
 #site #wrapper.rine #footerbottom
 {
 	position:		relative;
 }
 
 #site #wrapper.rine #rinelogos
 {
 	position:		absolute;
	top:			-140px;
	left:			670px;
	display:		block;
	visibility:		visible;
 }
 
 #site #wrapper.rine #rinelogosholder
 {
 	width:		200px;
 }
 
 #site #wrapper.rine #rinelogos img
 {
 	margin-right:0;
 }
 
 #site #wrapper.rine #rightcontent
 {
 	padding-bottom:180px !important;
 }
 
  /**********************
  		 TYPO
  *********************/
  
 #site #wrapper.rine h2,
 #site #wrapper.rinewide h2
 {
 	color:				#AE0911 !important;
	font-weight:		normal !important;
	line-height:		1em !important;
	font-size:			250% !important;
	margin-left:		-3px !important;
 }
 
 #site #wrapper.rine h3,
 #site #wrapper.rinewide h3
 {
 	color:				#AE0911;
	font-weight:		normal;
	line-height:		1em;
	font-size:			149%;
	margin-left:		-1px;
 } 
 
 #site #wrapper.rine h4,
 #site #wrapper.rinewide h4
 {
 	color:      		#313131;
	font-weight:		normal;
	margin-bottom:		0.5em;
	font-size:			100%;
 }
 
 #site #wrapper.rine h5,
 #site #wrapper.rinewide h5
 {
 	color:      		#313131;
	font-weight:		normal;
	margin-bottom:		0.5em;
	font-size:			110%;
 }
 
 #site #wrapper.rine .labels,
 #site #wrapper.rinewide .labels
 {
 	color:      		#590409;
 }
  
 #site #wrapper.rine #content a:visited,
 #site #wrapper.rinewide #content a:visited
 {
 	color:				#AE0911;
 }
 
 #site #wrapper.rine #content a:hover,
 #site #wrapper.rinewide #content a:hover
 {
 	color:				#AE0911;
 }
  
 #site #wrapper.rine #content a:visited,
 #site #wrapper.rinewide #content a:visited
 {
 	color:				#AE0911;
 }
 
 #site #wrapper.rine #content a:hover,
 #site #wrapper.rinewide #content a:hover
 {
 	color:				#AE0911;
 }
 
 #site #wrapper.rine a,
 #site #wrapper.rinewide a
 {
 	color:				#AE0911;
	text-decoration:	none;
 }
 
 #site #wrapper.rine a:hover,
 #site #wrapper.rinewide a:hover
 {
 	color:				#AE0911;
	text-decoration:	underline;
 }
 
 #site #wrapper.rine a:visited,
 #site #wrapper.rinewide a:visited
 {
 	color:				#641113;
 }
 
 #site #wrapper.rine p a,
 #site #wrapper.rinewide p a
 {
 	color:				#AE0911;
	text-decoration:	none;
 }
 
 #site #wrapper.rine p a:hover,
 #site #wrapper.rinewide p a
 {
 	color:				#AE0911;
	text-decoration:	underline;
 }
 
 #site #wrapper.rine p a:visited,
 #site #wrapper.rinewide p a:visited
 {
 	color:				#641113;
 }
  
 #site #wrapper.rine #router,
 #site #wrapper.rinewide #router
 {
 	color:				#666666;
	font-size:			110%;
	font-weight:		bold;
	line-height:		2.5em;
	text-transform:		lowercase;
 }

 #site #wrapper.rine #router a,
 #site #wrapper.rinewide #router a
 {
 	color:				#666666;
	text-decoration:	none;
 }
 
 #site #wrapper.rine #router a.current,
 #site #wrapper.rinewide #router a.current
 {
 	color:				#BF070F;
 }
 
 #site #wrapper.rine #router a:hover,
 #site #wrapper.rinewide #router a:hover
 {
 	color:				#DA0A14;
	text-decoration:	none;
 }
 
 #site #wrapper.rine #router .sublist li,
 #site #wrapper.rinewide #router .sublist li
 {
 	font-size:			90%;
	color:				#FFFFFF;
 }
 
 #site #wrapper.rine #router .sublist li a,
 #site #wrapper.rinewide #router .sublist li a
 {
 	/*color:				#FFFFFF;*/
	text-decoration:	none;
 }
 
 #site #wrapper.rine #router .sublist li a:hover,
 #site #wrapper.rinewide #router .sublist li a:hover
 {
 	color:				/*#F4FDFF*/#DA0A14;
	text-decoration:	none;
 }
 
 #site #wrapper.rine p.introred,
 #site #wrapper.rinewide p.introred
 {
 	color:				#AE0911;
	font-weight:		normal;
	line-height:		1.2em;
	margin-bottom:		1em;
	font-size:			130%;
 }
 
 #site #wrapper.rine .newssummary h4,
 #site #wrapper.rine .policynewssummary h4,
 #site #wrapper.rinewide .newssummary h4,
 #site #wrapper.rinewide .policynewssummary h4
 {
 	font-size:			80%;
	margin-bottom:		0em;
	color:				#AE0911 !important;
 }
 
 #site #wrapper.rine .newssummary h4 a,
 #site #wrapper.rine .policynewssummary h4 a,
 #site #wrapper.rinewide .newssummary h4 a,
 #site #wrapper.rinewide .policynewssummary h4 a
 {
 	color:				#AE0911  !important;
	text-decoration:	none;
 }
 
 #site #wrapper.rine .newssummary h4 a:hover,
 #site #wrapper.rine .policynewssummary h4 a:hover,
 #site #wrapper.rinewide .newssummary h4 a:hover,
 #site #wrapper.rinewide .policynewssummary h4 a:hover
 {
 	color:				#AE0911  !important;
	text-decoration:	underline;
 }
 
 #site #wrapper.rine .newssummary h5,
 #site #wrapper.rine .policynewssummary h5,
 #site #wrapper.rinewide .newssummary h5,
 #site #wrapper.rinewide .policynewssummary h5
 {
 	color:      		#313131;
	font-weight:		normal;
	margin-bottom:		0.2em !important;
	font-size:			95% !important;
 }
 
 #site #wrapper.rine .newssummary h5 a,
 #site #wrapper.rine .policynewssummary h5 a,
 #site #wrapper.rinewide .newssummary h5 a,
 #site #wrapper.rinewide .policynewssummary h5 a
 {
 	color:				#313131 !important;
	text-decoration:	none;
 }
 
 #site #wrapper.rine .newssummary h5 a:hover,
 #site #wrapper.rine .policynewssummary h5 a:hover,
 #site #wrapper.rinewide .newssummary h5 a:hover,
 #site #wrapper.rinewide .policynewssummary h5 a:hover
 {
 	color:				#313131 !important;
	text-decoration:	underline;
 }
 
 #site #wrapper.rine #footer,
 #site #wrapper.rinewide #footer
 {
 	font-size:			80%;
	color:				#FFFFFF;
 }
 
 #site #wrapper.rine #footer #footerbottom #credits a,
 #site #wrapper.rinewide #footer #footerbottom #credits a
 {
 	font-weight:		bold;
	color:				#FFFFFF;
	text-decoration:	none;
 }
 
 #site #wrapper.rine #footer #footerbottom #credits a:hover,
 #site #wrapper.rinewide #footer #footerbottom #credits a:hover
 {
	text-decoration:	underline;
 }
 
 #site #wrapper.rine #footer #footerbottom #misc,
 #site #wrapper.rinewide #footer #footerbottom #misc
 {
 	color:				#D8646A;
 }
 
 #site #wrapper.rine #footer #footerbottom #misc a,
 #site #wrapper.rinewide #footer #footerbottom #misc a
 {
	color:				#E28B8F;
	text-decoration:	none;
 }
 
 #site #wrapper.rine #footer #footerbottom #misc a:hover,
 #site #wrapper.rinewide #footer #footerbottom #misc a:hover
 {
	text-decoration:	underline;
 }
 
 #wrapper.rine .btnlink,
 #wrapper.rinewide .btnlink
 {
 	font-size:			89% !important;
	color:				#313131;
 }
 
 #wrapper.rine .btnlink a,
 #wrapper.rinewide .btnlink a
 {
	color:				#313131 !important;
	text-decoration:	none;
 }
 
 #wrapper.rine .btnlink a:hover,
 #wrapper.wide .btnlink a:hover
 {
	color:				#313131 !important;
	text-decoration:	underline;
 }
 
  #site #wrapper.rine #pagelinks,
  #site #wrapper.rinewide #pagelinks,
  #site #wrapper.rine .pagelinks,
  #site #wrapper.rinewide .pagelinks
 {
 	font-size:			95%;
 }
 
 #site #wrapper.rine #pagelinks a,
 #site #wrapper.rinewide #pagelinks a,
 #site #wrapper.rine .pagelinks a,
 #site #wrapper.rinewide .pagelinks a
 {
 	color:				#AE0911 !important;
	text-decoration:	none;
 }
 
 #site #wrapper.rine #pagelinks a:hover,
 #site #wrapper.rinewide #pagelinks a:hover,
 #site #wrapper.rine .pagelinks a:hover,
 #site #wrapper.rinewide .pagelinks a:hover
 {
 	color:				#AE0911 !important;
	text-decoration:	underline;
 }
 
  #site #wrapper.rine .flink,
  #site #wrapper.rinewide .flink,
  #site #wrapper.rine .btnlinkimg,
  #site #wrapper.rinewide .btnlinkimg
 {
	color:				#AE0911 !important; 
 }
 
  #site #wrapper.rine .flink a,
  #site #wrapper.rinewide .flink a,
  #site #wrapper.rine .btnlinkimg a,
  #site #wrapper.rinewide .btnlinkimg a
 {
	color:				#AE0911 !important;
	text-decoration:    none;
 }
 
  #site #wrapper.rine .flink a:hover,
  #site #wrapper.rinewide .flink a:hover,
  #site #wrapper.rine .btnlinkimg a:hover,
  #site #wrapper.rinewide .btnlinkimg a:hover
 {
	color:				#AE0911 !important;
	text-decoration:    underline;
 }
 
  #site #wrapper.rine #breadcrumb,
  #site #wrapper.rinewide #breadcrumb
 {
 	color: 				#575757;
	font-size:			90%;
 }
 
 #site #wrapper.rine #breadcrumb a,
 #site #wrapper.rinewide #breadcrumb a
 {
 	color: 				#AE0911 !important;
	text-decoration:	none;
 }
 
 #site #wrapper.rine #breadcrumb a:hover,
  #site #wrapper.rinewide #breadcrumb a:hover
 {
 	color: 				#AE0911 !important;
	text-decoration:	underline;
 }
 
  ul.redlist
 {
 	color:				#590409 !important;
 }
 
 ul.redlist a
 {
 	color:				#590409 !important;
	text-decoration:	none;
 }
 
 ul.redlist a:hover
 {
 	color:				#590409 !important;
	text-decoration:	underline;
 }
 
  #site #wrapper.rine #accessibility,
  #site #wrapper.rinewide #accessibility
 {
 	color:				#ffffff !important;
	font-size:			95%;
 }
 
 #site #wrapper.rine #accessibility a,
 #site #wrapper.rinewide #accessibility a
 {
 	color:				#ffffff !important;
	text-decoration:	none;
 }
 
 #site #wrapper.rine #accessibility a:hover,
 #site #wrapper.rinewide #accessibility a:hover
 {
 	color:				#ffffff !important;
	text-decoration:	underline;
 }
 
 #site #wrapper.rine .btnlinkimage
 {
 	
 }
 
  
  /**********************
  		 FORMS
  *********************/
  
   #site #wrapper.rine #sitesearch .inputfield,
   #site #wrapper.rinewide #sitesearch .inputfield
 {
 	top:				18px;
	left:				-2px;
	padding:			2px 7px 3px 7px;
 	width:				99px;
	height:				15px;
	background-image:	url(../z_images/rine/layout/bg/bg_sitesearch.gif);
	color:				#313131;
	background-color:   #0080AD;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			100%;
	position:			absolute;
	display:			block;
 }