﻿body {
	
}

h1 {
	font-size: 12pt;
	color: black;
	margin-bottom: 10px;
}

h2 {
	margin: 0;
	padding: 5px 0;
	text-align: center;
	font-size: 10pt;
	text-transform: uppercase;
	background-color: #340165;
	color: white;
}

h3 {
	color: black;
	font-size: 10pt;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 3px 0;
}

h3 a {
	color: black;
}

h4 {
	font-size: 11px;
	color: black;
	margin: 0;
	padding: 2px;
	text-decoration: underline;
}

hr {
	color: silver;
	height: 1px;
	border: 1px solid silver;
}

#container {
	width: 750px;
	margin: 0 auto;
	border: 1px solid silver;
	padding: 0;
	background-color: #340165;
}

#header {
	width: 580px;
	margin: 0;
	height: 165px;
	float: right;
	background-color: white;	
}

	#header p {
		margin: 0;
	}

	#services {
		width: 260px;
		margin: 10px 0 0 10px;
		padding: 5px;
		float: left;
	}
	
		#services ul {
			width: 260px;
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
			#services ul li {
				font-family: Tahoma;
				font-size: 8pt;
				color: #555555;
				text-transform: uppercase;
				margin: 0;
				padding: 0;
				line-height: 16px;
				letter-spacing: 1.2px;
			}
			
				#services p {
					font-family: Tahoma;
					font-size: 14px;
					color: #340165;
					text-transform: uppercase;
					margin-top: 12px;
					font-weight: bold;
					letter-spacing: 0.4px;
				}

	#logo {
		float: right;
		margin: 0;
		padding: 26px 10px 0 0 ;
	}
	
		#logo img {
			float: right;
		}
		
	#contact_details {
		float: right;
		width: 575px;
		background-color: #EFEFEF;
		height: 20px;
		margin: 8px 0;
		padding-top: 4px;
	}

	#contact_details ul {
		list-style-type: none;
		margin: 0;
		padding-left: 0;
		text-align: center;
	}
	
		#contact_details ul li {
			display: inline;
			margin: 0 20px;
			font-family: Tahoma;
			font-size: 12px;
			color: #333333;
			padding-top: 5px;
		}
		
			#contact_details ul li span {
				font-size: 13px;
				color: #555555;
				font-weight: bold;
			}
			
			#contact_details ul li a {
				text-decoration: none;
				color: #555555;
			}

	#contact_details p {
		font-family: Tahoma;
		font-size: 16px;
		color: #999999;
		font-weight: bold;
	}
	
		#contact_details p span {
			color: #340165;
		}

#menu_bar {
	width: 170px;
	margin: 0;
	float: left;
	min-height: 547px;
	background-color: #340165;
}

	.glossymenu {
		margin: 0;
		padding: 0;
		width: 168px;
		border: 1px solid #9A9A9A;
		border-bottom-width: 0;
	}

	.glossymenu a.menuitem{
		position: relative;
		display: block;
		width: auto;
		background-color: #340165;
		font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		color: white;
		padding: 4px 20px 4px 10px;
		text-decoration: none;
		border-bottom: 1px solid gray;
	}

		.glossymenu .menuitem:active{
			color: white;
		}
	
		.glossymenu a.menuitem:visited{
			color: white;
		}
	
		.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
			position: absolute;
			top: 5px;
			right: 5px;
			border: none;
		}

		.glossymenu a.menuitem:hover {
			background-image: url('');
		}

	.glossymenu div.submenu { /*DIV that contains each sub menu*/
		background: white;
	}

		.glossymenu div.submenu ul { /*UL of each sub menu*/
			list-style-type: none;
			margin: 0;
			padding: 0 2px 0 2px;
		}

			.glossymenu div.submenu ul li {
				border-bottom: 1px solid gray;
			}

				.glossymenu div.submenu ul li a {
					display: block;
					font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
					color: black;
					text-decoration: none;
					padding: 2px 0 2px 3px;
					
				}

					.glossymenu div.submenu ul li a:hover{
						background-color: #E9E7DA;
						color: #666666;
					}
					
					a.submenu3title {
						background: url('../images/plus2.gif') no-repeat 155px 8px;
					}
					
						.glossymenu div.submenu ul li a.submenu2title {
						background: url('../images/plus2.gif') no-repeat 155px 8px;
					}
					
						.glossymenu div.submenu ul li a.submenu2title:hover {
							background-color: #E9E7DA;
							color: #666666;
						}
					
