/* CSS Document */
@import url("screen-splash.css");
/* =========================================================================

   REHOBOTH CHRISTIAN SCHOOL
   
   Homepage styles

   ========================================================================= */

body {
	background-image: url(int/images/skin/bg-v1.gif);
}

h3 { padding-top:10px; }

/* home link in rollover state: */
/*
ul#top_nav li#t_home a {
	background-color:#930F1D;
	//background-image:url(../int/images/skin/bg-v1.gif);
	//background-repeat:repeat-x;
	float: none;
}
*/


#playground {
	background-image:url(../images/facilities/header-play.jpg);
	background-repeat:no-repeat;
	height: 208px;
}


#intro {
	clear:left;
	background:#E3E7EE;
	border-left:2px solid white;
	border-right:2px solid white;
	border-top:3px solid white;
	border-bottom:1px solid white;
	height:220px;
	padding:4px 4px 4px 4px;
	overflow:hidden;
}


#principle {
	width:180px;
	height:auto;
	
	padding:6px 8px 6px 8px;
	line-height:16px;
	/* font-size:0.9em; */
	font-size: 12px;
	float:left;


}

#homerow3 {

/* height:100px; */
width:746px;
/* margin:8px 8px 8px 8px; */
padding:2px 2px 2px 2px;
}

#flash_container {

   
    border:2px solid white;
    margin-left:2px;
}

#content_container {
padding:0px 8px 4px 8px;

    margin:0px 0px 0px 0px;
    background-image:none;
    padding-top:6px;
}

#leftcol {
    float:left;
    width:209px;
}

#news_container {
    float:right;
    width:510px;
}
/* html #news_container { margin-top:10px; } */


/* === LOGIN FORM === */

    form#login {
	padding: 0px 8px 8px 8px;
	background-color:#b2c2d4;
	height:100px;
	width:180px;
    font-size:10px;
    voice-family: "\"}\"";
   	voice-family:inherit;
        }
        html>body form#login {
	width:170px;
    }


    form#login label {
        display:block;
    }

    form#login input {
        width:133px;
        margin-bottom:4px;
		
    }
	
	form label { float:left; padding: 5px 0px 5px 0px;}
	form input { float:right; margin-bottom:2px;}

    form#login input#button {
        width:auto;
        vertical-align:top;
        margin-top:1px;
    }

    form#login h3 { padding-bottom:4px; }

    form#login p {
        margin:0; padding:4px 0px 0px 0px;
    }

/* === CONTENT === */

    #content {
        background:none;
        margin:0px 0px 0px 218px !important;

		padding:0px 0px 0px 0px;
		/*display:block;*/
		
    }

    #features {
	width:304px;
	float:left;
	display: block;
	background-color: white;
	}
	

	
	
	#membership_forms {
	display:block;
	width:auto;
	padding:0px 8px 6px 8px;
	margin:10px 10px 10px 6px;
	padding-left:10px;
	margin-right: 10px;
	margin-left: 10px;
	}
	
	
	
	#memberformlist {
		list-style:none;
		margin-left: 0px;
		padding-left: 10px;
		}
	#memberformlist li {
	padding-left: 16px;
	background-image:url(http://www.rehoboth.on.ca/int/images/skin/icon_dwnload.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;	
	}
	

    #features h3, #whats_new h3 {
	margin:0px 8px 0px 8px !important;
	
	color: #333333; font-size:16px;
}

    #features li{
        font-size:10px;
        margin-bottom:5px !important;
        padding-left:2px !important;
        background-position:4px 5px !important;
        line-height:1.2em;
    }
	
	
	
	#whats_new{
	display:block;
	width:auto;
	padding:0px 8px 0px 8px;
	margin:10px 10px 10px 6px;
	padding-left:10px;
	margin-right: 10px;
	margin-left: 10px;
	
	}
	
	#whats_new ul { margin-left:0px; padding-left:0px; list-style:none;}
	
	#whats_new ul li {
	padding-left: 20px;
	background-image:url(http://www.rehoboth.on.ca/int/images/fileicons/arrow.gif);
	background-repeat: no-repeat;
	background-position: 4px 0px;
	padding-bottom:6px;
	}
	

    #features a, #whats_new a,
    #features strong, #whats_new strong {
        color:#333333;
        text-decoration:none;
    }

    #features a:hover, #whats_new a:hover { color:#B11223; }

    #features p, #whats_new p {
        margin:0; padding:0px 6px 0px 6px;
    }


.fleft { float:left;}
