@charset "utf-8";
/* CSS Document */
body {
	background:  #f8fae9;
}
#container {
	background:#f8fae9;
	width:800px;
	height:700px;
	margin:auto auto; 
	text-align:left;
}

#header {
	height:173px;
	width:800px;
	background:url(images/header.jpg) no-repeat;
	float:left;
}

#map {
	height:173px;
	width:122px;
	float:left;
	margin:0px 25px 0px 5px;
}

#menuSep {
	height:173px;
	width:120px;
	float:left;
	margin:0px 0px 0px 40px;
}


#left {
	float:left;
	background:url(images/left.jpg) no-repeat;
	height:627px;
	width:175px;
	
}

#content {
	float:left;
	background:#f8fae9;
	height:554px;
	width:625px;
	margin: 0px 0px 0px 0px;
}



#leftContent {
	float:left;
	height:552px;
	width:305px;
	margin:2px 5px 0px 0px;
}

#rightContent {
	float:left;
	height:552px;
	width:305px;
	margin:2px 5px 0px 5px;
}

#contentTop {
	float:left;
	background:#f8fae9;
	height:372px;
	width:605px;
	margin:0px 10px 0px 10px;
}

#contentBottom {
	float:left;
	background:url(images/contentindex.jpg);
	height:182px;
	width:615px;
	margin:0px 10px 0px 0px;
}

#contentBtmLft {
	float:left;
	height:142px;
	width:325px;
}

#contentBtmRgt {
	float:left;
	height:142px;
	width:287px;
	margin-right:10px;
}

#footer { 
	background:url(images/footer.jpg) no-repeat;
	float:left;
	height:73px;
	width:625px;
}

#footerSpace { 
	height:73px;
	width:447px;
	float:left;
}

#footerNav { 
	height:73px;
	width:178px;
	float:left;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:400;
	margin-top:5px;
	margin-bottom:10px;
	text-align:justify;
}

p.index {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:400;
	margin:5px 30px 10px 30px;
	text-align:justify;
	color:#FFFFFF;
}

.menu{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:112px 0px 0px 0px;
	text-align:center;
	font-weight:500;
}

.links{
	text-decoration:none;
}

.menuBot{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	word-spacing:33px;
	margin:26px 0px 0px 55px;
	font-weight:500;
}

span.quotes{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0f6cb6;
	font-weight:normal;
	margin:0px 0px 0px 0px;
}
	
span.big {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:600;
	color:#b5dc10;
	font-size:18px;
	margin: 20px 0px 20px 0px;
}

p.bottomLinks{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	margin-top:60px;
	margin-left:200px;
	word-spacing:20px;
}

/* CSS for large first letter of paragraph:

<p>
  <span class="firstLetter"><span>D</span></span><span>rop
  caps can be added to web pages through the use of CSS
  (Cascading Stylesheets) – but ensuring a tidy appearance
  requires care.<span>
</p>

*/

.firstLetter{
  display      : block;
  float        : left;
  margin-top   : -0.63em; /* use -0.205em for two lines */
  margin-left  : -0.56em;
  margin-right : 0em;
  height       : 4.5em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#b5dc10;
}

.firstLetter span{
  font-size    : 5.6em;   /* use 3.33em for two lines */
  line-height  : 1.0em;
}

.firstLetter + span{
  margin-left  : 0.5em;
}