/* FloodGuards Style 11.11.2009 ----------------*/
/* Main ----------------------------------------*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
	height: 100%;
}

#MainContainer {
	width:100%;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-image:url(../i/bg.png);
	background-repeat:repeat-x;
}
#HeaderMenuCntnr 
{
    width:620px;
    height:174px;
	float:left;
	margin-left:20px;
}

/**:first-child+html #HeaderMenuCntnr 
{
    width:599px;
    height:174px;
	float:left;
	margin-left:40px;
}
 
#HeaderMenuCntnr img
{
	margin-left:15px;
}*/

#CntrlContainer {
	width:950px;
	margin:0 auto;
	min-height:800px;
	background:#D2E9F9 url(../i/MainBg.jpg) repeat-x 0 0;
}

img {border:0;}

h1 {font-size:18px;margin:10px 0 10px 0px; text-align:left;}
h2 {font-size:16px;margin:10px 0 10px 0px; text-align:left;}
h3 {font-size:14px;margin:10px 0 10px 0px; text-align:left;}
h4 {font-size:12px;margin:10px 0 10px 0px;font-weight:700; text-align:left;}

/* Main End -----------------------------------*/
/* Head ---------------------------------------*/

#Header {
	width:950px;
	height:190px;
	position:relative;
}
#LogoCntnr {
	width:280px;
	height:190px;
	float:left;
}

#WaveCntnr {
	width:950px;
	height:66px;
}


/* Head End -----------------------------------*/
/* Left Container -----------------------------*/

#LeftContainer {
	width:294px;
	float:left;
}
.HomeIcon {
	position:absolute;
	margin:26px 0 0 -20px;
}
#LatestNews {
	width:194px;
	margin-top:20px;
}
#LatestNewsHeader {
	width:194px;
	height:10px;
	float:left;
}
* html #LatestNewsHeader {
	width:194px;
	height:5px;
	float:left;
}
#LatestNewsTxt {
	width:187px;
	background:#c1ccd2;
	float:left;
	padding-left:7px;
}

#LatestNewsTxt hr {
	width:185px;
	border:#e3e7ea 1px solid;
	margin-left:-2px;
}

#LatestNewsTxt h1 {
	font-size:12px;
	margin:0 0 3px 0;
	color:#1c578e;
}
#LatestNewsTxt h1 a {
	color:#1c578e;
}
#LatestNewsTxt h1 a:visited {
	color:#1c578e;
}
#LatestNewsTxt p {
	font-size:11px;
	margin:0 0 5px 0;
	color:#FFF;
}
#LatestNewsTxt a {
	color:#ffffff;
	text-decoration:none;
}
#LatestNewsTxt a:visited {
	color:#ffffff;
	text-decoration:none;
}
#LatestNewsTxt a:hover 
{
	color:#ffffff;
	text-decoration:underline;
}

span.LatestNewsTxtReadMore a
{
	color:#1C578E;
}
span.LatestNewsTxtReadMore a:visited
{
	color:#1C578E;
}
span.LatestNewsTxtReadMore a:hover
{
	color:#1C578E;
	text-decoration:underline;
}

#LatestNewsFooter {
	width:194px;
	/*background:#7691a0;*/
	background:#6a8696;
	float:left;
}
#LatestNewsFooter h1 {
	margin:-3px 0 0 -15px;
	color:#FFF;
	font-size:16px;
	float:left;
}
#LatestNewsFooter a {
	color:#FFF;
	text-decoration:none;
	font-size:10px;
	float:left;
	margin:3px 0 0 20px;
}
#LatestNewsFooter a:hover {
	text-decoration:underline;
}
.NewsIcon {
	padding:0px 0 2px 30px;
}
#LeftAdvrt {
	width:194px;
	margin-top:10px;
	float:left;
}
* html #LeftAdvrt {
	width:194px;
	margin-left:0px;
	float:left;
}
#LeftAdvrtHeader {
	width:194px;
	height:24px;
	float:left;
	/*background:#7691a0;*/
	background:#6a8696;
}

#LeftAdvrtHeader h1 {
	margin:-4px 0 0 -12px;
	color:#FFF;
	font-size:16px;
	float:left;
}
#LeftAdvrtHeader a {
	color:#FFF;
	text-decoration:none;
	font-size:10px;
	float:left;
	margin:6px 0 0 15px;
}
#LeftAdvrtHeader a:hover {
	text-decoration:underline;
}
#LeftAdvrtTxt {
	width:194px;
	float:left;
	/*background:#7691a0;*/
	background:#6a8696;
	font-size:11px;
	color:#FFF;
}

