/* ---------------------------------------------------------- */
/* COLOR PALETTE 
   for color palette ideas visit http://www.colorblender.com/ */
/* ---------------------------------------------------------- */
#header {					background-color: #5D662E; }
body {						background-color: #dbd4a4; }
#ContentContainer {		background-color: #FFFFFF; }
#navigation {				background-color: #BBBBBB; }
#navigation a {			color: #543; }
#navigation a:hover {	color: #487487; background-color: #DDDDDD; }
.title h1 {					color: #FFFFFF; }
#main {						background-color: #CCC3AF; }
.content {					background-color: #FFFFFF; }
.sidenav h1 {				color: #4A4A44; background-color: #D6CCB9; }
.sidenav li a {			color: #554; background: #CCC3AF; }
.sidenav li a:hover {	color: #654654; background: #dbd4a4; }
a {							color: #963; }
a:hover {					color: #C60; }
h1,h2,h3 {					color: #554912; }
blockquote {				color: #877048; }
input {						color: #555; }
.content .byline {		color: #987E57; }
.footer {					color: #FED; background-color: #877048; }
.footer a {					color: #FFD; }
.footer a:hover {			color: #FFF; }
.contentBox {				color: #FFF; background-color: #877048; border-color: #654; }

/* ---------------------------------------------------------- */
/* FONTS */
/* ---------------------------------------------------------- */
blockquote {	font: normal 1.5em Times-Roman,serif; font-style:italic; }
body {			font: normal 62.5% Tahoma,Verdana,sans-serif; }
input {			font: normal 1.1em Tahoma,Verdana,sans-serif; }
.title h1 {		font: normal 2.5em Tahoma,Verdana,"Trebuchet MS",sans-serif; }
#navigation {	font: bold 1em Tahoma,Verdana,sans-serif; }
#nav {			font: bold 1em Tahoma,Verdana,sans-serif; }



/* ----------------------------------------------------------
BASIC TAGS
------------------------------------------------------------- */
* { margin: 0; }

p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}
h1,h2,h3 {
	padding-top: 6px;
}
blockquote {
	display: block;
	padding: 0px 24px 0px 24px;
}


/* ---------------------------------------------------------- */
/* Container */
/* ---------------------------------------------------------- */
#ContentContainer {
	margin: 0px auto;
	padding: 0px;
	width: 780px;
	border-left-style: solid;
	border-right-style: solid;
	border-color: #FFF;
	border-width: thin;
}

/* ---------------------------------------------------------- */
/* header */
/* ---------------------------------------------------------- */
#header {
	height: 120px;
	width: 780px;
	margin: 0;
	padding: 0; 
	text-align: center;
	background-image:url(Images/header.jpg);
}


/* ---------------------------------------------------------- */
/* title */
/* ---------------------------------------------------------- */
.title {
	padding: 20px;
}


/* ---------------------------------------------------------- */
/* navigation used for horizontal nav under header (if wanted)*/
/* ---------------------------------------------------------- */
#navigation {
	height: 100%; /* 24px; */
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#navigation a {
	text-decoration: none;
	padding: 3px 4px;
	margin-right: 12px;
	line-height: 24px;
	background-repeat:repeat-y;
}


/* ---------------------------------------------------------- */
/* main */
/* ---------------------------------------------------------- */
#main {
	clear: both;
}


/* ---------------------------------------------------------- */
/* left-hand side nav/content */
/* ---------------------------------------------------------- */
.sidenav {
	float: left;
	width: 218px;
	margin-right: 0px;
}
.sidenav h1 {
	border-bottom: 1px solid #999;
	border-top: 1px solid #CCC;
	font-size: 1.2em;
	height: 22px;
	margin: 0;
	padding-left: 12px;
}
.sidenav ul {
	margin: 0;
	padding: 0;
}
.sidenav li {
	border-bottom: 1px solid #A98;
	border-top: 1px solid #DDC;
	list-style: none;
}
.sidenav li a {
	display: block;
	padding: 8px 4px 8px 12px;
	text-decoration: none;
}
.contentBox {
	padding: 10px 10px 10px 10px;
	margin: 0px;
	text-align:justify;
}
.dateTable 
{
	font-size:1.2em;
	padding-bottom: 1em;
}

/* ---------------------------------------------------------- */
/* content */
/* ---------------------------------------------------------- */
.content {
	padding: 12px 10px 10px 20px;
	float: right;
	width: 68%;
}
.content .descr {
	font-size: 1.1em;
	margin-bottom: 6px;
}
.content li {
	margin-left: 25px;
}


/* ---------------------------------------------------------- */
/* footer */
/* ---------------------------------------------------------- */
.footer {
	font-size: 1.1em;
	line-height: 24px;
	margin: 0 auto;
	padding: 0px 10px 0px 10px;
	text-align: center;
	width: 760px;
}
.footer a {
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
.footer .left, .footer .right {padding: 0 12px;}


/* ---------------------------------------------------------- */
/* misc */
/* ---------------------------------------------------------- */
.floatLeft {float: left;}
.floatRight {float: right;}
.allClear { clear: both; }
.box { border: solid 3px #554912;
	padding: 10px; }
.box h2 { font-size:1.8em; font-weight:bold; color:#554912; text-align:center; }
.box p { text-align:justify; }

/* ---------------------------------------------------------- */
/* FAQ's */
/* ---------------------------------------------------------- */
.Question
{ 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 6px; 
	PADDING-TOP: 9px; 
	FONT-FAMILY: Arial,Helvetica; 
	POSITION: relative
}

.Answer
{
	font-family:Arial,Helvetica;
	font-size:12px;
	padding-bottom: 6px;
	text-align:justify;
	display:none;
	POSITION: relative;
}

