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

body {
  text-align: center;
  background-position: center;
  background-color: #342D27;
  margin-top: -10px;

}
div#outerDiv {
	width: 900px;
	background-color: #C2BDB5;
	margin: 0 auto;
	background-position: center;
}

#content div#mainContent {
	width: 820px;
	margin: 0;
	padding: 10px 40px 10px 40px;
	background-color: #C2BDB5;
}

#mainContent p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 1.8em;
	text-align: left;
	color:#342D27;
	margin: 1ex 0 1ex 0;
	padding: 0;
}

#mainContent a:link, #mainContent a:visited {
	text-decoration: underline;
	font-weight: bold;
	color:#1F7071;
}

#mainContent a:hover, #mainContent a:active {
	text-decoration: underline;
	font-weight: bold;
	color:#342D27;
}

#mainContent h1 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 2.5em;
	color: #FFF;
	font-style: normal;
	font-weight: lighter;
	padding-top: 0.5em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0;
}
#mainContent h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	color: #685C50;
	text-align: left;
	font-weight: bold;
	padding-top: 0.5em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0;
}
.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 1.8em;
	text-align: left;
	color:#342D27;
	margin: 1ex 0 1ex 0;
	padding: 0;
}

#mainContent img {
	margin: 0 15px 8px -2px;
}

#mainContent img.photo {
	border: 2px solid #FFF;
}
ul.b {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	line-height:2em;
	color:#342D27;
	background-color:#D3CDC2;
	text-indent:0.5em;
	list-style-position:outside;
	list-style-image:none;
	list-style-type:circle;
	padding:.8em 1em .8em 2em;
	margin:0 10px 0 0;
	text-align: left;
}
#content div#mainContentContact {
	width: 820px;
	margin: 0;
	padding: 0 0 10px 40px;
	background-color: #C2BDB5;
}

/*------------------------------------*\
	NAV
\*------------------------------------*/

#nav{
	float:right;
	width:100%;
	list-style:none;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:normal;
	margin:-26px -130px 0 0;
	font-size: .8em;
}
#nav li{
	float:left;
	position:relative;
	display:block;
}
#nav li a{
	display:block;
	padding:5px 10px 5px 10px;
	color:#F0E8D9;
	background:#342D27;
	background:rgba(52,45,39,0.70); /* It'll look nice semi-transparent */
	text-decoration:none;
}
#nav li a:hover{
	color:#fff;
	background:#0D627A; /* Solid colour fall-back */
	background:rgba(13,98,122,0.50); /* It'll look nice semi-transparent */
	text-decoration:none;
}

/*--- DROPDOWN ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-1600px;
	opacity:0; /* Set initial state to transparent */
	-webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
}
#nav li:hover a{ /* Set styles for top level when dropdown is hovered */

	background:#0D627A; /* Solid colour fall-back */
	background:rgba(13,98,122,0.75); /* It'll look nice semi-transparent */
	text-decoration:none;
}
#nav li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
	background:#342D27; /* Solid colour fall-back */

	background:rgba(51,51,51,0.75); /* It'll look nice semi-transparent */
	text-decoration:none;
}

/* ==== footer ==== */

div#footer {
	clear: both;
	background: #FFF;/* Solid colour fall-back */
	background:rgba(255,255,255,0.50); /* It'll look nice semi-transparent */
	margin: 0 auto;
	padding: 5px;
	border-top-width: thin;
	border-top-style: ridge;
	border-top-color: #FFF;
	border-bottom-width: thin;
	border-bottom-style: ridge;
	border-bottom-color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .6em;
	color: #342D27;
	text-align: center;
}

#footer p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	line-height: 2em;
	margin: 0;
	padding: 0;
	color: #342D27;
	text-align: center;
}

#footer a:link, #footer a:visited {
	text-decoration: underline;
	color:#342D27;
}

#footer a:hover, #footer a:active {
	text-decoration: underline;
	color:#999;
}

/* ==== racc at bottom ==== */


div#raccfooter {
	background:#fff;
	height: 40px;
	text-align: left;
	margin: 0px auto;
  	padding: 0px;
}

/* ==== facebook feed on contact page ==== */

div#facebook {
	background: #FFF;
	vertical-align: top;
	float: right;
	width: 250px;
	height: 400px;
}

/* ==== miscellaneous styles ==== */

.clear { clear: both }

/* * * color palette 

	dark brown #342D27
	medium brown #685C50
	pale beige #C2BDB5
	dark teal #1F7071
	

* * * * * * * */