@charset "utf-8";
/* RBH Site Layout */

/* sitewide layout (doesn't change across pages) */

#container {	width: 945px; margin: 0 auto; padding: 0 auto; position: relative;}

#row1, #row2, #row3, #row4, #row5, #row6 { display: block; clear: both; float: none; width: 100%; }


#row1 { height: 40px; }
#row2 { height: 94px; }
#row3 { height: 366px; }
#row4 { height: 156px; }
#row5 { height: inherit; }
#row6 { height: 50px; }


.col1, .col2, .col3, .col4, .col-1, .col-2, .col-3, .col-4 { display: inline; float: left; }

/*======= index.php =======*/
#home #row5 .col1{ clear: both; width:213px; margin-left:23px; margin-right:14px; padding: 0;}
#home #row5 .col2{ width:214px; margin-right:14px; padding: 0;}
#home #row5 .col3{ width:440px; margin-right: 22px;padding: 0; }
#home #row5 .row { display: block; float: left; width: 100%; padding: 10px 0; }
#home #row5 .rowimg { display: inline; float: left; width: 135px; margin: 0 10px 0 0; height: 110px; }
#home #row5 .rowtext { display: inline; float: left; width: 295px; height: 110px; }


#home #row5 .col-1{ width:440px; margin: 15px 0 15px 23px; }
#home #row5 .col-2{ width:441px; margin: 15px 22px 15px 10px; }
#home #row5 .col-bg{ /*background: #d9e7f2;*/ background: url(../images/repeating/blue_stripes2.png) repeat;  border: 1px solid #d1dcea; } 
#home #row5 .col-outline{ border: 1px solid #d1dcea; }
#home #row5 .col-stripes { border: 1px solid #D9E7F2;  background: url(../images/repeating/blue_stripes.png) repeat; }

#home #row5 .form-toprow440 { width: 440px; margin: 0; padding: 0 0 12px 0; display: block; clear: both; float: left; }
#home #row5 .form-image440 { width: 210px; height: 134px; margin: 0 10px 0 3%; padding: 0; display: inline; float: left; }
#home #row5 .form-intro440 { width: 180px; height: 120px; margin: 0; padding: 14px 0 0 0; display: inline; float: left; line-height: 22px; }


/*======= about.php =======*/

#about #row5 .col1 { clear: both; width: 290px; margin-left: 23px; margin-right: 14px; padding: 0; }
#about #row5 .col2 { width: 290px; margin-right: 14px; padding: 0; }
#about #row5 .col3 { width: 290px; margin-right: 22px; padding: 0; }

/*
#about #row5 .col1{ clear: both; width:213px; margin-left:23px; margin-right:14px; padding: 0;}
#about #row5 .col2{ width:214px; margin-right:14px; padding: 0;}
#about #row5 .col3 { width: 214px; margin-right: 14px; padding: 0; }
*/ 
#about #row5 .col4{ width:213px; margin-right: 22px;padding: 0; }
#about #row5 .row { display: block; float: left; width: 100%; padding: 10px 0; }
#about #row5 .rowimg { display: inline; float: left; width: 135px; margin: 0 10px 0 0; height: 110px; }
#about #row5 .rowtext { display: inline; float: left; width: 295px; height: 110px; }


#about #row5 .col-wrapper { display: block; clear: both; float: left; width: 894px; margin: 25px 22px 35px 23px; padding: 0; border: 1px solid #d1dcea; 
							background: url(../images/repeating/blue_stripes2.png) repeat; }
#about #row5 .col-1{ width: 96%; padding: 2%; }
#about #row5 .col-bg{ /*background: #d9e7f2;*/ background: url(../images/repeating/blue_stripes2.png) repeat;  border: 1px solid #d1dcea; } 
#about #row5 .col-outline{ border: 1px solid #d1dcea; }
#about #row5 .col-stripes { border: 1px solid #D9E7F2;  background: url(../images/repeating/blue_stripes.png) repeat; }

