@charset "utf-8";
/* CSS Document */

/*
Title:		Landau Master Styles
Author:		lee@vertigostudio.co.uk
*/

@import url('undohtml.css');
@import url('main_nav.css');
@import url('sub_menus.css');


body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height: 160%;
	font-size: small;
	background: #fff url('../img/bg.jpg') repeat-x;
	color: #333;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center; /* fixes IE alignment bug */ 
}


/* Heading Styles */

h1, h2, h3, h4, h5, h6 {
	color: #00c;
	margin: .5em 0;
	font-weight: normal;
	line-height: 135%;
}

h1 {
	font-size: 175%;
}

h2 {
	font-size: 150%;
	margin: 1em 1.1em .5em 15px;
}

h3 {
	font-size: 130%;
	margin: 1em 1.1em .5em 15px;
}


/* Text Styles */

.feature {
	font-size: 120%;
	color: #09f;
	margin: 0 1.4em;
}

strong {
	font-weight: bold;
}

.telephone {
	clear: both;
	text-align: right;
	margin: 0 0 0 0;
	font-size: 135%;
	font-weight: bold;
	color: #069;
}

.special {
	font-weight: bold;
	color: #00c;
}

.italics {
	font-style: italic;
}

/* Regular Lists Styles */

ul.list {
	list-style: square;
	}

	.list li {
		margin: .4em 3em;
		padding: 0;
	}
	
		.list a:link {
			color: #069;
			text-decoration: none;
		}
		
			.list a:visited {
				color: #f60;
			}
				
					.list a:hover {
						color: #069;
						text-decoration: underline;
					}
					
						.list a:active {
						color: #f60;
						text-decoration: none;
						}
						
ol.list {
	list-style: decimal;
	}

	.list li {
		margin: .4em 3em;
		padding: 0;
	}					
						
/* ===================== Downloads Definition List ============================= */


#definition dl {
	margin: 0;
	padding: 0;
}


	#definition dt {
		margin: 1em 0 -.5em 1em;
		padding: 0;
		font-size: 105%;
		font-weight: bold;
		color: #00c;
	}
	
	
		#definition dd {
			margin: .5em 0 0 1em;
			padding: 0;
		}
			
			#definition dd.link {
				margin: -.5em 0 .2em 1em;
				padding: 0;
			}
			
				#definition a:link, #definition a:visited {
					color: #069;
					text-decoration: underline;
					font-size: 85%;
					margin: 0;
				}
						
					#definition a:hover {
							text-decoration: none;
					}



#wrapper {
	position: relative;
	width: 762px;
	margin: 0 auto;
	text-align: left;
}



#header {
	position: relative;
	height: 198px;
	margin: 0 auto;
	padding: 0;
	width: 762px;
	background: url('../img/menu-bar.png') 0 0 no-repeat;
}


#header h1 {
	float: left;
	margin: 0;
	width: 425px;
	height: 130px;
	position: absolute;
	left: 0;
	top: 12px;
}


		#header h1 a {
			position: relative;
			display: block;
			top: 0;
			left: 0;
			width: 425px;
			height: 130px;
		}


				#header h1 a span {
					position: absolute;
					left: -5000px;
				}
				



#feature {
	position: absolute;
	top: 198px;
	left: 0;
	width: 750px;
	height: 215px;
	padding: 0;
	margin: 0;
	border: 6px solid #09f;
	background: #e2eef3 url('../../img/menu_bg.jpg') left top repeat-y;
}

	#feature h2 {
		width: 220px;
		float: left;
	}
	
		#feature p {
			width: 220px;
			clear: left;
		}

			#feature h5 a {
			position: absolute;
			top: 162px;
			left: 20px;
			width: 132px;
			height: 43px;
			background: url('../../img/more_info.jpg') 0 0 no-repeat;
			}
			
				#feature h5 a span {
					display: none;
				}
				
					#feature img {
						float: right;
						margin: 0 0 0 -280px;
						padding: 0;
					}




