body
{
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial, sans-serif;
	font-size:73%;
	color:#000;
	background:#E13229;
}

#align
{
	position:relative;
	/*height:100%;*/
	xwidth:72em; /*730px;*/
	xwidth:93.4em;
	width: 89.24em;
	xmin-width:844px;	/*see ie.css on how to set up minimum width for IE*/
	xmin-width:1090px;
	min-width:1041px;
	max-width:99%;		/*avoid horizontal scrollbars, doesn't work in IE*/
	margin:0 auto; 		/*Mozilla needs that to do the horizontal centering*/
	padding:0;
	padding-left:114px;
	text-align:left;
	color:inherit;
	background:#fff url(/images/frame_left.jpg) repeat-y;
}

#page
{
	position:relative;
	background:url(/images/frame_right.jpg) repeat-y 100% 0;
}

h1, h2, h3, h4, p
{
	margin:0 0 1em 0;
	padding:0;
}

h1
{
	font-size:1.5em;
	color:#e13229;
}

h2
{
	font-size:1.3em;
	color:#e13229;
}

h3
{
	font-size:1.2em;
}

h4
{
	font-size:1.1em;
}

a
{
	font-weight:bold;
	color:#000;
	text-decoration:underline;
}

a img
{
	border:none;
}

.printonly
{
	display:none;
}

.clear
{
	clear:both;
}

br.clear
{
	display:block /*Moz needs this*/;
	clear:both;
	line-height:0;
	font-size:0 /*IE6 needs this*/
}

hr
{
	clear:both /*quick fix for 'meet the executive group'*/;
	margin:0 0 1em 0;
	height:0;
	border:none;
	border-bottom:1px solid #DADADC;
}

.error
{
	color:red;
	background:transparent;
}

.imgnospacing
{
	display:block;
	margin:0;
	padding:0;
	line-height:0%; /* This gets rid of the annoying space underneath the image */
}

ul.stripped
{
	margin:0;
	padding:0;
	list-style-type:none;
}

#downloads li
{
	margin-bottom:1em;
}

#skipnav
{
	position: absolute;
	left: -999px;
	width: 990px;
}

/*-----------------------------------*/
/* LAYOUT: */
/*-----------------------------------*/
#contentwrapper
{
	position:relative;
	xwidth:62.60em;
	xwidth:84.2em;
	width:80em;
	padding-top:278px;
}

.home #contentwrapper
{
	padding-top:322px;
}

#colswrapper
{
	position:relative;
	width:100%;
	padding-top:1em;
}

#leftcol, #rightcol
{
	position:relative;
}

#leftcol .wrapper
{
	width:100%;
	padding:2em 0;
}

#leftcol
{
	float:left;
	xwidth:24%;
	width: 18%;
	xmargin-top:3.8em;
	margin-top:0.6em;
}

#rightcol
{
	float:right;
	xwidth:73.5%;
	width: 80%;
	margin-top:2em;
	overflow:hidden /*in case client uploads huge images*/;
}

#header
{
	position:absolute;
	left:0;
	top:0;
	xwidth: 62.60em;
	xwidth: 84.2em;
	width:80em;
	height:278px;
	margin-top:1em;
	text-align:left;
}

.home #header
{
	height:322px;
}

#footer
{
	position:relative;
	xwidth:61.20em;
	xwidth:82.8em;
	width:78.6em;
	margin-top:1em;
	padding:1em .7em;
	color:inherit;
	background:#ccc;
}

/*-----------------------------------*/
/* HEADER: */
/*-----------------------------------*/
#headerTop
{
	position:relative;
	width:100%;
	height:110px;
	margin:0;
	padding:0;
	background:url(/images/header_bg.jpg) repeat-x 0 100%;
	text-align: right;
}

#headerTop .wrapper
{
	width:auto;
	padding:0 15px /*make room for rounded corners*/;
}

#headerLeft
{
	display:block;
	float:left;
	text-align:left;
}

