/*RESET*/ 
	html, body, div, span, p, blockquote, pre, a, em, small, strike, strong, dl, dt, dd, ol, ul, li {  margin: 0; padding: 0; border: 0;  outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } 

/*GENERAL*/
	* {
		margin: 0;
		padding: 0;
	}
	body {
		font-family: "times new roman";
		font-size: 62.5%;
		color: #1c1c1c;	
		background: #fff;		
	}	
	.left {
		float: left;
		display: inline;
	}
	.right {
		float: right;
		display: inline;
	}
	.clear {
		clear: both;
	}
	.vertspacer {
		width: 50px;
		text-indent: -99999px;
		float: left;
		display: block;		
	}
	.dbl {
		width: 100px;
	}
	/*.divider {
		min-height: 800px;
		height:auto !important;
		height:800px;/*Needs to match the min height pixels above*/
		/*background: transparent url(img/VertDivider.png) no-repeat top center;
	}*/
	a {
		text-decoration: none;
		color: #006a80;
	}
		a:hover {
			background-color: #c5dce1; /*#c0c0c0;*/
		}

/*HEADER*/
	#header {
		padding-bottom: 15px;
		border-bottom: 1px solid #999;
	}
		#header h1 {
			text-indent: -99999px;
			height: 205px;
			width: 100%;
			margin: 0 auto;
			background: #fff url(img/header.png) no-repeat bottom left;		
		}
	
/*WRAPPER*/
	#wrapper {
		padding-bottom: 25px;
		width: 100%;
		border-bottom: 1px dashed #999;
	}

		#wrapper h2 {
			margin: 25px 0 35px 252px;
			font-size: 2.4em;
			color: #444;
		}

	/*NAVIGATION*/
		#navigation {
			width: 140px;			
		}
			#navigation ul {
				font-weight: bold;
				font-size: 1.6em;
				text-align: center;
				border: 1px dotted #8fbf60;
			}
			#navigation li {
				margin-bottom: 7px;
				margin-top: 8px;
				line-height: 1.8em;	
				width: 138px;				
			}
			#navigation a {
				display:block;
			}
				#home a.linkHome,
				#about a.linkAbout,
				#start a.linkStart,
				#faq a.linkFaq,
				#testimonials a.linkTest,
				#speech a.linkSpeech {
					background-color: #c5dce1;
				}
			#navigation a.button {
				width: 120px;
				height: 100px;
				text-align: center;				
				color: #006a80;
				font-size: 2em;
				margin-top: 15px;
				padding: 8px;
				border: 1px solid #8fbf60;
			}
			#navigation a.button img {
				clear: both;
				display: block;
				margin: 0 auto;
				border: none;
			}
				#navigation a.button:hover {
					background-color: #c5dce1;
				}

	/*CONTENT*/
		#content {
			width: 500px;
		}
			#content h3 {
				margin-bottom: 10px;
				margin-top: 20px;
				font-size: 1.6em;
				font-style: italic;
			}
				#content h3.firstline {
					margin-top: 0;
				}
				#about h3 {
					font-size: 1.8em;
				}
			#content p {
				font-size: 1.6em;
				line-height: 1.6em;
				margin-bottom: 10px;
				text-indent: 30px;
			}
				#home #content p { 
					margin-bottom: 40px;					
				}
			#content a {
				font-weight: bold;
			}
			.accordionPanel{
				display:none;
			}
			.accordion h3 {
				cursor: pointer;
				color: #006a80;
			}
				.accordion h3:hover {
					background-color: #c5dce1;
				}
			#content ul {
				width: 85%;
				margin-left: 25px;
			}
				#content li {
					margin-bottom: 15px;
					font-size: 1.6em;
					list-style-type: circle;
					margin-left: 30px;
					line-height: 1.4em;
				}			
					#home #content li {
						list-style-type: none;
					}
			
			.speech		 {
				background: transparent url(img/old-microphone.png) no-repeat top center;
			}
			
			.quotes {
				margin-bottom: 15px;	
				line-height: 1.6em;
				padding: 10px;
				background: transparent url(img/quotes.png) no-repeat top left;				
			}
				.quote {					
					font-style: italic;
				}
				.quoter {
					margin-top: 10px;
					text-align: right;
					border-bottom: 1px solid #8fbf60;
					padding-bottom: 15px;
				}
					.last {
						border-bottom: none;
					}
			
	/*SIDEBAR*/
		#sidebar {
			width: 200px;
		}
			#sidebar img {
				margin-bottom: 10px;
			}
			#sidebar .contact {
				margin-bottom: 10px;
				font-size: 1.8em;
				line-height: 1.2em;
				padding: 5px;
				border: 1px dotted #8fbf60;
				text-align: center;
			}

			#sidebar a.button {
				width: 190px;
				height: 34px;
				text-align: center;				
				color: #006a80;
				font-size: 1.8em;
				margin-bottom: 5px;
				padding: 4px;
				border: 1px solid #8fbf60;
				display: block;
				float: left;				
			}
			#sidebar a.button img {
				float: left;				
				border: none;
			}
				#sidebar a.button:hover {
					background-color: #c5dce1;
				}

			#sidebar .socialmedia {
				width: 200px;
				margin-top: 0;
				float: left;
			}				

/*FOOTER*/
	#footer {
		margin: 0 auto 0 auto;
		width: 100%;
		padding: 25px 0 0 0;		
		font-size: 1.4em;
		color: #444;
		background: transparent url(img/bridge_graphic_beige.png) no-repeat top left;
	}
		#footer h3 {
			font-size: 1.3em; 			
		}
		
		.logos {
			width: 180px;
			padding: 0 25px 15px 0;
		}
		img.logo {
			margin-top: 15px;
			width: 180px;
			background-color: #fff;
			border: none;			
		}
			a.logo:hover {
				background-color: transparent;
			}		
		
		.footercontact {
			text-align: left;			
			line-height: 1.6em;
		}
			.footercontact p, .footercontact a {
				font-size: 1.2em;
			}
		.copyright {
			text-align: center;
			padding-top: 15px;
			padding-bottom: 15px;
			background-color: #c5dce1;
		}
			.copyright a:hover {
				color: white;
			}