﻿/*** -----------------------------------------  ***/
/*** Red: 		#9b232f;						***/
/*** Green:		#adbd27;						***/
/*** Brown: 	#362a02;						***/
/*** Off-White: #fdfcfa;						***/
/*** -----------------------------------------  ***/

body { background-color: #362a02; }

a { color:#fdfcfa; }
a:hover { color:#9b232f; }

#navigation { border-bottom:1px solid #000; }
#navigation a:hover, #navigation a.current { background:#9b232f; color:#fdfcfa; }

.menu ul { border:2px solid #fdfcfa; }

.menu a { border-left:1px #362a02 dashed; border-right:1px #362a02 dashed; }
.menu ul a { border-bottom:1px solid #362a02; border-top:1px solid #FFFFD2 }

.menu ul a.top { border-top:none }
.menu ul a.bottom { border-bottom:none }

.menu ul a:hover { background:#fdfcfa; !important; color:#362a02; !important; border-bottom-color:#1C4563; border-top-color:#84B1D3 }

/* visited pseudo selector so IE6 applies text colour*/
.menu a,
.menu a:visited  { color:#fdfcfa; }

.menu li li { background:#362a02; }
.menu li li li { background:#362a02; }

.menu li:hover,
.menu a:focus,
.menu a:hover,
.menu a:active { background:#362a02; }

.menu ul li:hover,
.menu ul a:focus,
.menu ul a:hover,
.menu ul a:active { background:#fdfcfa; color:#362a02; !important; border-bottom-color:#1C4563; border-top-color:#84B1D3 }

#slide-content { position:relative; z-index:100; border-bottom:1px solid #000 }

#main-content { background:#DBD1B9; border:2px solid #f3ece3 }

#header .contact-info { color:#362a02; }
#header .contact-info small em { color:#fdfcfa; }
#header .contact-info a { color:#fdfcfa; }
#header .contact-info a:hover { color:#9b232f; }

#main-content .left { background:#F3F0E8; border-right:1px solid #FFF }
#main-content .right { border-left:1px solid #A7947A; background:#C7B998 }
#main-content .full { background:#f3f0e8; }
	
#main-content ul { color:#534C42 }
#main-content .right ul { color:#23201B !important }

#main-content h2 { color:#4B3D1B; border-bottom:1px solid #4B3D1B }
#main-content h3 { color:#4B3D1B }

#main-content p { color:#534C42 }
#main-content .right p { color:#23201B !important }
#main-content p.intro-text { color:#23201B }

#main-content a { color:#9b232f }

.textbox { border:1px solid #C7B998; color:#888 }
.textarea { border:1px solid #C7B998; color:#888 }
.button { background:#9b232f; color:#fdfcfa; border:2px solid #362a02; }

#footer { color:#fdfcfa; border-top:1px solid #000; }
#footer a { color:#fdfcfa; }
#footer a:hover { color:#9b232f; }

/*** ----------------------------------------- ***/
/*** END COLORS ------------------------------ ***/


/* --------------------------------------------- */
/* Main Styles --------------------------------- */

body { font-family:Georgia, "Times New Roman", Times, serif; margin: 25px 0 0 0; padding:0 }
	
a:active, a:focus { outline:none }
a { text-decoration:none }
a:hover { text-decoration:underline }
	
#content { width:980px; margin:0 auto }
.clear { clear:both; display:block }

img { border:none }
	
.img-left { float:left; margin:0 20px 15px 0; position:relative; top:5px }
.img-right { float:right; margin:0 0 15px 20px; position:relative; top:5px }
	
	
/* --------------------------------------------- */
/* Header/Logo --------------------------------- */
	
#header { position:relative; width:980px; height:126px; background:url('../images/header_bg.jpg') no-repeat }
#header h1 { width:289px; height:75px; margin:0; padding:0; position:absolute; top:29px; left:29px }
#header h1 a { text-indent:-2000px; display:block; background:url('../old/graphics/logo.gif') no-repeat; 
width:289px; height:75px
}

#header .contact-info { text-align:right; font-size:22px; width:300px; height:100px; position:absolute; right:20px; bottom:20px }
#header .contact-info em { font-family:Arial, Helvetica, sans-serif; font-style:normal }
#header .contact-info small { display:block; margin: 10px 0 0 0; padding:0; font-size:16px }

#header .contact-info a { text-decoration:underline }
#header .contact-info a:hover { text-decoration:none }

/* --------------------------------------------- */
/* Navigation ---------------------------------- */

#navigation { font-family:Georgia, "Times New Roman", Times, serif; position:relative; z-index:2000; font-size:16px; font-weight:bold; width:980px; height:51px; background:url('../images/nav_bg2.jpg') no-repeat }

#navigation a.first { border-left:none }
#navigation a.last { border-right:none }

#navigation a:hover { text-decoration:none }

#nav { margin-left: 8px; }
	
/* --------------------------------------- */	
/* Menu ---------------------------------- */
.menu, .menu * { margin:0; padding:0; list-style:none }
.menu { line-height:1.0 }
.menu ul { position:absolute; top:-999em; width:12em }
.menu ul li { width:100% }
	
/* fixes IE7 'sticky bug' */
.menu li:hover { visibility:inherit }
	
.menu li { float:left; position:relative }
.menu a { display:block; position:relative }
	
.menu li:hover ul { left:0; top:2.4em; /* match top ul list item height */ z-index:99 }
	
.menu { margin:0 }
.menu a { text-transform: none; font-size:16px; padding:11px 15px 11px 15px; text-decoration:none }
.menu ul a { background:none; cursor:pointer; text-transform:none; border-left:none; border-right:none; font-size:14px; padding:10px 10px 10px 10px; text-decoration:none }
	
.menu li:hover, .menu a:focus, .menu a:hover, .menu a:active { outline:0 }

/* --------------------------------------------- */
/* Slide Area ---------------------------------- */	

#slide-content { width:980px; height:313px; position:relative; z-index:100; border-bottom:1px solid #000 }

#mySlides img { display:block; margin:0 }

/* --------------------------------------------- */
/* Main Homepage Content ----------------------- */

#main-content {
	width:936px;
	padding:20px;
	border-bottom:none }
	
#main-content.subpage { border-top:none }
	
#main-content .left {
	width:655px;
	margin:0;
	padding:15px;
	float:left }
	
#main-content .right {
	width:219px;
	margin:0;
	padding:15px;
	float:left }
	
#main-content .full {
	margin:0;
	padding: 15px;
}
	
#main-content ul { margin:0 0 0 205px; padding:0 0 0 10px; line-height:22px; font-size:14px }

#main-content h2 { font-size:25px; font-weight:normal; margin:0; padding:0 0 5px 0; font-family:Georgia, "Times New Roman", Times, serif }
#main-content h2 strong, #main-content h2 b { letter-spacing:-1px }

#main-content h3 { font-size:24px; font-weight:normal; margin:0; padding:5px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif }

#main-content p { padding:0; margin:15px 0; font-size:14px; line-height:24px; text-align:justify; }

#main-content p.intro-text { margin:15px 0 20px 0; font-size:16px; font-weight:bold; line-height:26px; text-align:justify; }


/* --------------------------------------------- */
/* Contact Form -------------------------------- */

form { margin:0; padding:0 }
label { display:block; float:left; width:150px; margin:0 0 10px 0 }
.textbox { display:block; padding:5px; float:left; width:255px; margin:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px }
.textarea { display:block; float:left; width:250px; height:100px; padding:8px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin:0 0 10px 0 }
.button { font-weight:bold; padding:5px 8px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; width:80px; display:block; clear:both; margin:10px 0 0 0; position:relative; left:440px }


/* --------------------------------------------- */
/* Footer -------------------------------------- */

#footer { position:relative; font-size:14px; width:938px; margin:0 auto; padding:20px }
#footer a { text-decoration:underline }
#footer a:hover { text-decoration:none }
#footer span { position:absolute; right:20px; top:20px }

/*** ----------------------------------------- ***/
/*** END Main Styles ------------------------------ ***/