#page_content {
	width: 555px;
	margin: 0 0 0 0;
	padding: 5px 10px 0 15px;
	font: normal 10pt Arial;
	float: right;
	background-color: white;
	min-height: 407px;
}

	#breadcrumb {
		margin-bottom: 10px;
	}
	
		#breadcrumb p {
			color: #999999;
			font-size: 10px;
			margin-bottom: 0px;
		}
		
		#breadcrumb p a {
			color: #999999;
		}

	#main {
		width: 380px;
	}
	
	#main_stretch {
		width: 555px;
	}
	
	#main_stretch {
		float: left;
		margin-top: 0;
		padding-top: 0;
	}
	
		#main {
			float: left;
			margin-top: 0;
			padding-top: 0;
		}
		
		#main_stretch div.page_links {
			text-align: center;	
		}
		
				#main_stretch div.page_links img {
					padding: 0 5px;
				}
				
				#main_stretch div.page_links a {
					color: black;
					text-decoration: none;
				}
				
		#main_stretch div.grey_border {
			border: 1px solid silver;
			margin: 5px 10px 10px 10px;
			padding: 0 0 0 7px;
			color: #333;
			width: 520px;
		}
		
		#main_stretch div.grey_border h3 {
			color: #333;
		}
		
			#main_stretch div.grey_border h3 span {
				font-size: 9px;
			}
						
			#main_stretch div.grey_border h3 a {
				color: #333;
			}
		
		#main_stretch div.grey_border p {
			padding-right: 7px;
		}
		
		#main_stretch div.grey_border .imgthumb {
			float: right;
			width: 160px;
			margin: 10px 5px 0px 10px;
		}
		
			#main_stretch div.grey_border .imgthumb img {
				border: 1px solid white;
				padding: 0 0 0 0;
				margin: 0;
			}
			
			#main_stretch div.grey_border .imgthumb p {
				text-align: center;
				font-size: 11px;
				color: #999999;
			}
			
		#main_stretch img.portfolioimg {
			border: 1px solid white;
			padding: 10px 10px 0 10px;
			float: right;
			margin: 0;
		}
		
			#main_stretch div.grey_boder .portfoliothumb {
				
			}
			
		#main_stretch p {
			margin: 0;
			padding: 4px 0;
			line-height: 18px;
		}
		
			#main p {
			margin: 0;
			padding: 4px 6px 4px 0;
			line-height: 18px;
		}
		
		#main_stretch ul {
			margin: 0 20px 5px 35px;
			
		}
		
			#main_stretch ul li {
				list-style-type: disc;
				padding: 2px 0 3px 0;
				margin: 0;
			}
		
			#main_stretch ul li a {
				color: black;
			}
		
			#main_stretch ul.non_bullet {
				margin-left: 10px;
			}
											
			#main_stretch ul.workshop {
				margin-left: 30px;
			}
			
				#main_stretch ul.non_bullet li {
					list-style-type: none;
				}
			
				#main_stretch ul.workshop li {
					list-style-type: square;
				}
		
		#main_stretch p a {
			color: black;
		}
		
		#main_stretch #mortgage_calc {
			margin: 20px 0 0 50px;
		}

		#main_stretch #mortgage_calc div label {
			float: left;
			text-align: right;
			width: 280px;
			margin: 0 10px 0 0;
		}
		
			#main_stretch #mortgage_calc div input {
				width: 100px;
				margin-right: 5px;
			}
			
			#main_stretch #mortgage_calc input.button {
				float: right;
				margin: 10px 130px 0 0;
			}
		
		#main_stretch .team_member {
			border: 1px solid silver;
			padding: 10px;
			margin-bottom: 10px;
		}
		
			#main_stretch .team_member .orange {
				border-left: 10px solid orange;
				padding-left: 5px;
			}
			
			#main_stretch .team_member .blue {
				border-left: 10px solid #000080;
				padding-left: 5px;
			}

			#main_stretch .team_member .green {
				border-left: 10px solid #336600;
				padding-left: 5px;
			}
			
			#main_stretch .team_member .light_blue {
				border-left: 10px solid #0066FF;
				padding-left: 5px;
			}

			#main_stretch .team_member ul.team_titles {
				margin: 0;
				padding: 0;		
				float: left;
				width: 200px;
				text-align: right;
			}
			
				#main_stretch .team_member ul.team_titles li {
					list-style-type: none;
					padding-bottom: 5px;
				}
				
			#main_stretch .team_member ul.team_details {
				margin: 0;
				padding: 0 0 0 10px;		
				float: left;
				width: 300px;
			}
				
				#main_stretch .team_member ul.team_details li {
					list-style-type: none;
					padding-bottom: 5px;
				}
				

		
		#main li a {
			color: black;
		}

		
			#main p a {
				color: black;
			}

		
			#main_stretch p.right {
				text-transform: uppercase;
				font-size: 10px;
				color: #666666;
				margin-top: -20px;
			}
		
						
			#main_stretch p.left {
				text-transform: uppercase;
				font-size: 10px;
				color: #666666;
				margin-top: -20px;
			}
		
				#main_stretch p.right a {
					color: #666666;
				}
	
				#main_stretch p.left a {
					color: #666666;
				}
	
	#main_stretch img.right {
		margin: 0px 5px;
		border: 1px solid silver;
	}
	
	#main_stretch img.left {
		margin: 0px 5px;
		border: 1px solid silver;
	}
	
	#main_stretch ul#tax_list {
	
	}
	
		#main_stretch ul#tax_list li {
			list-style-type: none;
			font-size: 11px;
			padding: 0;
			float: left;
			width: 200px;
		}
		
	#main_stretch div.tax_title {
		float: left;
		width: 300px;
	}
	
	#main_stretch div.tax_present_figures {
		float: left;
		width: 120px;
	}

	#main_stretch div.tax_previous_figures {
			float: left;
			width: 120px;
			color: #666666;
	}
	
		#main_stretch div.tax_previous_figures ul.black li {
			color: black;
		}
	
	#main_stretch div.tax_extraCol1 {
			float: left;
			width: 180px;
	}
	
	#main_stretch div.tax_extraCol2 {
			float: left;
			width: 120px;
	}
	
	#main_stretch div.tax_extraCol2 ul {
		margin: 0;
		padding: 0;
}
	
	#main_stretch div.tax_extraCol1 ul {
		margin: 0;
		padding: 0;
}
	
	#main_stretch div.tax_previous_figures ul {
		margin: 0;
		padding: 0;
}
	
	#main_stretch div.tax_present_figures ul {
		margin: 0;
		padding: 0;
}
	
	#main_stretch div.tax_title ul {
		margin: 0;
		padding: 0;
}
	
	#main_stretch div.tax_extraCol2 ul li {
		list-style-type: none;
	}
					
	#main_stretch div.tax_extraCol1 ul li {
		list-style-type: none;
	}
					
	#main_stretch div.tax_previous_figures ul li {
		list-style-type: none;
	}
					
	#main_stretch div.tax_present_figures ul li {
		list-style-type: none;
	}
					
	#main_stretch div.tax_title ul li {
		list-style-type: none;
	}
					
	#right_panel {
		width: 160px;
		float: right;
		border-top: 1px solid silver;
		border-left: 1px solid silver;
		border-right: 1px solid silver;
		margin-bottom: 5px;
	}
	
		#right_panel img {
			padding: 0;
			margin: 0;
		}
	
		#right_panel p {

		}
		
			#right_panel #news {
				padding: 0px 8px 8px 8px;
				background: #E9E7DA;
				border-top: 2px solid #340165;
				border-bottom: 2px solid #340165;
			}
			
				#right_panel #news ul li {
					font-size: 10px;
					margin-top: 0;
					margin-bottom: 8px;
					color: #333333;
				}
				
					#right_panel #news p {
					font-size: 10px;
					margin-top: 0;
					margin-bottom: 8px;
					color: #333333;
				}
				
					#news ul li a {
						color: #333333;
					}
					
					#news h4 a {
						color: #333333;
					}
					
					#right_panel #news p a {
						color: #333333;
					}
					
				#right_panel #news ul {
					margin: 0;
					padding: 0;
				}
				
					#right_panel #news ul li {
						list-style-type: none;
						width: 155px;
					}

#footer {
	margin: 0 auto;
	width: 770px;
}

	#footer p {
		text-align: center;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		color: #999999;
	}

.clear {
	clear: both;
	height: 0px;
}

.center {
	text-align: center;
}

.right {
	float: right;
}

img.right {
	margin: 0 5px;
	padding: 0;
}
	
.left {
	float: left;
}

img.left {
	margin: 0 5px;
	padding: 0;
}


.spacer {
	height: 8px;
}

/*----FORM ELEMENTS----*/
form div
{
	margin: 0 0 5px 0;
}
form div label
{
	float:left;
	width: 170px;
}
form div textarea
{
	font-size: 10pt;
	width: 300px;
	height: 100px;
	font-family: Arial;
}

form div input[type="text"].largefield
{
	width: 300px;
}


form div input[type="checkbox"]
{
	margin: 0;
	padding: 0; 
}

form div input.disabled {
	background-color: #EEEEEE;
	color: #666666;
}

form div input.smallfield {
	width: 100px;
}

#controls
{
	margin: 0;
	float: right;
	padding: 0 200px 0 0;
}

