/* CSS Document */

body, h1, h2, h3, h4, h5, ul, li, ul li, div, img, form {
	margin: 0px;
	padding: 0px;
}

body	{
	font-family:   Arial, Verdana, Helvetica, sans-serif;
	background: url('../Images/furn/bckd.jpg') repeat-x;
}

img	{
	border: 0px none;
}

.clear {
	clear: both;
}

fieldset {border:0px none; padding: 0}

.imgleft {
	float: left;
	display: inline;
	padding: 10px 10px 10px 0;
}

.imgright {
	float: right;
	display: inline;
	padding: 10px 0px 10px 10px;
}

.icon {
	vertical-align: middle;
}

label {width: 70px; display: block; float: left;}

#people {margin-top:5px; margin-bottom:5px;}
#people .row {background-color:#fff; line-height: 1.8em; padding-left: 3px;}
#people .altrow {background-color:#F5F5F5; line-height: 1.8em; padding-left: 3px;}
.pager {margin-top:20px; padding:2px;}

#datepicker {margin-bottom:15px;}
.diaryTable {width: 100%;}
.header {margin-top: 20px; background-color:#F5F5F5; font-weight:bold; line-height: 1.8em;}
#datepicker .row {background-color:#fff; line-height: 1.8em; padding-left: 3px;}
#datepicker .alt row {background-color:#F5F5F5; line-height: 1.8em; padding-left: 3px;}
#datepicker .left {padding-right: 150px; }
#datepicker .right {padding-left: 150px;}
#monthpicker {width: 100%; padding-bottom: 30px;}
#monthpicker a {padding-right: 25px;}


/* ***************************** */
/* *******LAYOUT CLASSES******** */
/* ***************************** */

#outerWrapper {
	margin: 0 auto;
	width: 943px;
}

#innerWrapper {
	width: 943px;
}

#topbar {
	width: 943px;
}

#logo {
	float: left;
	width: 323px;
}

#nav {
	float: left;
	width: 620px;
	text-align: right;
}

#hmecontWrapper {
	width: 943px;
	background: url('../Images/furn/hme_bckd.jpg');
	margin-top: 3px
}


#contWrapper {
	width: 943px;
	background: url('../Images/furn/page_bckd.jpg') no-repeat;
	margin-top: 3px
}

#maincontentWrapper {
	width: 943px;
}

#breadcrumb {
	width: 931px;
	padding: 15px 0 10px 12px;
	color: #000;
	font-size: 70%;
}


#footerWrapper {
	border-top: 1px dotted #000;
	margin-top: 20px;
	font-size: 70%;
}

#sitetools {line-height: 2.6em;}
#footer {border-top: 1px dotted #000; padding-top: 5px;}
#footerLeft {float: left; width: 643px;}
#footerRight {float: left; width: 300px; text-align: right;}


/* ********************************* */
/* *******NAVIGATION CLASSES******** */
/* ********************************* */

#navbar {
	float:right;
	font-size: 70%;
	line-height: normal;
	margin-top: 78px;
	}

#navbar ul {
	margin:0;
	padding:0;
	list-style:none;
	}
    
#navbar li {
	float:left;
	background:url('../Images/furn/left_nav_bckd.gif') no-repeat left top;
	margin:0;
	border-bottom: 1px solid #fff; padding-left:8px; padding-right:0; padding-top:0; padding-bottom:0
	}
    
#navbar a {
	float:left;
	display:block;
	width: auto;
	background:url('../Images/furn/right_nav_bckd.gif') no-repeat right top;
	text-decoration: none;
	font-weight:bold;
	color:#000;
	font-family:   Arial, Verdana, Helvetica, sans-serif; padding-left:5px; padding-right:12px; padding-top:10px; padding-bottom:7px
	}
	
#navbar > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navbar a {float:none;}
/* End IE5-Mac hack */
#navbar a:hover {
	color:#333;
	text-decoration: none;
	}
#navbar #current {
	background-position:0 -150px;
	border-width: 0;
	border-bottom: 1px solid #FEA010;
	}
#navbar #current a {
	background-position:100% -150px;
	padding-bottom: 7px;
	color:#fff;
	}
#navbar li:hover, #navbar li:hover a {
	background-position:0% -150px;
	color:#fff;
	}
#navbar li:hover a {
	background-position:100% -150px;
	}

#subnav {
	padding-left: 12px;
}

#subnav ul {
	list-style-type: none;
	border-top: 1px solid #fff;
	width: 164px
}

#subnav ul li {
	border-bottom: 1px solid #fff;
		padding: 3px 0 5px 0;
}

#subnav ul li a {
	color: #000;
	font-size: 70%;
	text-decoration: none;
}

#subnav ul li a:hover {color: #fff; text-decoration: underline;}


