/* CSS Document */
body{
	padding:0px;
	margin:0px;
	background:url(images/main-bg.gif) 0 0 repeat-x #fff;
	color:#660000;
	font:13px/19px Arial, Helvetica, sans-serif;
}
div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;}
ul{list-style-type:none}

/*----Main ----*/
#main{width:778px; position:relative; margin:0 auto;}

/*----Top----*/
#top{width:778px; height:26px; background:url(images/topbg.jpg) 0 0 no-repeat #fff; color:#828282; position:relative; margin:0 auto;}
#top img.logo{
	width:136px;
	height:31px;
	position:absolute;
	top:12px;
	left:66px;
	visibility: visible;
}
#top p.caption{
	width:200px;
	background:#fff;
	color:#828282;
	position:absolute;
	top:44px;
	left:70px;
	visibility: visible;
}
#topFireLogos{
	width:126px;
	height:45px;
	background:url(images/fire-logos.jpg) 0px 0px no-repeat;
	position:absolute;
	top:7px;
	padding:0px 0 0;
	left: 642px;
}
#topWelsh{
	width:74px;
	height:27px;
	background:url(images/welsh-flag2.gif) 0px 0px no-repeat;
	position:absolute;
	top:2px;
	padding:0px 0 0 30px;
	left: 683px;
}
#topWelsh a{
color:#660000;
text-decoration:none;

}
#topWelsh a:hover{
	color:#000000;
	text-decoration:none;
}
#topBookmarks{
	width:74px;
	height:27px;
	position:absolute;
	top:144px;
	padding:0px 0 0 30px;
	left: 617px;

}
/*----/Top---*/

/*----Header----*/
#header{width:686px; height:153px; background:url(images/header.jpg) 0 0 no-repeat; position:relative; margin:0 auto; padding:11px 0 0 92px;}


/*---- Fire Logo Buttons----*/
#header ul.firelogos{
	width:247px;
	height:54px;
	position:absolute;
	top:108px;
	left:13px;
}
#header ul.firelogos li{float:left; height:45px;}
#header ul.firelogos li.frs a{width:42px; height:45px; display:block; background:url(images/fire-rescue-service-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
#header ul.firelogos li.frs a:hover{background:url(images/fire-rescue-service-hover.gif) 0 0 no-repeat;}

#header ul.firelogos li.swfrs a{width:42px; height:45px; display:block; background:url(images/south-wales-fire-rescue-service-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
#header ul.firelogos li.swfrs a:hover{background:url(images/south-wales-fire-rescue-service-hover.gif) 0 0 no-repeat;}



#header ul.firelogos li.mwwfrs a{width:42px; height:45px; display:block; background:url(images/mid-west-wales-fire-rescue-service-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
#header ul.firelogos li.mwwfrs a:hover{background:url(images/mid-west-wales-fire-rescue-service-hover.gif) 0 0 no-repeat;}

#header ul.firelogos li.wag a{width:42px; height:45px; display:block; background:url(images/WAG-logo-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
#header ul.firelogos li.wag a:hover{background:url(images/WAG-logo-hover.gif) 0 0 no-repeat;}
/*---- End of Fire Logo Buttons----*/

/*----/Header----*/

/*----Body----*/
#body{width:700px; background:url(images/bodybg.gif) 0 0 no-repeat; position:relative; margin:0 auto; padding:22px 0 0 10px;}
/*----Body Left Menu Navigation----*/
#leftMenu{width:214px; float:left;}

#leftMenu h2{
	width:214px;
	height:34px;
	background:#fff;
	color:#660000;
	font-size:18px;
	line-height:34px;
	text-decoration:none;
}
#leftMenu h2 a{
	width:114px;
	height:34px;
	background:#fff;
	color:#660000;
	font-size:18px;
	line-height:34px;
	text-decoration:none;
}
#leftMenu h2 a:hover{
	width:114px;
	height:34px;
	background:#fff;
	color:#e37311;
	font-size:18px;
	line-height:34px;
	text-decoration:none;
}