#headerLogo {
	float:left;
	width:78px;
	margin-right:1em;
}

#headerTitle {
	margin-top:20px;
}

#changelang {
	display:block;
	margin:0 .5em 0;
}

#strapline {
	margin-top:55px;
}

#headerBanner {
	height:158px;
	width:62.7em;
	margin-top:10px;
	background-repeat:no-repeat;
	border-bottom:1px solid #fff;
	float: left;
}

.home #headerBanner {
	height:202px;
}


#headerButtons {
	float: left;
	height:158px;
	width: 188px;
	margin-left: 10px;
	margin-top:10px;
	background-repeat:no-repeat;
	border-bottom:1px solid #fff;
}


#searchform {
background:#CCCCCC none repeat scroll 0;
bottom:-4.8em;
margin:0;
padding:12px;
position:absolute;
right:0px;
width:164px;
margin: 0 4px 0 0;
*margin: 0 2px 0 0;
}

#searchform fieldset {
	margin:0;
	padding:0;
	border:none;
}

#searchform input {
	float:left;
	width:64%;
}

#searchform input#quicksearch {
	float:left;
	width:30%;
	padding-left:4px;
	padding-right: 0px;
	padding-top: 3px;
	font-weight:bold;
	color:#E14036;
	font-size: 1em;
	cursor:pointer;
	border:none;
	background: #CCCCCC;
}

/*specific to the English site:*/
#searchform.Go input
{
	width:64%;
}

#searchform.Go input#quicksearch
{
	width:32%;
}
/**/


/*-----------------------------------*/
/* LEFT COL: */
/*-----------------------------------*/
.navlist
{
	position:relative;
	width:100%;
	margin-bottom:.2em;
	font-size:.95em;
	background:#fff;
}

.navlist ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}

#leftcol .navlist ul li
{
	float:left	/*IE6 needs this*/;
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	background:#ccc;
	border-bottom:1px solid #fff;
}

#leftcol .navlist ul a
{
	display:block;
	width:87%/*IE6 needs 87, Moz 86, so overflow hidden on li as a quick fix*/;
	padding:.3em 7%;
	text-decoration:none;
}

#leftcol .navlist ul a span
{
	display:block;
	padding-right:5% /*leave room for background arrow*/;
}

#leftcol .navlist ul a:hover, #leftcol .navlist ul a.current
{
	color:#fff;
	background:#e13229 url(/images/nav_whitearrow.gif) no-repeat 95% 50%;
}


/**/
/*--- SECOND LEVEL: ---*/
/**/

#leftcol .navlist ul li li
{
	display:none;
}

#leftcol .navlist ul li.active li
{
	display:block;
	background:#C3201C;
	border:none;
	border-top:1px solid #fff;
}

#leftcol .navlist ul li.active li a
{
	color:#fff;
	padding-left:1.8em;
}

#leftcol .navlist ul li.active li a:hover, #leftcol .navlist ul li.active li a.current
{
	background-color:#A20806;/* url(/images/nav_whitearrow.gif) no-repeat 95% 50%;*/
}

#leftcol .navlist ul li.active li a:hover,
#leftcol .navlist ul li.active li a.current
{
	color:#fff;
	background-image:url(/images/nav_whitearrow_l2.gif);
	background-position:91% 50%;
}

#leftcol .navlist ul li.active li a span
{
	padding-right:9% /*leave room for arrow*/;
}


/**/
/*--- THIRD LEVEL: ---*/
/**/

#leftcol .navlist ul li.active li li
{
	display:none;
}

#leftcol .navlist ul li.active li.active li
{
	display:block;
	border:none;
}

#leftcol .navlist ul li.active li.active li a
{
	padding-left:2.8em;
	background:url(/images/chevron_0.gif) no-repeat 1.8em .8em;
}

#leftcol .navlist ul li.active li.active li a:hover,
#leftcol .navlist ul li.active li.active li a.current
{
	background-color:#8b0302;
	background-position:1.8em .8em;
}

