*{
	margin: 0px;
	padding: 0px;
}
body {
	background-image: url(img/bg.gif);
	background-repeat: repeat-x;
	background-position: top center;
	background-color: #FFFFFF;
}
body, td, th {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
a {
	color: #C9A100;
	text-decoration: none;
	outline: none;
}
	a:hover {
		color: #2F94A5;;
		text-decoration: none;
    }

#wrap{
	width: 984px;
	margin: 0px auto;
	}

.strathpine-logo{
	float: left;
}
	.strathpine-logo a, strathpine-logo a:hover{
		display: block;
		width: 428px;
		height: 89px;
		margin: 9px 0px 5px 19px;
		text-indent: -9999px;
		background: url(img/logo.gif) no-repeat left top;
		outline: none; /*hide outline from firefox*/ 		
	}
.login-member{
	float: right;
}
.header{
	width: 984px;
    height: 248px;
	background : url(img/header.jpg) no-repeat left top;
}

    /*Main menu*/
	.main-menu{
		margin: -4px 24px 0px 24px;
		background: url(img/menu-bg.gif) repeat-x left top;
	}		
		.main-menu .span-right{
			height: 40px;
			width: 14px;
			background: url(img/menu-right.gif) right top;
			float: right;
		 }
		 .main-menu .span-left{
		 	float: left;
		 }
		 .main-menu .span-middle{
		  	float: left;
		 }
			.spliter{
				height: 40px;
				width: 3px;
				background: url(img/menu-splitter.gif) no-repeat left top;
			 } 
			 .image-left{
			 	height: 40px;
				width: 14px;
				background: url(img/menu-left.gif) left top;
			 }
