/* Master font setting here */
body {font-family:Verdana, Arial, Helvetica, sans-serif; 
      background-color: #E9EDF4;
	  font-size:11px; 
	  margin:0px auto;
	  padding:0px}


/***** 1. The Site Header Layout *****/
#header {width:755px; height:122px; float:left;}

	/* The container for the RLA logo */
	#header #logo {width: 172px;border:1px solid red;float:left}

	/* The container for the large menu icons */
	#header #icons {width:585px; float:left; padding-top:2px}

		#header #icons .largeicon {float:right; width:117px; height:74px; margin:0; padding:0}
		
	/* The container for the menu links. ()note: high z index ensures drop down menus appear over all content */
    #header #landlordmenu {width:585px; float:left; z-index:5000}
	
	/* The container for the search box (last container before site content begins) */
	#header #search {width: auto; clear: left;
					 padding-top:2px; text-align:right}
	
	#header #search form {margin:0; padding:0}
	




/***** 2. RLA member login box *****/
#rla_members_login { width: 195px;
					 height: 105px;
					 background-color: #999999;
					 /* cc background-color: #024E87;*/
					 color:#FFFFFF;
					 margin:auto;
					 padding:4px 3px 2px 1px;
					 text-align:right;
					}
					
	
	#rla_members_login form {margin:0; padding:0}
					
	#rla_members_login h1{font-size:14px; color:#FFFFFF; margin:0px 0px 3px 0px}
	
	#rla_members_login p {font-size:10px; color:#FFFFFF; margin:1px}
	#rla_members_login p.bold {font-weight:bold}
	
	#rla_members_login #rla_login_button {margin-top: 5px; float:right}
	
	#rla_members_login #rla_login_options {margin-top: 5px; margin-right:20px; float:right; text-align:left}
	
	/*the login option links are tiny*/
	#rla_members_login #rla_login_options a {font-size:9px; color:#FFFFFF; text-decoration:underline; font-weight:normal}


	#rla_members_login #rla_autologin {clear:right}

    /* the login box changes colour when ordinary or corporate members log in */
	#rla_members_login.ordinary_member {background-color:#97B6CE;
										background-image: url(/graphics/header/loggedin_tick.gif);
										background-position: top left;
										background-repeat:no-repeat; 
										/* cc background-color:#66CC66; */}
					

/****** 3. Quicklinks Box **********/								     
#quicklinks {width: 195px;
			 background-color:#FFFFFF;
			 border:2px solid #999999;
			 /* cc border:2px solid #024E87;*/
			 margin:5px auto 5px auto;
			 padding:0px}
			 
	#quicklinks h1 {font-size:14px; color:#FFFFFF; margin:0px 0px 3px 0px; text-align:center;
					/* cc background-color: #024E87*/
					background-color: #999999}

    /*makes the list ident less severve in IE and Mozilla */
	#quicklinks ul {margin-left: 20px; padding-left: 0;}
	
	
	
/****** 4. (Temporary) Suppliers Box **********/		
#supplierslink {width: 195px;
			 background-color:#FFFFFF;
			 /* cc border:2px solid #024E87; */
			 border:2px solid #999999;
			 margin:5px auto 5px auto;
			 padding:0px}	
			 
	#supplierslink h1 {font-size:14px; color:#FFFFFF; margin:0px 0px 3px 0px; text-align:center;
					/* cc background-color: #024E87*/
					background-color: #999999}
					


/******** 5. QuickQuote ***********/
#rla_quickquote {width: 198px;
				 margin: 5px auto 10px auto;
				 text-align:center } /* other styles in quickquote/rla_quickquote.css */

					
/******* 6. (Temporary?) Boxes for extra suppliers guide items: AST Creation Software and Landlord Training *********/
.extralink {width: 195px;
			 border-bottom:1px solid #999999;
			 margin:5px auto 5px auto;
			 padding:3px;
			 height:55px}	
			 
.extralink img {float:right; padding: 0 0 0 3px}	
 
			 


					
/******* 3d. (Temporary?) AST Creation Software Box *********/					