* html #leftcol .navlist ul li.active li.active li a:hover
{
	background-image:url(/images/chevron_0.gif) /*IE needs this to be repeated*/;
}

/*------*/

#leftcol .address
{
	margin:1em 7%;
}

#leftcol .address strong
{
	display:block;
	font-size:1.3em;
	color:#e13229;
}



/*-----------------------------------*/
/* HOME: */
/*-----------------------------------*/
#homeNews
{
	float:left;
	width:30%;
	padding: 0 2em 0 0;
	margin: 0 1.2em 0 0;
	background: url(/images/vr.gif) repeat-y right;
}

#homeCampaigns
{
	float:right;
	width:38%;
	margin-bottom:1em;
}

#homeNews ul li
{
	margin:0 0 .7em;
}

#homeNews ul li.first
{
	padding: 0 0 0 0.4em;
	*padding: 0 0 0 2em;
}

#homeNews ul img
{
	float:left;
	margin: 0.2em 0 0 0;
}


#homeNews ul li a
{
	display:block;
}

#homeCampaigns .roundCorners
{
	float:left;
	text-align:center;
	background:#ebeeef;
}

.home h1.title
{
	padding-left:17px /*leave room for the background image*/;
	background:url(/images/arrow_red.gif) no-repeat 0 50%;
}

.home h1.title a
{
	color:#e13229;
	text-decoration:none;
}

#homeVideo {
	margin: 0 0 1em 0;
	float:left;
	width:65%
}

#homeVideo ul li a {
 	display: block;
}

#homeVideo ul li {
 	margin: 2em 0 0 0;
}

#homeCampaigns h1.title
{
	margin:.4em 0;
}

#homeCampaigns a
{
	text-decoration:none;
}

#homeCampaigns a span.title
{
	display:block;
	margin:0 0 .4em;
	font-size:1.1em;
	color:#e13229;
}

#homeCampaigns a span.link
{
	text-decoration:underline;
}

#homeSafetycheck
{
	display:block;
	float:left;
	width:313px;
}

#homeFun
{
	float:right;
}

/*-----------------------------------*/
/* A-Z SEARCH: */
/*-----------------------------------*/
#searchagainform
{
	position:relative;
	width:29em;
	padding:1em;
}

#searchagainform .row
{
	position:relative;
	width:100%;
	margin-bottom:.5em;
}

#searchagainform .searchlabel
{
	float:left;
	width:9em;
}

#searchagainform .yearbox
{
	width:5em;
}

#searchagainform input#search
{
	float:right;
	margin-right:1.5em;
}


/*-----------------------------------*/
/* MEET THE EXECUTIVE GROUP: */
/*-----------------------------------*/
.exec ul
{
	list-style-position:inside;
}

/*-----------------------------------*/
/* STATIONS MAP: */
/*-----------------------------------*/
.nwalesmap
{
	background:#e13229;
	border:5px solid #e13229;
}

.stations #station_image
{
	float:right;
	margin-left:1em;
	margin-bottom:1em;
	margin-right:2em;
}

/*-----------------------------------*/
/* FIRE AUTHORITY PAGE: */
/*-----------------------------------*/
/*
.fra #contentwrapper
{
	padding-top:330px;
}

.fra #headerLeft
{
	width:40em;
	background:pink;
}
*/

.fra #header
{
	height:298px;
}

.fra #headerTop
{
	height:130px;
}

.fra #headerLogo
{
	width:145px;
}

.fra #contentwrapper
{
	padding-top:298px;
}

/*-----------------------------------*/
/* CAMPAIGNS: */
/*-----------------------------------*/
.intiatives .articleImg
{
	float:right;
	margin:0 0 .5em .5em;
}

/*-----------------------------------*/
/* PRESS: */
/*-----------------------------------*/


.press .articleImg
{
	float:right;
	margin:0 0 .5em .5em;
}

/*-----------------------------------*/
/* NEWS: */
/*-----------------------------------*/


.news .articleImg
{
	float:right;
	margin:0 0 .5em .5em;
}


