/********************************
***** Main CSS for AKA Yola *****
*********************************/

* { padding: 0; margin: 0; }

.clear { clear: both; }
.dispnone { display: none !important; }
.red { color: #900; }
.bold { font-weight: bold; }

body {
 font-family: Arial, Helvetica, sans-serif;
 /*
 	This takes 16px (medium text) down to 10px
 	0.8em = 8px
 	1em = 10px
 	1.6em = 16px
 */
 font-size: 62.5%;
}

#container {
	font-size: 1.2em;
	margin: 0 auto;
	width: 922px;
}

h1 { margin-bottom: 20px; }
h2 { margin-bottom: 15px; margin-top: 15px; }
h3 { margin-bottom: 10px; }

h4, h5, h6 { margin-bottom: 5px; }

p { margin-bottom: 5px; }

a {
	color: #B60029;
	text-decoration: underline;
}
a:hover {
	border-bottom: 1px dashed #000;
	color: #000;
	text-decoration: none;
}

#header {
 /*background: #BD9C8C;*/
 background: #FFF;
 border: 1px solid #ccc;
 color: #333;
 float: left;
 height: ;
 margin: 10px 0px 5px 0px;
 padding: 10px;
 width: 900px;
}

#navigation {
	border: 1px solid #ccc;
	clear: both;
	font-size: 1.6em;
	margin: 10px 0 5px 0;
	padding: 5px;
	text-align: right; /* Remove if get rid of bitTerNessTagLine */
}

	#navigation p {
		display: inline;
		margin-right: 15px;
	}

	#navigation a {
		color: #000;
		text-decoration: none;
	}

	#navigation a:hover, #navigation .active {
		border-bottom: 1px dashed #000;
		color: #B60029;
	}

	#navigation .bitTerNessTagLine {
		color: #B60029;
	}

#leftColumn {
 /*background: #E7DBD5;*/
 border: 1px solid #ccc;
 color: #333;
 float: left;
 font-size: 1.4em;
 height: ;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 195px;
}

	#leftColumn h3 {
		margin-bottom: 0px;
	}

	#leftColumn ul, #leftColumn li {
		list-style: none;
	}

	#leftColumn ul {
		margin-bottom: 10px;
	}

	#leftColumn a {
		color: #000;
		text-decoration: none;
	}

	#leftColumn a:hover {
		border-bottom: 1px dashed #000;
		color: #B60029;
	}

#rightColumn {
 /*background: #F2F2E6;*/
 background: url("../images/bkgrnd.jpg") repeat top left;
 border: 1px solid #ccc;
 color: #333;
 display: inline;
 float: right;
 height: ;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 width: 678px;
}

	.signature {
		border: 0;
		float: right;
		margin-top: 175px;
	}

	.testimonial {
		border: 1px solid #ccc;
		float: right;
		padding: 5px;
		width: 450px;
	}

	#rightColumn p { margin-bottom: 10px; }

	#rightColumn ul {
		margin: 0 0 10px 10px;
	}

	#rightColumn li {
		list-style: circle;
		margin-left: 10px;
	}

#footer {
 /*
 background: #BD9C8C;
 border: 1px solid #ccc;
 */
 clear: both;
 color: #333;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 width: 900px;
}

	#redBox {
		/*
		background: #990033; Redish
		background: #990000; Dark Red
		*/
		background: #B60029;
		color: #FFF;
		float: right;
		font: Arial sans-serif;
		font-size: 2em;
		padding: 5px;
		width: 45%;
	}

	.rbFirstLine {}
	.rbSecondLine { text-align: right; }

	.tagLine {
		font-size: 3em;
		float: left;
	}

	#contactInfo {
		border: 1px solid #ccc;
		margin-top: 10px;
		padding: 5px;
	}
		#contactInfo table {
			width: 890px;
		}

		#ciURL {}
			#ciURL a { color: #000; text-decoration: none; }
			#ciURL a:hover { border-bottom: 1px dashed #000;  }
		#ciPhone { text-align: center; }
		#ciEmail { text-align: right; }
			#ciEmail a { color: #000; text-decoration: none; }
			#ciEmail a:hover { border-bottom: 1px dashed #000; }

.picture { border: 1px solid #ccc; }
	.picture:hover { border: 1px solid #ccc; }