#leftMenu ul{
	width:214px;
}
#leftMenu ul li{
	width:214px;
	height:24px;
}
#leftMenu ul li a{
	width:202px;
	height:24px;
	display:block;
	background:url(images/bullet2-normal.gif) 0 10px no-repeat;
	color:#990000;
	line-height:24px;
	padding:0 0 0 12px;
		text-decoration:none;
}
#leftMenu ul li a:hover{
	background:url(images/bullet2-hover.gif) 0 10px no-repeat #fff;
	color:#660000;
	text-decoration:underline;
}

/*----/Body Left Menu Navigation----*/
/*----Body Right ---*/
#right{
	width:425px;
	float:left;
	border-left:1px dashed #660000;
	margin:28px 0 0;
	padding:0 30px;
}
#right p a{
	width:114px;
	height:34px;
	background:#fff;
	color:#660000;
	font-size:12px;
	line-height:34px;
	text-decoration:none;
}
#right p a:hover{
	color:#FF6600;

}	
#right p{padding:0 0 10px 0;}


#right ul.points li {
	width:405px;
	height:40px;
	display:block;
	background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff;
	color:#660000;
	text-decoration:none;
	line-height:20px;
	padding:0 0 0 12px;
}
#right ul.points2 li {
	width:405px;
	height:40px;
	display:block;
	/*background:url(images/bullet2-normal.gif) 0 7px  no-repeat #fff;*/
	color:#660000;
	text-decoration:none;
	line-height:20px;
	padding:0 0 0 40px;
}



/*----/Body Right----*/
/*----/Body----*/
/*----/Main----*/

/*----Footer----*/
#footermain{height:103px; background:url(images/footerbg.gif) 0 0 repeat-x #D3F0F0; color:#ffffff; font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:36px 0 0;}
#footer{width:840px; position:relative; margin:0 auto;}

#footer ul{width:760px; height:20px; position:relative; margin:0 auto;}
#footer li{float:left; }
#footer ul li a{padding:0 10px 0; color:#ffffff; text-decoration:none; font-size:13px;}
#footer ul li a:hover{text-decoration:underline;}

#copyright {
	width:250px;
	height:30px;
	top: 30px;
	margin-left:260px;
	margin-top: 25px;
	


	color: #FFFFFF;
}
#copyright a{
	color: #FF9900;
	text-decoration:none;
}
#copyright a:hover{
	color: #FFFFFF;
	text-decoration:none;
}
#footer ul.templateworld{width:250px; background:#D3F0F0; color:#007163; display:block; font-size:10px; position:absolute; top:49px; left:92px;}
#footer ul.templateworld li{height:20px;}
#footer ul.templateworld li a{background:#D3F0F0; display:block; color:#007163; text-decoration:none; padding:0px; font-size:10px;}
#footer ul.templateworld li a:hover{text-decoration:underline;}

#footerHTML {
	width:71px;
	height:30px;
	display:block;
	position:absolute;
	top:32px;
	left:546px;
}
#footerHTML a{width:64px; height:24px; display:block; background:url(images/html-normal.gif) 0 0 no-repeat;color:#fff; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 7px;}
#footerHTML a:hover{
	background:url(images/html-hover.gif) 0 0 no-repeat;
}
#footerCSS{
	width:67px;
	height:29px;
	display:block;
	position:absolute;
	top:32px;
	left:621px;
}
#footerCSS a{width:49px; height:24px; display:block; background:url(images/css-normal.gif) 0 0 no-repeat ; color:#fff; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;}
#footerCSS a:hover{
	background:url(images/css-hover.gif) 0 0 no-repeat;
	color:#660000;
	text-decoration:none;
}
/*----/Footer----*/

/*----/Content Elements----*/ 

   div.float2 {
  background:url(images/questions.gif) 0 0px no-repeat;
  float: right;
  border: 1px solid #660000;
  padding: 7px;
  margin-top:2px;
  margin-bottom:10px;
  margin-left: 0px;
  }
  
div.float2 p {
	font-size: 0.9em;
	padding-top: 0em;
	text-align: left;
	margin-top:0px;
   }
   div.float3 {
  background:url(images/tasks.gif) 0 0px no-repeat;
  float: right;
  border: 1px solid #660000;
  padding: 7px;
  margin-top:2px;
  margin-bottom:10px;
  margin-left: 0px;
  }
  