/*-----------------------------------*/
/* FORMS: */
/*-----------------------------------*/
form
{
	padding:.5em 0;
	background:#F0F0F0;
}

fieldset
{
	margin-bottom:1em;
	border:1px solid #000;
}

.submit
{
	text-align:right;
}

#safetycheckform label
{
	float:left;
	width:10em;
	padding-left:.5em;
}

#safetycheckform label, #safetycheckform input
{
	margin-bottom:.5em;
}

#safetycheckform #submit
{
	float:right;
}

/*-----------------------------------*/
/* VACANCIES: */
/*-----------------------------------*/
.vacancy
{
	margin-bottom:.5em;
	padding:1em;
	background:#F0F0F0;
}

.vacancy h2
{
	color:#000;
}

hr.vacancyDel
{
	margin-bottom:.5em;
}

.downloadList
{
	position:relative;
	width:100%;
}

.downloadList li
{
	margin-bottom:.7em;
}

/*-----------------------------------*/
/* FUN AND GAMES: */
/*-----------------------------------*/
/*
#gamesList
{
	margin-top:2em;
	xxbackground:pink;
}

#gamesList li
{
	position:relative;
	width:100%;
	margin-bottom:1em;
	border-bottom:1px solid #f0f0f0;
}

#gamesList li a
{
	font-size:1.4em;
	text-decoration:none;
	color:#e13229;
}
*/

.funplayer #align
{
	width:100%;
	min-width:100%;
	max-width:100%;
	margin:0;
	padding:0;
	text-align:center;
	background:#fff;
}

.funplayer #page
{
	margin:0;
	text-align:center;
	background:#fff;
}


.funplayer #header
{
	position:relative;
	width:80%;
	height:8.5em;
	margin:0 auto 1em auto;
	padding:1em;
	text-align:left;
	background:url(/images/header_bg.jpg) repeat-x 0 100%;
}

.funplayer #header a
{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	line-height:170px;
}

.funplayer #header img
{
	float:left;
	margin-right:1em;
}

/*-----------------------------------*/
/* CHILDRENS WORK: */
/*-----------------------------------*/
.chldrnwrk #newsList li
{
	float:left;
	width:32%;
	margin-right:1%;
	margin-bottom:1em;
}

.chldrnwrk #newsList li.clear
{
	clear:both;
}

/*-----------------------------------*/
/* VIDEOS: */
/*-----------------------------------*/
.videoNode a
{
	display:block;
	line-height:2em;
}

/*-----------------------------------*/
/* POPUP: */
/*-----------------------------------*/
.popup #align
{
	width:100%;
	/*min-width:auto;*/
	max-width:100%;
	padding:0;
	background:none;
}

.popup #page
{
	margin:0;
	text-align:center;
	background:none;
}

.popup #headerspacer
{
	display:none;
}

/*-----------------------------------*/
/* IMAGES FOR SCHOOLS/PHOENIX COURSES: */
/*-----------------------------------*/


/*-----------------------------------*/
/* FOOTER: */
/*-----------------------------------*/
#footer #copyright
{
	float:left;
	width:25em;
}

#footer #newmind
{
	float:right;
	width:15em;
	text-align:right;
	font-size:.9em;
	text-decoration:none;
}

#footer .navlist
{
	background:#ccc;
}

#footer .navlist .corner
{
	display:none;
}

#footer ul#footerlinks
{
	width:100%;
	margin:0 0 0 -.3em /*neg. margin to make up for first left margin on li*/;
	padding:0;
	list-style-type:none;
}

#footer ul#footerlinks li
{
	display:inline;
	float:left;
	width:auto;
	margin:0 0 0 .3em;
	padding:0;
	padding:0 .3em 0 0;
	border-right:1px solid;
}

/*-----------------------------------*/
/* ROUND CORNERS: */
/*-----------------------------------*/

.roundCorners
{
	position:relative;
	background-repeat:no-repeat;
	background-position:bottom right;
}