#main_content {
	position: relative;
	margin: 216px 0 0 0;
	width: 750px;
	height: auto;
	padding: 5px 0;
}


#container {
	float: left;
	margin: 0;
	padding: 0;
	width: 750px;
	height: auto;
	border: 6px solid #09f;
}

	.about_us {
		background: #fff url('../img/about_us_bg.gif') left bottom repeat-y;
	}
	
	.services {
		background: #fff url('../img/services_bg.gif') left bottom repeat-y;
	}
	
	.standards {
		background: #fff url('../img/standards_bg.gif') left bottom repeat-y;
	}
	
	.get_involved {
		background: #fff url('../img/get_involved_bg.gif') left bottom repeat-y;
	}
	
	.resources {
		background: #fff url('../img/resources_bg.gif') left bottom repeat-y;
	}
	
	.contact_us {
		background: #fff url('../img/contact_us_bg.gif') left bottom repeat-y;
	}
	
	
	
	

#main_text {
	float: right;
	width: 500px;
	margin: 0 0 0 -280px;
	border-top: 1px solid #fff;
	padding: 0 0 1.5em 0;
}

	#main_text h1 {
		margin: 15px;
	}
	
		#main_text p {
			margin: 15px;
		}

			#main_text address {
				font-size: 110%;
				margin: 1em;
			}
			
				#main_text em {
					font-style: normal;
				}
				
					#main_text strong {
						font-weight: normal;
					}



/* ============================= Footer Styles ================================== */

#footer_clearance {
	clear: both;
	height: 10px;
	width: 100%;
}

#footer_container {
	margin: 0;
	clear: left;
	width: 100%;
	height: 200px;
}


#footer {
	clear: both;
	width: 730px;
	margin: 0 auto;
	padding: 10px 10px 30px 10px;
	font-size: 90%;
	text-align: left;
	color: #333;
	border: 6px solid #09f;
}

#footer dl.contact_numbers dt, #footer dl.contact_numbers dd {
	width: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#footer dl.contact_numbers {
	margin: 0;		
	float: left;	
}

#footer dl.contact_numbers dt {
	text-transform: uppercase;
	margin-right: .2em;
}

#footer dl.contact_numbers dd {
	margin-right: 1em;
}

#footer dl.contact_numbers dd a:link {
	font-size: 108%;
	color: #06f;
	text-decoration: none;
}

#footer dl.contact_numbers dd a:visited {
	font-size: 108%;
	color: #06f;
	text-decoration: none;
}

#footer dl.contact_numbers dd a:hover {
	font-size: 108%;
	color: #06f;
	text-decoration: underline;
}

#footer dl.contact_numbers dd a:active {
	font-size: 108%;
	color: #06f;
	text-decoration: none;
}


address {
	position: relative;
	margin: 0;
	width: auto;
	clear: both;
	font-style: normal;
}


#footer .vertigo {
	float: right;
	margin: 0;
	padding: 0;
	width: auto;
	font-size: 95%;
}

	.vertigo a:link {
		color: #f60;
		text-decoration: none;
	}
	
		.vertigo a:visited {
			color: #f60;
			text-decoration: none;
		}
		
			.vertigo a:hover {
				text-decoration: underline;
			}
			
				.vertigo a:active {
					text-decoration: none;
				}


#footer p.copyright {
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
	font-size: 80%;
}


/* --------------- FORM STYLES ------------------ */

#feedback {
	margin: 0 1em 1em 15px;
}

fieldset {
	margin: .8em 0;
}

form legend { 
	font-size: 120%;
	color: #00c;
	position: relative;
	margin: 0;
}

label {
	display: block;
	clear: left;
	margin: 1em 0;
}
	
#name {
	clear: left;
}

#email {
	clear: left;
}
	
.warning {
	color: #f00;
}