div.float3 p {
	font-size: 0.9em;
	padding-top: 0em;
	text-align: left;
	margin-top:0px;
   }
   
   
      div.float4 {
  background:url(images/painter.gif) 100% 90% no-repeat;
  float: right;
  border: 1px solid #ffffff;
  padding: 7px;
  margin-top:2px;
  margin-bottom:10px;
  margin-left: 0px;
  }
  
div.float4 p {
	font-size: 0.9em;
	padding-top: 0em;
	text-align: left;
	margin-top:0px;
   }
   
/*----/what is fire?----*/    
      div.whatisFire {
  background:url(images/fire-triangle-tn.gif) 100% 40% no-repeat;
  float: right;
  border: 1px solid #ffffff;
  padding: 2px;
  margin-top:2px;
  margin-bottom:10px;
  margin-left: 0px;
  }
  
div.whatisFire p {
	font-size: 0.9em;
	padding-top: 0em;
	text-align: left;
	margin-top:0px;
	margin-left: 0px;
   }
/*----/what is fire?----*/    


/*----/Smoke----*/    


      div.smoke {
  background:url(images/smoke-tn.gif) 100% 40% no-repeat;
  float: right;
  border: 1px solid #ffffff;
  padding: 2px;
  margin-top:2px;
  margin-bottom:10px;
  margin-left: 0px;
  }
  
div.smoke p {
	font-size: 0.9em;
	padding-top: 0em;
	text-align: left;
	margin-top:0px;
	margin-left: 0px;
   }
/*----/Smoke END----*/   

/*----/Fire Precautions---*/   
   div.doors {
  float: left;
  border: 1px solid #ffffff;
  padding: 7px;
  margin-top:2px;
  margin-bottom:10px;
  margin-right: 10px;
  }
  
div.doors p {
	font-size: 0.9em;
	padding-top: 0em;
	text-align: center;
	margin-top:0px;
   }
/*----/Fire Precautions END---*/   

/*----/Automatic Sprinkler Systems --*/  
      div.float5 {
  background:url(images/sprinkler.jpg) 100% 50% no-repeat;
  float: right;
  border: 1px solid #ffffff;
  padding: 7px;
  margin-top:2px;
  margin-bottom:10px;
  margin-left: 0px;
  }
  
div.float5 p {
	font-size: 0.9em;
	padding-top: 0em;
	text-align: left;
	margin-top:0px;
   }
   
   /*----/Automatic Sprinkler Systems END---*/  
   
   /*----/smoke alarm---*/   
   div.smokealarm {
  float: right;
  border: 1px solid #ffffff;
  padding: 7px;
  margin-top:2px;
  margin-bottom:10px;
  margin-right: 10px;
  }
  
div.smokealarm p {
	font-size: 0.9em;
	padding-top: 0em;
	text-align: center;
	margin-top:0px;
   }
/*----/smoke alarm END---*/   
   
   
      /*----/all 999---*/   
   div.call {
  float: right;
  border: 2px solid #fb0000;
  padding: 12px;
  margin-top:2px;
  margin-bottom:10px;
  margin-right: 10px;
  }
  
div.call p {
	font-size: 0.9em;
	padding-top: 0em;
	text-align: center;
	margin-top:0px;
   }
/*----/cal999 END---*/   

/*----/q3--*/ 
   div.q3 {
  background:url(images/questions.gif) 0 0px no-repeat;
  float: left;
  border: 1px solid #660000;
  padding: 7px;
  margin-top:2px;
  margin-bottom:10px;
  margin-left: 0px;
  }
  
div.q3 p {
	font-size: 0.9em;
	padding-top: 0em;
	text-align: left;
	margin-top:0px;
   }
/*----/End of q3---*/ 
/*----/Fire download--*/   
   div.download {
  float: right;
  border: 1px solid #ffffff;
  padding: 7px;
  margin-top:2px;
  margin-bottom:10px;
  margin-right: 10px;
  }
  
div.download p {
	font-size: 0.9em;
	padding-top: 0em;
	text-align: center;
	margin-top:0px;
   }
/*----/Fire download END---*/  