#test4
{
	width:212px;
	height:136px;
}

.roundCorners .corner
{
	display:block;
	position:absolute;
	width:11px;
	height:11px;
	margin:0;
	padding:0;
}

.roundCorners .tl
{
	left:-1px;
	top:-1px;
	background-image:url(/images/corner_tl.png);
}

.roundCorners .br
{
	right:-1px;
	bottom:-1px;
	background-image:url(/images/corner_br.png);
	/* see ieHacks.css */
}

.roundCorners .tr
{
	right:-1px;
	top:-1px;
	background-image:url(/images/corner_tr.png);
	/* see ieHacks.css */
}

.roundCorners .bl {
	left:-1px;
	bottom:-1px;
	background-image:url(/images/corner_bl.png);
	/* see ieHacks.css */
}

ul.socialBookmarks { 
	margin:1em 0 4em 0;
	padding:0;
}

div.rssWrapper {
	margin: 2em 0;
}

p.rssLnk {
	padding:2% 7%;
	margin:0;
	float:left;
}

p.rssLnk img {
	margin: 0 0.4em 0 0;
}

ul.socialBookmarks li {
	list-style-type: none;
	display: inline;
	margin: 0 2em 0 0;
}

/*-----------------------------------*/
/* DEFINED IN RTE BOX IN ADMIN TOOL: */
/*-----------------------------------*/
.underline
{
	text-decoration:underline;
}

.imageLeft, .imageRight
{
	margin-bottom:1em;
	/*margin-top:.5em;*/		/*align with top of p*/
	line-height:0px;		/*remove bottom padding in Moz...*/
}

.imageLeft
{
	float:left;
	margin-right:1em;
}


.imageCenter
{
	text-align:center;
}

.imageRight
{
	float:right;
	margin-left:1em;
}
/*-------------------------------------------------------*/
/* END OF DEFINED IN RTE BOX IN ADMIN TOOL */
/*-------------------------------------------------------*/



#homeVideo div.objectWrapper {
	float:left;
}
/* Line added for New Sara Video  */
#homeVideo div.objectWrapper_Featured {
	float:left;
	margin-right:5px;
}
#homeVideo div.descriptionWrapper {
	float:left;
	margin: 0 0 0 2em;
	width: 22em;
}

#homeVideo div.descriptionWrapper ul {
	margin: 0 0 1em 0;
}

#enquiry_area {
	visibility: hidden;
}


/*-------------------------------------------------------*/
/* TEXT REG */
/*---*/

#TextReg #Step1
{
	background-image:url(/images/TextReg/1_eng.jpg);	
	background-color:#BD3130;
	height:158px;
	width:500px;
	background-repeat:no-repeat;
	background-position:top right;
	color:#ffffff;
	font-weight:bold;
	padding-left:20px;
}

#TextReg #Step2
{
	background-image:url(/images/TextReg/2_eng.jpg);	
	background-color:#BD3130;
	height:158px;
	width:500px;
	background-repeat:no-repeat;
	background-position:top right;
	color:#ffffff;
	font-weight:bold;
	padding-left:20px;
	margin-top:5px;
}

#TextReg #Step3
{
	background-image:url(/images/TextReg/3_eng.jpg);	
	background-color:#BD3130;
	height:158px;
	width:500px;
	background-repeat:no-repeat;
	background-position:top right;
	color:#ffffff;
	font-weight:bold;
	padding-left:20px;
	margin-top:5px;
}

#TextReg #Step4
{
	background-image:url(/images/TextReg/4_eng.jpg);	
	background-color:#BD3130;
	height:158px;
	width:500px;
	background-repeat:no-repeat;
	background-position:top right;
	color:#ffffff;
	font-weight:bold;
	padding-left:20px;
	margin-top:5px;
}

/*WELSH*/

#TextReg #Step1W
{
	background-image:url(/images/TextReg/1_cym.jpg);	
	background-color:#BD3130;
	height:158px;
	width:500px;
	background-repeat:no-repeat;
	background-position:top right;
	color:#ffffff;
	font-weight:bold;
	padding-left:20px;
}