#about #row5 .form-toprow440 { width: 440px; margin: 0; padding: 0 0 12px 0; display: block; clear: both; float: left; }
#about #row5 .form-image440 { width: 210px; height: 134px; margin: 0 10px 0 3%; padding: 0; display: inline; float: left; }
#about #row5 .form-intro440 { width: 180px; height: 120px; margin: 0; padding: 14px 0 0 0; display: inline; float: left; line-height: 22px; }

/*========= articles ========*/
#article #row5 .col1 { clear: both; width: 530px; margin-left: 103px; margin-right: 44px; padding: 0; height: inherit; }
#article #row5 .col2 { width: 220px; margin-right: 14px; padding: 0; }
#article #row5 { height: inherit; }


/*======= tools.php =======*/
#tools #row5 .col1{ clear: both; width:440px; margin-left:23px; margin-right:14px; padding: 0;}
#tools #row5 .col2{ width:214px; margin-right:14px; padding: 0;}
#tools #row5 .col3{ width:213px; margin-right: 22px;padding: 0; }
#tools #row5 .row { display: block; float: left; width: 100%; padding: 10px 0; }
#tools #row5 .rowimg { display: inline; float: left; width: 135px; margin: 0 10px 0 0; height: 110px; }
#tools #row5 .rowtext { display: inline; float: left; width: 295px; height: 110px; }


#tools #row5 .col-1{ display: block; float: left; clear: both; width:894px; margin: 15px 0 15px 23px; }
#tools #row5 .col-2{ width:441px; margin: 15px 22px 15px 10px; }
#tools #row5 .col-bg{ /*background: #d9e7f2;*/ background: url(../images/repeating/blue_stripes2.png) repeat;  border: 1px solid #d1dcea; } 
#tools #row5 .col-outline{ border: 1px solid #d1dcea; }
#tools #row5 .col-stripes { border: 1px solid #D9E7F2;  background: url(../images/repeating/blue_stripes.png) repeat; }

#tools #row5 .form-toprow440 { width: 440px; margin: 0; padding: 0 0 12px 0; display: block; clear: both; float: left; }
#tools #row5 .form-image440 { width: 210px; height: 134px; margin: 0 10px 0 3%; padding: 0; display: inline; float: left; }
#tools #row5 .form-intro440 { width: 180px; height: 120px; margin: 0; padding: 14px 0 0 0; display: inline; float: left; line-height: 22px; }


/*======= resources.php =======*/
#resources #row5 .col1{ clear: both; width:213px; margin-left:23px; margin-right:14px; padding: 0;}
#resources #row5 .col2{ width:214px; margin-right:14px; padding: 0;}
#resources #row5 .col3 { width: 214px; margin-right: 14px; padding: 0; } 
#resources #row5 .col4{ width:213px; margin-right: 22px;padding: 0; }
#resources #row5 .row { display: block; float: left; width: 100%; padding: 10px 0; }
#resources #row5 .rowimg { display: inline; float: left; width: 135px; margin: 0 10px 0 0; height: 110px; }
#resources #row5 .rowtext { display: inline; float: left; width: 295px; height: 110px; }

#resources #row5 .col-2{ display: inline; float: left; width:440px; margin: 0 14px 0 0; }

#resources #row5 .col-wrapper { display: block; clear: both; float: left; width: 894px; margin: 25px 22px 35px 23px; padding: 0; border: 1px solid #d1dcea; 
							background: url(../images/repeating/blue_stripes2.png) repeat; }
#resources #row5 .col-1{ width: 96%; padding: 2%; }
#resources #row5 .col-bg{ /*background: #d9e7f2;*/ background: url(../images/repeating/blue_stripes2.png) repeat;  border: 1px solid #d1dcea; } 
#resources #row5 .col-outline{ border: 1px solid #d1dcea; }
#resources #row5 .col-stripes { border: 1px solid #D9E7F2;  background: url(../images/repeating/blue_stripes.png) repeat; }