/* RLA Insurance Quick Quote Calculator */

	/* the global container, rla_quickquote is defined in rla_LAYOUT.css */

	div#rla_quickquote p {margin:2px;
							font-size:10px} /* tightly space para's */
	
	
	div#qqroof {width: 198px;
				height: 73px;
				background-image:url(/graphics/quickquote/qqRoof.gif);
				background-repeat: no-repeat} /* position h3 so invisible */

	div#qqhouse {background-image:url(/graphics/quickquote/qqHouse_tile.gif);
				 background-repeat:repeat-y;
				 border-bottom: 2px solid #CCCCCC;
				 padding:3px}
	

		div#quoteerr {text-align:center;
					  background-color:#FF0000;
					  color:#FFFFFF;
					  display: none;
					  padding: 3px} /* input error description */
		
		div#quoteme {text-align: center;
					 padding: 5px} /* Quote button */
					 
		div#myquote {text-align: center;
					 padding: 20px;
					 font-size: 16px;
					 font-weight: bold;
					 background-image:url(/graphics/quickquote/quoteBubble.gif);
					 background-position:top;
					 background-repeat:no-repeat;
					 display: none} /* where quote value appears (in speech bubble). Revelaed by Javascript */
					 
			div#acceptquote {margin-top:20px;
							 padding: 10px 5px 5px 5px;
							 text-align:center;
							 border-top: 1px dashed #666666}


/***** 4. Content *****/
#main {padding-top:0px;
		padding-bottom:20px;
		float:left;
		width:750px;}

			   
					   
					   

/***** 4. Site Container Layout  *****/
/***** defines how the top level DIV containers are arranged *****/



/*this is the top-level DIV container */
#wrap{
	background:#EEEEEE; /* bg color is masked over by divs above, accept suppliers guide. This allows
	the suppliers guide column have a grey background all the way to the end of the main content, and not just to
	the end of the suppliers listings */
	color:#303030;
	margin:0 auto;
	width:980px;
}


/*wrapper for new top page title. White text on blue background */
#pagetitleTop {color: #FFFFFF;
				background-color: #FFFFFF;
				font-size: 14px;
				overflow: hidden;
				height: 17px;
				border-bottom: 4px solid #024E87}

	/* strong tag is container for page title */
	#pagetitleTop .pagetitle {background-color: #024E87;
							  display:inline;
							  background-image: url(../graphics/pagetitle/tabL.gif);
							  background-position:left top;
							  background-repeat: no-repeat;
							  padding-left: 5px} /* add a margin-left to indent the tab */


/*wrapper for top banners*/
#banners{
    position:relative;
	background:#FFFFFF;
	clear:both;
	margin:0;
	padding:2px 0 2px 0;
	height:60px;
	border-bottom: 2px solid #CCCCCC;/* #024E87;*/
	text-align:center;
}

	#banners img {margin: 0 0 0 3px}
	
	#banners #switchover {position:absolute; top:0px; left:0px}



	#suppliers_guide{
		width:205px;
		margin:0 0 5px 765px;
		padding:2px;
	}


	#content{
		float: left;
		background:#FFFFFF;
		width: 755px;
		margin:0;
		padding:0 5px 0 5px;
		line-height:1.6em;
		text-align:left;
	}


#footer{
	clear:both;
	margin:0 auto;
	padding:5px 0 5px 0;
	text-align:center;
	border-top:1px solid #B4B4B4;
	font-size:8pt;
	color:white;
	background-image: url(/graphics/layout/footer_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#E7E7E7;
	position:relative;
	top:3px;
	
}

    #footer p {margin: 2px;color:black;}

	#footer .smText{
		text-decoration:none;
		color:#black;
	}

	#footer a:hover{
		text-decoration:underline;
		color:black;
	}
 #footer a:link, #footer a:visited {	color:black;}
#pageTitleBottom {border-top: 2px solid #CCCCCC;
				color: #666666;
				background-color: #FFFFFF;
				font-size: 12px;
				text-align: right;
				padding-top: 2px}




/***************************************************************************************************/

/* Some extra styles for items like info boxes etc */

div.address p {margin-top:2px; margin-bottom:2px}


.notebox {padding: 5px; border: 1px solid #990000; background-color:#F2E5E5;
			 margin: 5px 0 5px 0}

.notebox2 {padding: 5px; border: 1px solid #FFCC66; background-color:#FFFFCC;
			 margin: 5px 0 5px 0}


/* Miscellaneous */

.left{
margin:5px 5px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}   
.blueline {
height: 1px;
background-color: #024E87;
}
/*TEXT STYLES8/
/* links */