#LeftAdvrtTxt p {
	margin:0 10px 0 10px;
}
#LeftAdvrtTxt a
{
	color:#ffffff;
	text-decoration:none;
}
#LeftAdvrtTxt a:visited
{
	color:#ffffff;
	text-decoration:none;
}
#LeftAdvrtTxt a:hover
{
	color:#ffffff;
	text-decoration:underline;
}
#LeftAdvrtTxt a
{
	color:#ffffff;
	text-decoration:none;
}
#LeftAdvrtTop {
	width:194px;
	height:12px;
	float:left;
}
#LeftAdvrtFooter {
	width:194px;
	height:12px;
	float:left;
}
.ArticleIcon {
	position:absolute;
	margin:15px 0 0 30px;
}
* html .ArticleIcon {
	position:absolute;
	margin:15px 0 0 -222px;
}
#LeftLoginPanelHeader {
	width:194px;
	height:24px;
	/*background:#7691a0;*/
	background:#6a8696;
}
#LeftLoginPanelHeader h1 {
	margin:2px 0 0 5px;
	color:#FFF;
	font-size:16px;
	float:left;
}
#login_panel{padding:20px 0 0 55px;} /* local authorities page */
#login_panel_body{width:180px;height:120px;padding:10px 0 0 14px;background:#C3CCD2;} /* local authorities page */

/* Left Container End -------------------------*/
/* Right Container ----------------------------*/

#RightContainer {
	width:615px;
	padding:0 40px 0 0;
	float:left;
	text-align:justify;
	color:#333333;
}

#RightContainer a {color:#034782;}
#RightContainer a:visited {color:#034782;}
#RightContainer a:hover {color:#919AA1;}
#RightContainer p {line-height:1.6;}

.IntroTxt {
	line-height:1.6;
	font-size:15px;
	color:#034782;
	font-weight:normal;
}
.LeftTxtColumn {
	width:297px;
	float:left;
	font-size:12px;
	margin:0 20px 0 0;
	line-height:1.6;
}
.RightTxtColumn {
	width:297px;
	float:left;
	font-size:12px;
	padding:0 0px 0 0;
	line-height:1.6;
}

/* Flash -------------------*/

#video1 
{
	width:264px;
	height:194px;
    margin:20px 0 0 0;
	padding:0 15px;
}

* html #video1 
{
    margin:9px 0 0 0;
}

*:first-child+html #video1 
{
    margin:6px 0 0 0;
}


/* End Flash ----------------*/

/* Right Container End ------------------------*/
/* Footer -------------------------------------*/
#FooteCntnr {
	width:950px;
	height:120px;
	margin:0 auto;
	position:relative;
	bottom: 0 !important;
	background:#d1e9fa;
	padding-top:20px;
}
#FooterBrd {
	width:921px;
	height:51px;
	background:url(../i/FooterBg.gif);
	background-repeat:no-repeat;
	margin-left:29px;
}
* html #FooterBrd {
	margin-left:28px;
}
.DscrpTxt {
	width:194px;
	height:51px;
	color:#034782;
	font-size:11px;
	float:left;
	margin:5px 0 0 50px;
}
* html .DscrpTxt {
	margin:5px 0 0 25px;
}
#SloganCntnr {
	width:873px;
	float:left;
	margin:20px 0 0 55px;
	text-align:right;
}
#SloganCntnr a {
	color:#FFF;
}
#SloganCntnr a:hover {
	text-decoration:none;
}
* html #SloganCntnr {
	width:870px;
	margin-left:28px;
	margin-top:-59px;
}
.copyright {
	width:921px;
	margin-top:20px;
	color:#FFF;
	text-align:right;
}
.copyright a {
	color:#FFF;
}

.textbox {
	width:226px;
	margin-bottom:10px;
}

.textarea {
	width:226px;
	margin-bottom:10px;	
}

.row {
	margin-bottom:2px;
}

.label {
	width:200px;
	height:20px;
	float:left;
}

#dropdownlist1 {
	padding:10px 0 10px 0;
}

.contactForm {
	 width:300px;
	 padding-top:48px;
	 padding-left:10px;
}

*:first-child+html .contactForm {
	 padding-left:130px;
}

.cotactContent {
	width:300px;
}



/* Footer End ---------------------------------*/
/* Other Classes ------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html img.png {
	behavior: url("css/pngbehavior.htc");
}

.ruathomeanddryLogo {
	position:absolute;	
	margin:-22px 0 0 -550px;
}

* html .ruathomeanddryLogo {
	width:103px;
	height:94px;
	position:relative;	
	margin:-20px 0 0 400px;
}

.ruathomeanddryLogo2 {
	position:absolute;	
	margin:-32px 0 0 -420px;
}

* html .ruathomeanddryLogo2 {
	width:103px;
	height:94px;
	position:absolute;	
	margin:-21px 0 0 10px;
}



.AccreditationBg {
	background:url(../i/BSIAccreditationBg.png) no-repeat 140px 140px;
}


/* Other Classes End --------------------------*/

/* Ticker -------------------------------------*/
/* liScroll styles */

#TickerCont {
    width:200px;
    height:20px;
    position:absolute;
    top:160px;
    left:70px;
    color:#ff33cc;
    overflow:hidden;
    font-weight:bold;
}

#TickerCont a  
{
    text-decoration:none;   

}

#TickerCont a:hover  
{
    text-decoration:underline;   

}
	
.tickercontainer { /* the outer div */
    width:200px; 
    height: 20px; 
    margin: 0; 
    padding: 0;
    overflow: hidden; 
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    /*top: 8px;
    height: 18px;*/
    /*width: 718px;*/
    overflow: hidden;
}

/*ul#webticker li {
  height: 25px;
  display:inline;   
}*/

ul.newsticker { /* that's your list */
position: relative;
margin-left: 20px;
font: bold 12px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding-right: 15px;
/*background: #fff;*/
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}