#resources #row5 .form-toprow440 { width: 440px; margin: 0; padding: 0 0 12px 0; display: block; clear: both; float: left; }
#resources #row5 .form-image440 { width: 210px; height: 134px; margin: 0 10px 0 3%; padding: 0; display: inline; float: left; }
#resources #row5 .form-intro440 { width: 180px; height: 120px; margin: 0; padding: 14px 0 0 0; display: inline; float: left; line-height: 22px; }

/*======== product (cra.php, oars.php, baart.php, etc) ========*/
#product #row5 .col1 { clear: both; width: 290px; margin-left: 23px; margin-right: 14px; padding: 0; }
#product #row5 .col2 { width: 290px; margin-right: 14px; padding: 0; }
#product #row5 .col3 { width: 290px; margin-right: 22px; padding: 0; }

#product #row5 .col-1{ width:440px; margin: 15px 0 15px 23px; }
#product #row5 .col-2{ width:441px; margin: 15px 22px 15px 10px; }
#product #row5 .col-bg{ /*background: #d9e7f2;*/ background: url(../images/repeating/blue_stripes2.png) repeat;  border: 1px solid #d1dcea; } 
#product #row5 .col-outline{ border: 1px solid #d1dcea; }
#product #row5 .col-stripes { border: 1px solid #D9E7F2;  background: url(../images/repeating/blue_stripes.png) repeat; }

#product #row5 .form-toprow440 { width: 440px; margin: 0; padding: 0 0 12px 0; display: block; clear: both; float: left; }
#product #row5 .form-image440 { width: 210px; height: 134px; margin: 0 10px 0 3%; padding: 0; display: inline; float: left; }
#product #row5 .form-intro440 { width: 180px; height: 120px; margin: 0; padding: 14px 0 0 0; display: inline; float: left; line-height: 22px; }
.col1a { width: 280px; padding: 15px; display: inline; float: left; }
.col1b, .col1c { width: 280px; padding: 15px 15px 15px 0; display: inline; float: left; }
.col2a { width: 277px; padding: 15px; display: inline; float: left; }
.col2b, .col2c { width: 277px; padding: 15px 15px 15px 0; display: inline; float: left; }




/*======= contact.php =======*/
#contact #row5 .col1{ clear: both; width:213px; margin-left:23px; margin-right:14px; padding: 0;}
#contact #row5 .col2{ width:214px; margin-right:14px; padding: 0;}
#contact #row5 .col3{ width:440px; margin-right: 22px;padding: 0; }
#contact #row5 .row { display: block; float: left; width: 100%; padding: 10px 0; }
#contact #row5 .rowimg { display: inline; float: left; width: 135px; margin: 0 10px 0 0; height: 110px; }
#contact #row5 .rowtext { display: inline; float: left; width: 295px; height: 110px; }


#contact #row5 .col-1{ width:440px; margin: 15px 0 15px 23px; }
#contact #row5 .col-2{ width:441px; margin: 15px 22px 15px 10px; }
#contact #row5 .col-bg{ /*background: #d9e7f2;*/ background: url(../images/repeating/blue_stripes2.png) repeat;  border: 1px solid #d1dcea; } 
#contact #row5 .col-outline{ border: 1px solid #d1dcea; }
#contact #row5 .col-stripes { border: 1px solid #D9E7F2;  background: url(../images/repeating/blue_stripes.png) repeat; }

#contact #row5 .form-toprow440 { width: 440px; margin: 0; padding: 0 0 12px 0; display: block; clear: both; float: left; }
#contact #row5 .form-image440 { width: 210px; height: 134px; margin: 0 10px 0 3%; padding: 0; display: inline; float: left; }
#contact #row5 .form-intro440 { width: 180px; height: 120px; margin: 0; padding: 14px 0 0 0; display: inline; float: left; line-height: 22px; }