.main-content{
	padding: 0px 4px;
}
	.left-column{
		width: 540px;
		float: left;
	}
	
		/*Content Box*/
		.content{
			margin-top: 10px;
		}
			.content-box-top {
				background: url(img/content-top_bg.gif) repeat-x left top;
				height: 10px;
				overflow: hidden;
			}
				.content-box-top .content-box-left {
					background: url(img/content-left.gif) no-repeat left top;
					height: 10px;
					overflow: hidden;
				}
					.content-box-top span {
						background: url(img/content-right.gif) left top; 
						height: 10px;
						width: 10px;
						float: right;
					}
					
			.content-box-mid {				
				padding: 2px 10px 0px 10px;
				background: #FFFFFF url(img/content-middle_bg.gif) repeat-x left top;
				border-left: 1px solid #B0B0B0;
				border-right: 1px solid #B0B0B0;				
			}
			
			.content-box-bottom {
				background: url(img/content-bottom_bg.gif) repeat-x left top; 
				height: 10px;
				overflow: hidden;
			}
				.content-box-bottom .content-box-left {
					background: url(img/content-bottom-left.gif) no-repeat left top; 
					height: 10px;
				}
					.content-box-bottom span {
						background: url(img/content-bottom-right.gif) no-repeat left top;
						height: 10px;
						width: 10px;
						float: right;
					}
		
		/*Slideshow*/
		.slideshow{
			width: 265px;
			margin-top: 10px;
			float: left;
		}	
			.place-holder{
				width: 265px; 
				height: 191px;
				margin: 0px;
			}
		
		.contact-details {
			margin-top: 10px;
			float: right;
		}
	
	.content-column{
			width: 758px;
			float: left;
	}
	
	/*Photo Album*/
	.album-title{
		font-size: 16px;
		font-weight: bold;
		color: #C9A100;
		text-decoration: none;
	}
		.album-title:hover{
			color: #007A8E;
			text-decoration: none;
		}
	.photo-title{
		font-size: 13px;
		font-weight: bold;
		color: #C9A100;
		text-decoration: none;
	}
		.photo-title:hover{
			color: #007A8E;
			text-decoration: none;
        }
	.photo-title_aimg{
		font-size: 13px;
		font-weight: bold;
		color: #C9A100;
		text-decoration: none;
	}
	.txtform{
		width: 200px;
		border: 1px solid #B0B0B0;
	}
	.txtarea{
		border: 1px solid #B0B0B0;
	}
	
	/*Video Gallery*/
	.video-title{
		font-size: 14px;
		font-weight: bold;
		color: #C9A100;
		text-decoration: none;
	}
	
	/*Testimonials*/
	.testimonials-author{
		padding: 3px 0;
		font-size: 14px;
		font-weight: bold;
		color: #C9A100;
		text-decoration: none;
	}
	.testimonials-role{
		font-size: 12px;
		font-weight: bold;
		color: #007A8E;
		text-decoration: none;
	}
	.testimonials-text{
		padding: 3px 0px 15px 0px;
		color: #4C4C4C;
	}
		.video-title:hover{
			color: #007A8E;
			text-decoration: none;
		}
	
	/*Business Directory*/
	.business-headline{
		font-weight: normal;
		color: #C9A100;
		text-decoration: none;
	}
		.business-headline:hover{
			font-weight: normal;
			color: #007A8E;
			text-decoration: none;
		}
	.business-list{
		font-weight: normal;
		color: #C9A100;
		text-decoration: none;
	}
		.business-list:hover{
			color: #C9A100;
			text-decoration: underline;
		}
	.business-path a{
		padding: 3px 0px 7px 0px;
		color: #C9A100;
		font-size: 25px;
		font-weight: normal;
		letter-spacing: -1px;
		text-decoration: none;
	}
		.business-path a:hover{
			color: #007A8E;
			text-decoration: none;
		}
	.LinkStyle1{
		color: #007A8E;
		text-decoration: none;
	}
		.LinkStyle1:hover{
			color: #007A8E;
			text-decoration: underline;
		}
	.business-email a{
		color: #007A8E;
		text-decoration: none;
	}
			.business-email a:hover{
				color: #007A8E;
				text-decoration: underline;
			}
	.business-view_title h3{
		font-size: 16px;
		color: #007A8E;
	}
	.distance4px img{
		margin: 10px 10px 10px 0;
	}
	
	/*Our stuff*/
	.board-item{
		float: left;
		width: 50%;
	}
	.content1 img{
		margin: 10px 10px 10px 0;
	}
	.our-stuff-email{
		color: #007A8E;
		text-decoration: none;
	}
		.our-stuff-email:hover{
			color: #007A8E;
			text-decoration: underline;
		}
	.our-staff-name{
		color: #007A8E;
		text-decoration: none;
	}
		.our-staff-name:hover{
			color: #C9A100;
			text-decoration: none;
		}
	
	/*Login Box*/
	.login-box{
		width: 280px;
		height: 54px;
		margin-right: 4px;
		padding:10px;
		background: url(img/login-bg.gif) no-repeat left top;
	}
		.login-field{
			font-size: 9px;
			color: #505050;
		}
		.textbox-login{
			width: 78px;
			height: 17px;
			border: 1px solid #969696;
		}
		.account-link{
			padding-top: 7px;
			font-size: 9px;
			color: #A9A9A9;
			text-decoration: underline;
			float: left;
		}
			.account-link:hover{
				color: #A9A9A9;
				text-decoration: none;
			}

	/*Member Page*/
	.welcome-user {
			padding-bottom: 20px;
			font-size: 26px;
			letter-spacing: -1px;
			font-weight: normal;	
	}
		.welcome-user strong {
			color: #C9A100;
			font-weight: normal;
		}
	.dets {
		padding-left: 10px;
		font-size: 16px;
		font-weight: bold;
		color: #2E93A4;
		padding-bottom: 10px;
	}	

	
		/*Member Menu*/
		.menu-member-properties{
				list-style: none;
				border-bottom: 1px solid #C6C6C6;
				padding: 10px 0 10px;
				margin-bottom: 10px;				
			}
			.menu-member-properties li{
				display: inline;
				background: url(img/member-arrow.gif) no-repeat left center;
				padding-left: 10px;							
			}
			.menu-member-item{
				margin-right: 20px;
				font-weight: bold;
				color: #298392;
				text-decoration: none;
			}
				.menu-member-item:hover{
					color: #4F4F4F;
					text-decoration: underline;
				}
			.info-table {
				border-bottom: 1px solid #C7C7C7;
				border-top: 1px solid #C7C7C7;
			}
				.info-table td {
					padding: 8px 10px;
					font-size: 12px;
				}										
		    .send-button{
				margin: 5px 0;
			}
			.feedback{
				padding: 16px 10px 4px 9px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 18px;
				font-weight: normal;
				color: #E92114;
			}
			
		/*Newsletter Archive*/
		.welcome{
			font-size: 26px;
			padding-bottom: 10px;
		}	
			.welcome strong{
				color: #C9A100;
				font-weight: normal;
			}
		
		/*Calendar Style*/
		.calendar-color{
			font-size: 13px;
			font-weight: bold;
			color: #FFFFFF;
		}
			.event-title{
				color: #FFFFFF; 
				text-decoration: none;
			}
				.event-title:hover{
					color: #0694AB; 
					text-decoration: none;
				}
			.event_title{
				padding-bottom: 5px;
				font-weight: normal;
				color: #0694AB;			
			    }
			.calendar-year{
				color: #0694AB;
				text-decoration: none;
			}
				.calendar-year:hover{
					color: #0694AB;
					text-decoration: underline;
					}
						
	.middle-column{
		width: 218px;
		float: left;
		margin-left: 10px;
	}
		
		/*News Box*/
		.news{
			width: 208px;
			margin-top: 10px;
			background: url(img/news_bg.gif) repeat-y left top;
		}
			.news-top{
				background: url(img/news-top.gif) no-repeat left top;
				height: 10px;
				font-size: 1px;
				
			}
			.news-content{
				padding: 0px 9px 12px 9px;
				background: url(img/news-bottom.gif) no-repeat left bottom;			
			}
				.news-headline h1{
					margin-top: -5px;
					padding: 0px;
					font-size: 20px;
					font-weight: normal;					
					color: #007A8E;
				}
				.date{
					padding-top: 4px;
					font-size: 10px;
					font-weight: normal;
					color: #C98146;
				}
				.title-news a{
					font-size: 16px;
					font-weight: normal;
					color: #0E9AB0;
				}
					.title-news a:hover{
						font-size: 16px;
						font-weight: normal;
						color: #0E9AB0;
					}
				.newscont{
					padding-bottom: 13px;
					font-weight: normal;
					color: #535353;
				}
				.details a{
					color: #2F94A5;
					text-decoration: none;
				}
					.details a:hover{
						color: #2F94A5;
						text-decoration: underline;
					}
							
	.right-column{
		width: 208px;
		float: right;
	}

		/*Vertical Menu*/
		.vertical-menu{
			width: 208px;
			margin-top: 10px;
			_margin-right: -10px;
			background: url(img/vertical-menu-bg.gif) repeat-y left top;
		}
			.vertical-menu-top{
				background: url(img/vertical-menu-top.gif) no-repeat left top;
				height: 10px;
				font-size: 1px;
				
			}
			.vertical-menu-content{
				padding: 0px 10px;			
				background: url(img/vertical-menu-bottom.gif) no-repeat left bottom;			
			}
				.vertical-menu-headline{
					padding: 5px 0px 6px 9px;
					font-size: 20px;
					font-weight: normal;
					color: #007A8E;
				}
			
			/*Newsletter*/
			.newsletter{
				padding: 29px 0px 0px 0px;
			}
			.newsletter-email{
				padding: 9px 0px 3px 0px;
				font-size: 9px;
				font-weight: normal;
				color: #939393;
			}
			.subscribe_text{
				width: 186px;
				height: 19px;
				padding-top: 2px;
				border: 1px solid #797979;
			}
			.subscribe_button{
				padding: 10px 0;
				float: right;
			}

	/*Footer Box*/
	.footer{
		margin: 10px 4px 42px 4px;
	}
		.footer-box-top {
			background: url(img/footer-top_bg.gif) repeat-x left top;
			height: 10px;
			overflow: hidden;
		}
			.footer-box-top .footer-box-left {
				background: url(img/footer-left.gif) no-repeat left top;
				height: 10px;
				overflow: hidden;
			}
				.footer-box-top span {
					background: url(img/footer-right.gif) left top; 
					height: 10px;
					width: 10px;
					float: right;
				}
				
		.footer-box-mid {
			background: #E0E0E0 url(img/footer-middle_bg.gif) repeat-x left top;
			border-left: 1px solid #BDBDBD;
			border-right: 1px solid #BDBDBD;
			text-align: center;
			font-weight: normal;
			color: #616161;
		}
			.footer-box-mid a{
				color: #616161;
				text-decoration: none;
			}
				.footer-box-mid a:hover{
					color: #1B1B1B;
					text-decoration: none;
				}
			.copyright{
				margin-top: 5px;
				font-size: 10px;
				color: #969696;
			}	
		
		.footer-box-bottom {
			background: url(img/footer-bottom_bg.gif) repeat-x left top; 
			height: 10px;
			overflow: hidden;
		}
			.footer-box-bottom .footer-box-left {
				background: url(img/footer-bottom-left.gif) no-repeat left top; 
				height: 10px;
			}
				.footer-box-bottom span {
					background: url(img/footer-bottom-right.gif) no-repeat left top;
					height: 10px;
					width: 10px;
					float: right;
				}					

/* Clear Float Fix Problem */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}