a {text-decoration:none}
a:link, a:visited {color: #7C0000; text-decoration: none}
a:active, a:hover {color: #7C0000; text-decoration: underline}

a img {border:0px}

/* text */

p {color: #000000;line-height:150%;}
p.underHeader {margin-top:0px;}

	/*Alternate Headings that are more  friendly */
	H2 {font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:2px}
	H3 {font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin:2px}
	H4 {font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold}
	H5 {font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight: bold}
	H5 {font-family: Trebuchet MS,Verdana; font-size:12px; font-weight: bold}
	H4 {font-family: Trebuchet MS,Verdana; font-size:14px; font-weight: bold}
	H3 {font-family: Trebuchet MS,Verdana; font-size:16px; font-weight: bold}
	H2 {font-family: Trebuchet MS,Verdana; font-size:18px; font-weight: bold}
	H1 {font-family: Trebuchet MS,Verdana; font-size:22px; font-weight: bold}
	

	/*and colours*/
	.red {color:#7C0000}
	.blue, .blue a {color:#00007C}
	.offblue {color: #024E87}
	.important {color:#FF0000}
	
	.nomargin {
	margin:0;
	}
	.infobox{border:brown 1px solid;background-color:#FFFFCC;padding:5px;margin:5px;}
	.infoBox{border:brown 1px solid;background-color:#FFFFCC;padding:5px;margin:5px;} /*proper capitalisation*/

	/* Headings */
	p.mainHeading {font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:2px}
	p.mainHeadingRed {font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color: #7C0000; margin:2px}
	p.mainHeadingBlue {font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color: #00007C; margin:2px}

	p.subHeading {font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin:2px}
	p.subHeadingRed {font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#7C0000; margin:2px}
	p.subHeadingBlue {font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#00007C; margin:2px}

	p.heading {font-family: Arial, Helvetica, sans-serif; font-weight: bold}

.smallPrint {font-size: 9px; margin-top:4px; margin-bottom:4px}
p.copyright {font-size: 9px; color:#999999}


.notice {background-color:#FFFF99;
		 padding: 2px;
		 border: 1px dashed #000000;
		 margin: 5px 0 5px 0}

.error {color: #FF0000; padding:5px; border:1px solid #FF0000}
.error p {color:#FF0000}

p.lastupdated {font-family:Verdana, Arial, Helvetica, sans-serif; 
				  font-size: 9px;
				  font-weight:normal;
				  text-align: right;
				  margin-top:20px} /*sometimes used on pages to indicate how recent to content is */

/* lists */


ul {color: #000000}
ol {color: #000000}

.wideLines li {line-height:150%;}

/* IE has a bug when you set tyep height in em's in lists, and ignores what you say
   making each level successively smaller until you cannot read it. Specifying in pixels works */
ul li {font-size:11px; line-height:normal}
ol li {font-size:11px; line-height:normal}

/* blocks */

  /* Red header bars for braking up text */
  div.headerBar {background-color:#7C0000; padding: 3px; width: auto}
  div.headerBar p {color: #FFFFFF; margin:0px; font-weight:bold}

  
  
  
/*AF START*/
#container {margin: 0 auto;width:990px;padding:0 0px;background-color:#FFFFFF;border-left:1px solid #B4B4B4;border-right:1px solid #B4B4B4;}

#headerImg {float:right;}

#leftCol{float:left;padding:0 0 0 8px;width:750px;position:relative;}

#fullWide #rightCol {display:none;}
#fullWide #leftCol {width:982px;}

#rightCol {
width:220px;
padding: 0 2px 0 0;
float:right;
}
#rightCol a{color:black;text-decoration:underline;}
#rightCol img {margin:0 0 5px 0}
.clearDiv{clear:both;}
.divider {border-top:1px solid #B4B4B4;margin-bottom:5px;}
.image100 {float:left;margin:5px;}
/* BOXES*/
/*###################################################################################*/
.BoxTop {
background-image:url(/graphics/layout/box/top.gif);
background-repeat:no-repeat;
height:8px;width:213px;
margin:0px;padding:0px;
overflow:hidden;	
}
.BoxMiddle{
background-image:url(/graphics/layout/box/bg.gif);
background-repeat:repeat-x;
background-position:bottom;
background-color:#EDEEED;
padding:6px;line-height:150%;font-size:8pt;
border-right:1px solid #B4B4B4;
border-left:1px solid #B4B4B4;
border-top:0px;
width:198px;
overflow:hidden;
}
.BoxBottom{
background-image:url(/graphics/layout/box/bottom.gif);
background-repeat:no-repeat;
height:11px;
overflow:hidden;
margin:0 0 10px 0;
width:211px;}

.BoxMiddle h3{text-align:center;top:-10px;position:relative;  }
.BoxMiddle p{top:-10px;position:relative; }
.BoxMiddle img{top:-10px;position:relative; }

.BoxTop240 {
background-image:url(/graphics/layout/box/box240Tp.gif);
background-repeat:no-repeat;
height:9px;width:240px;
margin:0px;padding:0px;
overflow:hidden;
}

.BoxBottom240{
background-image:url(/graphics/layout/box/box240Bt.gif);
background-repeat:no-repeat;
height:9px;
overflow:hidden;
margin:0 0 10px 0;
width:240px;}

.BoxMiddle240{
padding:10px 5px 10px 5px;
background-image:url(/graphics/layout/box/box240Bg.gif);
background-repeat:repeat-x;background-position:bottom;background-color:#FFFFFF;
border-left:1px solid #b4b4b4;
border-right:1px solid #b4b4b4;
background-color:#EDEDED;
width:228px;

overflow:hidden;}

.BoxMiddle240 h3{text-align:center;top:-8px;position:relative; }
.BoxMiddle240 p{top:-10px;position:relative; }
.BoxMiddle240 img{top:-10px;position:relative; }

.box {
width:220px;padding:3px;font-size:8pt;margin:0 0 10px 0;
}
div.red {
background-image:url(/graphics/layout/box/redBg.gif);background-repeat:repeat-x;background-position:bottom;border:1px solid #C0464F;
}
div.blue {
background-image:url(/graphics/layout/box/blueBg.gif);background-repeat:repeat-x;background-position:bottom;border:1px solid #514F9C;
}
/*###################################################################################*/	
.footerTitle {text-align:right; color: grey;}

.smText {font-size:8pt;}
.smDate {font-size:8pt;font-style:italic;text-align:right;margin:0px;padding:0px;font-weight:normal;}

#navbar {background-image:url(/graphics/layout/navbg.gif);background-repeat:repeat-x;height:27px;clear:both;padding:8px;position:relative;z-index:10;}

.floatLeft {float:left;}
.floatRight {float:right;}

.navTab {color:#ADC7A1;}
.navTab a:visited, .navTab a:link {font-weight:bold;color:#61615C;}
.navTab a:hover{text-decoration:none;color:#61615C;}

#pageHeader {height:161px;}


.threeCol {width:240px;float:left;margin:0 10px 0 0;line-height:150%;}
.threeColX2 {width:500px;float:left;margin:0 8px 0 0;line-height:150%;}
.threeCol h4{margin:0px 0px 6px 0px;}

/*banners*/
#topRight {height:114px;width:726px;float:right;background-image: url(/graphics/layout/header_bg1.gif);background-repeat:no-repeat;}
#topRight img{float:left;margin:12px 3px 0 0;width:234px;height:60px;border:1px solid white;}
#topRight object{float:left;padding:12px 8px 0 0;width:234px;height:60px;}
/*AF END*/

.newsImage {float:left;margin:10px 3px;border:1px solid black;width:100px;margin:15px 15px 35px 10px;}
.servicesImage {float:left;margin:3px;}
.postDate {font-style:italic;font-size:8pt;color:grey;}

#loginButton {text-align:center;}

#boxWhite {
border:1px solid #7C0000;
background-color:white; padding:3px;margin:3px
}
#boxRed{
border:1px solid #7C0000;
background-color:#E74D4D; padding:3px;margin:3px;
}

#boxYellow {
border:1px solid #7C0000;
background-color:#FFE6E6; padding:3px;margin:3px
}
#boxWhite h3, #boxYellow h3, #boxRed h3 {text-align:left;top:0;}

#joinButton {
background-image:url(/graphics/layout/buttons/joinRLA_bottom.jpg);background-position:bottom;background-repeat:no-repeat;width:211px;height:73px;margin:0px 0px 8px 0px;text-align:center;font-weight:bold;
}
#joinButton a {color:#FFFFFF}

#searchBox {
font-size:8pt;font-weight:bold;
padding:5px;
border:1px solid #ADC7A1;
height:45px;
width:300px;
position:absolute;
right:30px;
top:31px;
background-image:url(/graphics/layout/box/bg.gif);
background-repeat:repeat-x;
background-position:bottom;
background-color:#EDEEED;
z-index:1000;
display:none; 
}

#searchBox input {
position:relative;
border:1px solid black;
}
.boxGeneric{
background-image:url(/graphics/layout/box/bg.gif);
background-repeat:repeat-x;
background-position:bottom;
background-color:#EDEEED;
padding:6px;line-height:150%;font-size:8pt;
border:1px solid #B4B4B4;
width:80%;
}
.boxFloat {margin:0 auto;width:80%}
.boxFull {width:100%}

.boxCenter {text-align:center;}
hr {color: #00007C;width:80%;}
.hr {border-top:2px solid #00007C;clear:left;margin:0 auto;width:80%;}

#pageSubHeader {
border-bottom:7px double #024E87;
background: url(/graphics/layout/page_header_bg.gif) repeat-x bottom; 
height:95px;
padding:10px;
}
#pageSubHeader img {float:left;position:relative;top:33px;}