#TextReg #Step2W
{
	background-image:url(/images/TextReg/2_cym.jpg);	
	background-color:#BD3130;
	height:158px;
	width:500px;
	background-repeat:no-repeat;
	background-position:top right;
	color:#ffffff;
	font-weight:bold;
	padding-left:20px;
	margin-top:5px;
}

#TextReg #Step3W
{
	background-image:url(/images/TextReg/3_cym.jpg);	
	background-color:#BD3130;
	height:158px;
	width:500px;
	background-repeat:no-repeat;
	background-position:top right;
	color:#ffffff;
	font-weight:bold;
	padding-left:20px;
	margin-top:5px;
}

#TextReg #Step4W
{
	background-image:url(/images/TextReg/4_cym.jpg);	
	background-color:#BD3130;
	height:158px;
	width:500px;
	background-repeat:no-repeat;
	background-position:top right;
	color:#ffffff;
	font-weight:bold;
	padding-left:20px;
	margin-top:5px;
}

#TextReg .Text
{
	width:200px;
	
}

/*-------------------------------------------------------*/
/* Phoenix*/
/*---*/
.Phoenix {
	float:left;
	width:168px;
	min-height:232px;
	border:1px solid #cdcdcd;
	margin:0 0 14px 0;
	background-color:#f9f9f9;
}
.Phoenix a img {
	position: relative;
	left:5px;
	top:10px;
}
.Phoenix p {
	float:left;
	width:149px;
	padding:15px 0 0 10px;
	font-size:13px;
	color:#000;
}
/*-------------------------------------------------------*/
/* Right Column 3*/
/*---*/
.StaffSec {
	margin-top:40px;
}
.YoungsterSec {
	margin-top:5px;
}
#Download {
	border:1px solid #cdcdcd;
	margin:5px 0 0 0;
	background-color:#f9f9f9;
}
#Download a img {
	margin:8px 0 14px 15px;
}
#Download ul {
	margin:-5px 0 15px 0;
}
#Download ul li {
	list-style:none;
}
#Download ul li a {
	width:100px;
	font-size:12px;
	font-weight:normal;
}
/*-------------------------------------------------------*/
/* Youngster Section*/
/*---*/
.YoungsterInfo {
	float:left;
	width:536px;
	background-color:#f9f9f9;
	border:1px solid #cdcdcd;
	margin:10px 0 0 0;
}
.YoungsterInfo img {
	float:left;
	margin:15px 0 0 15px;
}
.YoungsterInfo .Info {
	float:left;
	width:350px;
	margin:10px 0 10px 15px;
}
.YoungsterInfo p {
	float:left;
	width:350px;
	font-size:12px;
	margin:0;
	padding:2px 0 2px 0;
}
.ViewAlbum a {
	float:right;
	margin:8px 0 0 0;
}

.ViewAlbum1  {
	margin:815px 0 0;
	background-color:#f9f9f9
}

.ViewAlbum1 a {
	float:right;
	margin:8px 0 0 0;
}

.ViewAlbum2  {
	margin:852px 0 0;
	background-color:#f9f9f9
}

.ViewAlbum2 a {
	float:right;
	margin:8px 0 0 0;
}


#rightcol {
	float:right;
	xwidth:73.5%;
	width: 80%;
	margin-top:2em;
	overflow:hidden /*in case client uploads huge images*/;
}
#rightcol_2 p img {
	border:1px solid #d5d5d5;
	margin:0 0 0 3px;
}
#rightcol_2 {
	float:left;
	xwidth:73.5%;
	width: 72%;
	margin-top:2em;
	margin-right:0;
	overflow:hidden /*in case client uploads huge images*/;
}
#rightcol_3 {
	float:right;
	xwidth:73.5%;
	width:26%;
	margin-top:-.5em;
	overflow:hidden /*in case client uploads huge images*/;
}