/* Styles specific to the Residential Landlords Association Residentail Property Investor Magazine pages 
 *
 */


/********************** RPI Article Structural Layout  *********************/ 
  
 /* title of article */
 div#rpiArticleTitle {text-align: center;
 					  margin: 10px 0 0 0;
					  overflow: hidden;
					  height: 100px}
					  
 div#rpiArticleTitle img {float: left}
  					  
					  
 /* line border at top and bottom of the article content */
 div.rla_column_article {clear: left;
 						 border-top: 1px solid #000000; 
 						 border-bottom:1px solid #000000; 
						 height:auto;
						 margin: 0px;
						 padding: 0px}

 /* 3 Column Articles DIV layout */
 div.rla_column_article div.three_column {margin: 0px;
 										  padding: 0px}
 
 	div.three_column div.left {float: left;
						  	   width: 240px;
						  	   padding: 5px;
							   text-align: left}
						  
	div.three_column div.center {margin-left: 250px; 
								 margin-right: 250px;
								 padding: 5px;
								 text-align:left}
							
	div.three_column div.right {float: right;
						   		width: 240px;
						   		padding: 5px;
								text-align:left} 

    div.clear {clear: both} /*clears the float of the columns*/

 /* 2 Column Articles DIV layout */
 div.rla_column_article div.two_column {margin: 0px;
 										padding: 0px}
  
 	div.two_column div.left {  float: left;
						  	   width: 360px;
						  	   padding: 5px;
							   text-align: left;}
							  

	div.two_column div.right2 {  margin-left: 375px;
								 padding: 5px;
								 text-align:left}

  /* read other articles in issue */
  div#rpiArticleMore {margin-top: 10px}
  
  /* links to issue articles */
  div#rpiArticleLinks {height: 280px} /* have to specify height here to get around firefox display bug on rpi.shtml, where this block is given excessive height */
  	div#rpiArticleLinks img.mag {float:left;
  						  padding: 10px;
  						  margin-right: 30px}
						  
	div#rpiArticleLinks img.freecopy {margin: 10px 0 10px 0}				  
					
  	div#rpiArticleLinks img.advertise {float: right}					
						  
  /* box to select topic of rpi articles */
  div#rpiTopicSelect {background-color: #EEEEEE;
  					  padding: 5px;
					  margin: 0}
  
  /* rpi issues with articles matching search criteria */
  div#rpiTopicIssues {margin: 0;
					  padding: 0}

  div#rpiTopicIssues div#issue {padding:5px}
  div#rpiTopicIssues div#issue img {float: left;
  									padding: 5px;
									margin: 0 20px 60px 0}
									
  /* box with link to RPI archive */
  div#rpiArchivedIssues {background-color: #EEEEEE;
					  margin: 0;
					  padding: 2px}
					   


/****************** RPI Text Styles and Text Indent Boxes ******************/

 a.readEntireArticle {display:block; background-color:#FFCCCC; margin: 5px 0 5px 0}
 
 div.rla_column_article div.end {
 								  height: 12px;
								  background-image:url(/graphics/rpi/rpi_bookend.gif);
								  background-repeat:no-repeat;
								  background-position: right}
								  
 div.rla_column_article div.end em {display: none} /* hides End text */ 								  
 
 /*makes paragraphs within article indented */
 div.rla_column_article p {text-indent: 10pt; margin: 1px}
 
 /*but the first paragraph is bold and not indented*/
 div.rla_column_article p.intro {text-indent: 0px; margin: 1px; font-weight:bold; font-size:120%}
 
 /*headings that break up the article text */
 div.rla_column_article p.articleHeading {text-indent: 0px; margin: 1px; font-weight:bold; margin-top:20px}
 
 /*puts a surrounding box around and makes font larger for text quotes*/
 div.rla_column_article div.textquote {margin-top:15px; margin-bottom:15px; padding-top:7px; padding-bottom: 7px; border-top: 2px solid #000000; border-bottom: 2px solid #000000}
 div.rla_column_article div.textquote p {font-style: italic; font-size:120%}
 
 /* styles for creating information box within text */
 div.rla_column_article div.insetbox {background-color: #FFCCCC; margin-top: 10px; margin-bottom:10px}
 div.rla_column_article div.insetbox div.titlebar {background-color: #330066; color: #FFFFFF; font-size: 120%; font-weight:bold; padding:3px}
 div.rla_column_article div.insetbox div.boxtext {padding:3px}
 
 		/* and for a special green information box */
 		 div.rla_column_article div.ginsetbox {background-color: #99FF99; margin-top: 10px; margin-bottom:10px}
 		 div.rla_column_article div.ginsetbox div.titlebar {background-color: #66CC66; color: #FFFFFF; font-size: 120%; font-weight:bold; padding:3px}
 		 div.rla_column_article div.ginsetbox div.boxtext {padding:3px}

 
 
 /* boxes to wrap photograph or picture images in article */
 div.rla_column_article div.lbpicture {margin:0; padding:0; width:100%; background-color: #C5E4F1; text-align:center}
 div.rla_column_article div.picture {text-align:center; padding:5px}
 div.rla_column_article div.picture p {font-style:italic}
 div.rla_column_article div.captionpicture {text-align:center; padding:5px; background-color:#EEEEEE}
 
 div.rla_column_article div.twocolpicture1 {margin-left: -240px; margin-top: 20px;  background-color:#EEEEEE}
 
 div.rla_column_article div.twocolcontainer {position: relative; left: -240px; width: 460px ; margin-top: 20px;  background-color:#EEEEEE}
 
 /* styles for the new landlords ABC box */
 div.rla_column_article div.newLandlordsABC {padding: 5px; background-color:#00007C; height: 120px}
 div.rla_column_article div.newLandlordsABC img {float: left; margin:2px}
 div.rla_column_article div.newLandlordsABC p {color: #FFFFFF; text-indent:0px}
 
 img.left {float:left}
 img.right {float: right}
		   
						   
						   
 
/************************** "Advertise in RPI magazine" page styles ***************************/

 /*gives text generous left and right margins under header bars */
 div.rpiAdvertiseBodyText {width: 80%; margin:auto; margin-top:10px; margin-bottom:10px}

 /* puts faint background behind text */
 div.rpiAdvertisingBlock {}

 /* spaces advertising header */
 div.rpiAdvertisingHeading {margin-top: 10px}


  /* rpi magazine advertising page */

  p.rpiAdvertisingContact {color:#660000; margin:4px; }

 div.rla_column_article p.intro {text-indent: 0px; margin: 1px; font-weight:bold; font-size:120%}
/* ADRIAN MODS */
   .introbg{
text-indent: 0px; margin: 1px; font-weight:bold; font-size:150%; line-height:150%;color:#171D5B;
}
.column245 {
width:225px;float:left;padding:9px;
}
.blueheaderbox {
display:block;
background-color:#000066;
font-size:150%;
padding:4px;
color:#FFF;
font-weight:bold;
}
.skincontentbox {
background-color:#DABEB3;
padding: 10px;
}