/* 
 =============================================================================
 
 This style sheet defines additional formatting for home page.
 	
 =============================================================================
 */
				
			
	#home_photo_banner {height:150px;			/* this is the only way of suppressing padding around the image */
						position:relative;		/* change position from the default"static" to "relative"
													so that we can position images precisely within it */
				}		

	#home_photo_banner IMG {border: none;}

	#home_about_vri {
                font-size: 1.2em;
                font-weight: normal;
				margin-left: 20px;
				margin-right: 20px;
			}

	.home_box		{
	   				background: #EDEBE9;	/* background colour of the boxes*/
	   				height: 17em;
    				margin-left : 20px;
    				margin-right : 20px;
    				margin-bottom : 20px;	/* this correctly applies to both columns !! */
    				padding: 0px;
					}
				
    .home_box_header {						
	   				background: #FFA02F;	/* background colour of box heading: same as menu*/
                    font-weight: bold;
                    margin-bottom : 0px;
                    }

    .home_box_header H2 {						
                    font-size: 1em;
	   				color: #222222;			/* text colour of the box heading: same as menu*/
                    padding-top:7px;
                    padding-bottom:7px;
                    padding-left:10px;
                    padding-right:10px;
                    text-align:center;
                    }
                    
   	.home_box_contents		{
	   				background: #EDEBE9;	/* background colour of the boxes*/
    				margin-top : 0px;	
    				padding-left:10px;		/* note if you change position to "relative", it sits on top of menu!! */
    				text-align:right;
					}

	.home_box_contents img {		
					padding-top: 0px;
					padding-left: 8px; 
					padding-right: 8px;
					border: none;
					float:right;			/* this float ensures the image floats to the right of the writing*/
					}		
	.home_box_contents p {
					text-align:left;
				}
								
	#home_columnRight {						
				padding-left: 400px; 	/* padding-left stops it wrapping round left column*/ 
				padding-top: 1px;		/* for some reason this padding-top allows right and left cols to be aligned */
					}
								
	#home_columnLeft {					
			float: left;
			width: 400px;		
				padding-top: 1px;
				}
	.shaded_box {border-style:solid;
			border-width: 1px;
			border-color: #aaaaaa;
			background:#edebe9;
			padding: 10px;
			margin-top:15px;
			margin-bottom:15px;
		}