/*
Title: rbchurch.ca layout-css
Updated: November 8 2008
*/

/* Header
---------------------------------------------------------- */

	#header {
		width: 940px;
		padding: 10px;
		}
		
		#logo {
			float: left;
			width: 200px;
			}
		
		#header h1 {
			float: left;
			margin: 20px 0 10px 30px;
			width: 450px;
			height: 44px;
			background: url("http://rbchurch.ca/images/layout/logotext.gif") no-repeat 0 0;
			text-indent: -9000px;
			}
			
			#header h1 span {
				margin: 5px 0 0 0;
				display: block;
				font-size: 90%;
				font-weight: normal;
				font-style: italic;
				}
			
		#menu {
			float: right;
			margin: 20px 0 0 0;
			text-align: right;
			font-size: 120%;
			}
			
			#menu li {
				margin-bottom: 7px;
				}
		
/* Column left
---------------------------------------------------------- */
		
	#column-left {
		clear: both;
		float: left;
		width: 210px;
		padding: 10px;
		}
		
		#contact-info, #sub-menu {
			margin: 15px 0 0 10px;
			font-size: 120%;
			}
			
			#contact-info li, #sub-menu li {
				margin-bottom: 7px;
				}
				
				#sub-menu h2 {
					margin: 20px 0 10px 0;
					font-size: 100%;
					line-height: 18px;
					text-transform: uppercase;
					color: #959E81;
					}
					
				#sub-menu .inset {
					padding-left: 10px;
					}
				
		
/* Column right
---------------------------------------------------------- */
		
	#column-right {
		float: right;
		margin-top: -50px;
		padding: 10px;
		width: 710px;
		}
		
		#column-right img {
			padding: 10px;
			border: 1px solid #CCC;
			}
			
			#column-right .float-image {
				float: right;
				margin: 0 0 10px 10px;
				width: 320px;
				}
				
				#column-right .float-image h4 {
					padding-left: 10px;
					margin: 5px 0;
					line-height: 16px;
					font-size: 100%;
					font-style: italic;
					color: #999;
					}
			
		#column-right h1 {
			margin-bottom: 20px;
			font-size: 190%;
			color: #799B9A;
			}
		
		.box {
			margin: 20px 0;
			}
			
			.box h2 {
				margin: 20px 0;
				padding-bottom: 7px;
				font-size: 130%;
				text-transform: uppercase;
				letter-spacing: 1px;
				color: #959E81;
				border-bottom: 1px solid #959E81;
				}
				
			.box h3 {
				margin: 10px 0;
				font-size: 130%;
				font-weight: bold;
				line-height: 18px;
				}
				
			.box p {
				margin-bottom: 10px;
				line-height: 18px;
				font-size: 120%;
				}
				
			.box ul, .box ol {
				margin: 10px 0 0 0;
				font-size: 120%;
				line-height: 18px;
				}
				
				.box li {
					margin-bottom: 7px;
					}
					
				.bullets {
					list-style-type: square;
					padding-left: 20px;
					}
					
				.numbers {
					list-style-type: decimal;
					padding-left: 20px;
					}

	.announcement {
		float: left;
		width: 100%;
		margin-bottom: 20px;
		padding: 8px 16px;
		line-height: 18px;
		background: #E2F9E3;
		border-top: 1px solid #99CC99;
		border-bottom: 1px solid #99CC99;
		color: #006600;
		font-size: 120%;
		}

		.announcement a:link, .announcement a:visited, .announcement a:active {
			color: #006600;
			}