/* ****************************** */
/* *******CONTENT CLASSES******** */
/* ****************************** */

#hmecontent {padding-top: 315px; padding-left: 28px; font-size: 70%;}
#hmeintro {float: left; width: 500px; color: #fff; padding-bottom: 20px;}
#hmenews {float: left; padding-left: 50px; width: 350p;}
#hmenews ul {margin-left: 20px;}
#hmenews ul li {margin-bottom: 15px; list-style-image:url('../Images/furn/hmenews_arrow.gif')}

#maincontent {width: 926px;margin-left: 12px;}

#aboutcontentheader {background: url('../Images/furn/abouheader_bckd.jpg'); height: 59px}
#casecontentheader {background: url('../Images/furn/caseheader_bckd.jpg'); height: 59px}
#contentheadersub {float: left; padding: 6px 0 5px 13px; width: 178px; color: #fff; font-size: small; font-weight: bold;}
#contentheadermain {float: left; padding: 27px 0 5px 13px; width: 700px; color: #fff; font-size: medium; font-weight: bold;}

#subnavWrapper {float: left; width: 193px; background: url('../Images/furn/subnav_bckd.jpg');}
#subnavfade {}

#contentWrapper {float: left; width: 725px; background-color: #fff; display: block;}
#contentLeft {float: left; width: 416px; padding: 7px 10px 20px 12px; font-size: 70%; color: #343434;}
#contentRight {float: left; width: 287px; padding-top: 7px;}
#contentFull {float: left; width: 703px; padding: 7px 10px 20px 12px; font-size: 70%; color: #343434;}
#contentLeft ul {margin-left: 20px;}
#contentLeft ul li {list-style-image:url('../Images/furn/content_arrow.gif')}

#contentWrapper {float: left; width: 725px;}
#casecontentLeft {float: left; width: 416px; font-size: 70%; color: #fff; background: url('../Images/furn/casecontent_bckd.jpg'); line-height: 1.6em; padding-left:12px; padding-right:10px; padding-top:7px; padding-bottom:20px}
#casecontentRight {float: left; width: 287px; padding-top: 7px; background: url('../Images/furn/caseside_bckd.jpg') no-repeat;}
#casecontentMain {float: left; width: 703px; font-size: 70%; color: #fff; background: url('../Images/furn/casecontent_bckd.jpg');; padding-left:12px; padding-right:10px; padding-top:7px; padding-bottom:20px}
#caseimage {padding: 5px 0 0 17px;}
#casefacts {padding: 20px 0 0 17px; height: 300px;}

#casecontentMain ul, #casecontentLeft ul {margin-left: 20px;}
#casecontentMain ul li, #casecontentLeft ul li {list-style-image:url('../Images/furn/content_arrow.gif')}

.casebox1 {float: left; width: 336px; border: 1px solid #5C5C5C; background-color:#4A4A4A;}
.casebox2 {float: left; width: 336px; border: 1px solid #5C5C5C; background-color:#4A4A4A; margin-left: 20px;}
.casebox3 {float: left; width: 336px; border: 1px solid #5C5C5C; background-color:#4A4A4A; margin-top: 20px;}
.casebox4 {float: left; width: 336px; border: 1px solid #5C5C5C; background-color:#4A4A4A; margin-top: 20px; margin-left: 20px;}
.casethumb {float: left; padding: 5px; width: 65px;}
.casenugtxt {float: left; padding: 12px 0 0 20px; width: 225px;}

#fileWrapper {width: 100%; border-top: 1px dotted #fff; padding-top: 20px; margin-top: 50px;}
#casefileleft {float: left;}
#casefileright {float:right;}

#newscontentheader {padding-left:5px;padding-bottom:10px;color: #000;}
#newscontentleft {float: left; width: 433px;padding: 7px 7px 20px 5px;}
#newscontentright {float:right;margin-right:0;padding:0;}

/* ***************************** */
/* *********TEXT CLASSES******** */
/* ***************************** */

#footerWrapper a, .casenugtxt a, #casefileleft a:hover, #hmenews a, #contentLeft a {color: #FF9900;}
#footerWrapper a:hover, #hmenews a:hover, #contentLeft a:hover {color: #000;}
#breadcrumb a, .casenugtxt a:hover, #casefileleft a {color: #fff;}
#breadcrumb a:hover {color: #000;}

h1 {font-size: xx-large; color: #FF9900;}
h2 {font-size: x-large; color: #FF9900;}
h3 {font-size: medium; color: #FF9900;}
h4 {font-size: small; color: #FF9900;}
h5 {font-size: x-small; color: #FF9900;}
h6 {font-size: xx-small; color: #FF9900;}

.whitesmall {font-size: 70%; color: #fff;}