/* --------- BASIC LAYOUT ---------*/
body {
	background: #FFF url('images/furniture/background_pattern.gif');
	text-align: center;
	margin:0;
	padding: 17px 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
}

#MainContainer {
	margin: 0px auto;
	text-align: left;
	width: 728px;
	background-color: #FFF;
	border: 1px #CFC5B8 solid;
	/*Hide From IE5*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 726px;
}

/* Help older browsers recover from the IE5 hack */
 .void {}

#MainPadding {
	padding: 18px 18px;
}


/* --------- GENERAL ---------*/
p, li, h3 {
	font-size: 0.8em;
}

ul {
	list-Style: none;
	padding: 0;
	margin: 0;
}

li {
	margin: 0;
}

td {
	vertical-align: top;
}

a {
	color: #069;
}

img {
	border:0;
}

.Left {
	float: left;
}

.Right {
	float: right;
}

img.Left {
	margin-right: 15px;
	margin-bottom: 15px;
}

img.Right {
	margin-left: 15px;
	margin-bottom: 15px;
}

.Clear {
	clear: both;
	/*Following three make it completely layout neutral*/
	font-size: 1px;
	height: 2px;
	margin-bottom: -2px; 
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #333;
	margin: 0 0 27px 0;
	font-weight: normal;
	letter-spacing: 0.05em;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	color: #333;
	margin: 15px 0;
	font-weight: normal;
}

.ColumnTop {
	margin-top: 0px;
}

.Caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin-top: -8px;
}

/*----------- Links -----------*/

.BackLink {
/* Hide this from IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	padding-left: 17px;
	background: url('images/furniture/back_arrow.gif') no-repeat 0px 5px;
}

html>body .BackLink  {
	padding-left: 17px;
	background: url('images/furniture/back_arrow.gif') no-repeat 0px 5px;
}


.ForwardLink {
/* Hide this from IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	padding-right: 17px;
	background: url('images/furniture/arrow.gif') no-repeat right 5px;
}

/* Help older browsers recover from the IE5 hack */
 .void {}
 
/*----------- Top Nav -----------*/
#TopNav {
	background-color:#BBAFA7;
	height: 23px;
}

#TopNav ul {
	list-style: none;
	margin:0;
	padding:0;
	/*height: 24px; note: specifying any height makes the ul pick up the height of it's contents, except NN6*/
}

#TopNav ul li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#TopNav ul li a, #TopNav ul li span  {
	float: left;
	padding: 5px 8px;
	text-decoration: none;
	color: #fff;
	background: url(images/furniture/TopNav_Divider.gif) repeat-y left top;
}


#TopNav ul li a:hover, #TopNav ul li span  {
	background: none; /* removes it's own border */
	background-color: #CABFB6;
	color: #FFF;
	/*
		The next four definitions make the nav element cover the border of the one on the right
		Note: going left is easier. You just need:
			padding-left: 9px //  adds one pix to the left
			margin-left: -1px; // pulls back to the left to cover the border on the left, and avoid shifting everything right 
	*/
	padding-right: 9px; /* adds one pix to the right */
	margin-left: -1px; /* pulls back to the left to avoid shifting everything right */
	left: 1px; /* Moves the whole element back right to position it over the border of the next element */
	position: relative;
	
}

#TopNav ul li span {
	background-color: #DBD2C5;
	color: #333;
}

#TopNav ul li.Last a:hover, #TopNav ul li.Last span {
	margin-left: 0;
	padding-right: 8px;
	left: 0;
}

/*----------- Banner -----------*/
.Banner {
	margin-top: 1px;
}
/*----------- Main Content -----------*/
#MainContent {
	background-color: #EFE9E2;
	padding: 47px 113px;
	margin-top: 20px;
}

/*----------- Footer -----------*/
#Footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
}
#Footer, #Footer a {
	color: #999;
}

/*----------- ---------------------- -----------*/
/*----------- Area and Page Specific -----------*/
/*----------- ---------------------- -----------*/

/*----------- Index -----------*/
.Index #MainContent table {
	margin-top: 25px;
}

.Index #MainContent td {
	padding-bottom: 26px;
}

.Index #MainContent h3 {
	margin-top: 0px;
}

/*----------- Home -----------*/

#Home .BannerPics {
	margin-top: 16px;
}

#Home #MainContent {
	margin-top: 16px;
	padding: 17px 19px;
}

#Home #MainContent .Left {
	width: 380px;
}

#Home #MainContent .Left td img {
	margin-top: 3px;
}

#Home #MainContent .Left td p {
	margin-top:0;
}

#Home #MainContent .Right {
	width: 246px;
}

#Home #DottedSeperator {
	background: url('images/furniture/dotted_line.gif') repeat-y 387px top;
}

#Home h1 {
	letter-spacing: 0;
}

#Home #Logo {
	margin: 10px 0 4px 10px;
}

#Home #TopNav {
	height: 137px;
}

#Home #TopNav ul {
	position: relative;
	top: 116px;
}

#Home #TopNav ul li a, #Home #TopNav ul li span  {
	padding-top: 2px;
	padding-bottom: 6px;
}

/*Holly hack to avoid peekaboo bug on IE6 */
/* Hides from IE5-mac \*/
* html #Home #MainContent {height: 1%;}
/* End hide from IE5-mac */