@charset "utf-8";
@import url("reset.css");


body {
	text-align:center;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size:10px;
	/*
	background:url("../images/backgrounds/bg/wood-836247.jpg") 50% 0% repeat;
	background:url("../images/backgrounds/bg/graddark-453e37.jpg") 50% 0% repeat-x #453e37;
	background:url("../images/backgrounds/bg/vintage-bba589.jpg") 50% 0% repeat;
	background:url("../images/backgrounds/bg/leather-836247.jpg") 50% 0% repeat;
	background:url("../images/backgrounds/bg/linen-bba589.jpg") 50% 0% repeat;
	background:url("../images/backgrounds/bg/denim-bba589.jpg") 50% 0% repeat;
	background:url("../images/backgrounds/bg/floral-bba589.jpg") 50% 0% repeat;
	background:url("../images/backgrounds/bg/carbonfiber-bba589.jpg") 50% 0% repeat;
	background:url("../images/backgrounds/bg/leather-716b65.jpg") 50% 0% repeat;
	background:url("../images/backgrounds/bg/circles-multi.jpg") 50% 0% repeat;
	background:url("../images/backgrounds/bg/circles-9c9185.jpg") 50% 0% repeat;
	*/
	background:url("../images/backgrounds/leather.jpg") 50% 0% repeat;
	margin:0;
	}
input, select, textarea {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size:1em;
	}

/* ------- main grid layout ------- */
#background {
	font-size:1.2em;
	background:url("../images/backgrounds/body.png") 50% 0% repeat-y;
	width:804px;
	margin:0 auto;
	text-align:center;
	position:relative;
	}
#container {
	width:780px;
	margin:0 auto;
	text-align:left;
	position:relative;
	}
#mainarea {
	position:absolute;
	top:285px; left:0px;
	width:780px;
	float:left;
	z-index:1;
	}
#menu {
	position:absolute;
	top:0px; left:0;
	width:780px;
	height:150px;
	z-index:101;
	}
#banner {
	position:absolute;
	top:150px; left:0;
	height:135px;
	width:780px;
	}
	.homepage #banner { height:300px; }
	.homepage #mainarea { top:450px; }
/*	.contentpage #banner {display:none;}
	.contentpage #mainarea {top:120px;}*/

#content {
	float:left;
	margin:0;
	width:560px;
	padding-left:10px;
	overflow:hidden;
	}
	.homepage #content { width:760px; padding:0 10px; }

#sidebar {
	float:left;
	width:190px;
	padding:0 10px;
	}
	.homepage #sidebar { display:none; }
	
#footer {
	clear:left;
	}

.hidden {
	display:none;
	}

#mainarea {
	background:url("../images/backgrounds/main-home-top.jpg") top left repeat-x #fff;
	padding-top:50px;
	}

/* ------- page title ------- */

/* ------- breadcrumbs ------- */
#breadcrumbs p {
	font-size:1.2em;
	}
#sitetitle, #sectionTitle {
	display:none;
	}

/* ------- header ------- */
#menu h1 {
	height:97px;
	padding-top:3px;
	background:url("../images/backgrounds/header.jpg") 0 0 repeat-x #fff;
	text-align:center;
	}
#menu h1 a, #menu h1 a:link, #menu h1 a:visited {
	margin:0 auto;
	display:block;
	height:90px;
	width:240px;
	text-indent:-9999px;
	background:url("../images/titles/smithbrothers.png") top left no-repeat;
	position:relative;
	}
#menu h1 a:hover, #menu h1 a:focus, #menu h1 a:active {
	background-position:0 -90px;
	}
#menu h1 a div { /*added dynamically, used for jQuery hover effect*/
	position:absolute;
	top:0;
	left:0;
	height:90px;
	width:240px;
	background:url("../images/titles/smithbrothers.png") 0 -90px no-repeat;
	cursor:pointer;
	}
#menu h2 {
	display:none;
	}

/* ------- site menu ------- */
#menu ul {
	padding:0;
	margin:0;
	background:url("../images/menu/topmenu-bg.jpg") top left repeat-x #453e37;
/*	border-bottom:1px solid #3c3832; /*25221f;*/
	height:4.2em;
	}
	/* On menu widths: the following classes adjust the menu width to allow for fewer tabs. 
	   The row maxes out at 6 tabs (which is the default size) but it will allow for hiding
	   a few of them. The tab widths remain at 130px each; the <ul> adjustments just center
	   the row.*/
#menu ul.tabcount-5 {
	width:650px;
	padding:0 65px;
	}
#menu ul.tabcount-4 {
	width:520px;
	padding:0 130px;
	}
#menu ul.tabcount-3 {
	width:390px;
	padding:0 195px;
	}

#menu ul li {
	float:left;
	display:inline;
	}


#menu ul li a, #menu ul li a:link, #menu ul li a:visited {
	display:block;
	position:relative;
	width:110px;
	text-align:center;
	color:#b0a694;
	text-decoration:none;
	text-transform:uppercase;
	background:url("../images/menu/topmenu.jpg") top left no-repeat #453e37;
/*	border-bottom:1px solid #3c3832;*/
	font-size:1em;
	line-height:.9em;
	height:1.8em;
	padding:1.2em 10px;
	}
#menu ul li a div {
	position:absolute;
	top:0;
	left:0;
	background:url("../images/menu/topmenu.jpg") -130px 0 no-repeat #453f38;
	width:110px;
/*	border-bottom:1px solid #3c3832;*/
	text-align:center;
	color:#d6cdbe;
	text-transform:uppercase;
	cursor:pointer;
	font-size:1em;
	line-height:.9em;
	height:1.8em;
	padding:1.2em 10px;
	}
#menu ul li a.oneliner, #menu ul li a.oneliner div { /* adjustments to vertically center tabs with only one line of text (to be applied by JS) */
	height:.9em;
	padding:1.7em 10px 1.6em;
	}

#menu ul li a span {
	text-transform:none;
	}
#menu ul li.activetab a, #menu ul li a:hover, #menu ul li a:focus, #menu ul li a:active {
	color:#d6cdbe;
	background-position:-130px 0;
	background-color:#453f38;
	border-bottom-color:#3c3832;
	}
#menu ul li.activetab a, #menu ul li.activetab a:link, #menu ul li.activetab a:visited {
	color:#f1cd8f;
	background-position:-260px 0;
	background-color:#755925;
	border-bottom-color:#755925;
	}
#menu ul li.activetab a:hover, #menu ul li.activetab a:focus, #menu ul li.activetab a:active, #menu ul li.activetab a div {
	color:#f3d5a1;
	background-position:-390px 0;
	background-color:#89682b;
	border-bottom-color:#8a692c;
	}

#menu ul li ul {
	z-index:101;
	display:none;
	width:160px;
	position:absolute;
	}

#menu ul li ul li {
	}

#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited,
#menu ul li.activetab ul li a, #menu ul li.activetab ul li a:link, #menu ul li.activetab ul li a:visited {
	background:url("../images/menu/topmenu-sub.png") top left repeat-y;
	border-bottom:1px solid #59534a;
	border-right:1px solid #59534a;
	border-left:1px solid #59534a;
	color:#b2aca2;
	text-transform:none;
	text-align:left;
	padding:10px;
	width:138px;
	height:auto;
	}
#menu ul li ul li.first a {
	border-top:1px solid #25221f;
	}
#menu ul li ul li.last a {
	border-bottom:1px solid #25221f;
	}
#menu ul li ul li a:hover, #menu ul li ul li a:focus, #menu ul li ul li a:active,
#menu ul li.activetab ul li a:hover, #menu ul li.activetab ul li a:focus, #menu ul li.activetab ul li a:active {
	background-position:-160px 0;
/*	border-bottom-color:#3c3832;*/
	color:#d6cdbe;
	}

#menu ul li:hover ul {
	display:block;
	}

/* ------- banner ------- */
#banner {
	background-color:#453e37;
	z-index:2;
	}
#bannercycle, #bannercycle div {
	height:100%;
	width:100%;
	z-index:1;
	}
#bannercycle div {
	background-repeat:no-repeat;
	background-position:left top;
	}
#bannerphoto01 {background-image:url("../images/banners/705.jpg");}
#bannerphoto02 {background-image:url("../images/banners/381.jpg");}
#bannerphoto03 {background-image:url("../images/banners/962-963.jpg");}
#bannerphoto04 {background-image:url("../images/banners/5111.jpg");}
#bannerphoto05 {background-image:url("../images/banners/411.jpg");}
#bannerphoto06 {background-image:url("../images/banners/372f.jpg");}
#bannerphoto07 {background-image:url("../images/banners/346.jpg");}
#bannerphoto08 {background-image:url("../images/banners/5221.jpg");}

.sectionindex #bannercycle div, .contentpage #bannercycle div {
	background-position:0 -70px;
	}
#bannercontrols {
	position:absolute;
	top:35px;
	right:10px;
	}
#bannercontrol-label {
	float:left;
	font-size:80%;
	color:#9c9185;
	padding:.8em .7em 0 0;
	}
#banner-lg, #banner-lg:link, #banner-lg:visited,
#banner-sm, #banner-sm:link, #banner-sm:visited,
#banner-no, #banner-no:link, #banner-no:visited {
	display:block;
	float:left;
	height:20px;
	width:20px;
	text-indent:-9999px;
	background-image:url("../images/buttons/banner-sizes.png");
	background-repeat:no-repeat;
	}
#banner-lg, #banner-lg:link, #banner-lg:visited {background-position:0 0;}
#banner-sm, #banner-sm:link, #banner-sm:visited {background-position:-20px 0;}
#banner-no, #banner-no:link, #banner-no:visited {background-position:-40px 0;}
#banner-lg:hover, #banner-lg:focus, #banner-lg:active {background-position:0 -40px;}
#banner-sm:hover, #banner-sm:focus, #banner-sm:active {background-position:-20px -40px;}
#banner-no:hover, #banner-no:focus, #banner-no:active {background-position:-40px -40px;}
#banner-lg.active {background-position:0 -20px;}
#banner-sm.active {background-position:-20px -20px;}
#banner-no.active {background-position:-40px -20px;}
#bannercontrol-tip {
	font-size:80%;
	/* put it under the buttons
	clear:left;
	display:block;
	text-align:left;
	padding-left:7.3em;
	color:#9c9185;
	*/
	/* put it next to the buttons */
	position:absolute;
	left:110%;
	width:100px;
	padding:.8em 0 0;
	color:#bcb1a4;
	}

#banner-shadow {
	background:url("../images/banners/dropshadow.png") 0 0 repeat-x;
	top:0;
	left:0;
	height:10px;
	width:780px;
	position:absolute;
	z-index:2;
	}

#banner-loading {
	background:url("../images/graphics/loading-ondark.gif") 50% 50% no-repeat;
	position:absolute;
	top:0;
	left:0;
	height:135px;
	width:780px;
	z-index:1;
	}
.tab0 #banner-loading {height:300px;}
#banner .innerfade-control {
	display:block;
	z-index:4;
	position:absolute;
	left:700px;
	top:110px;
	width:81px;
	height:21px;
}
.tab0 #banner .innerfade-control {
	top:275px;
	}
#banner .innerfade-control a, #banner .innerfade-control a:link, #banner .innerfade-control a:visited {
	display:block;
	float:left;
	margin:0 3px;
	width:21px;
	height:21px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:0 0;
}
.innerfade-prev {background-image:url("../images/buttons/banner-prev.png");}
.innerfade-play {background-image:url("../images/buttons/banner-play.png");}
.innerfade-next {background-image:url("../images/buttons/banner-next.png");}
.innerfade-prev:hover, .innerfade-prev:focus, .innerfade-next:hover, .innerfade-next:focus {background-position:0 -42px !important;}
.innerfade-prev:active, .innerfade-next:active {background-position:0 -42px !important;}
.playing {background-position:-21px 0 !important;}
.playing:hover, .playing:focus {background-position:-21px -42px !important;}
.playing:active {background-position:-21px -42px !important;}
.paused {background-position:0 0 !important;}
.paused:hover, .paused:focus {background-position:0 -42px !important;}
.paused:active {background-position:0 -42px !important;}

.innerfade-captions {
	position:absolute;
	width:770px;
	height:1.4em;
	top:145px;
	left:0;
	z-index:100;
	text-align:right;
	font-size:.9em;
	color:#9c9185;
	}
.homepage .innerfade-captions {
	top:310px;
	}


/* ------- sidebar ------- */
#sidebar a {
	text-decoration:none;
	}


/* ------- sidebar: section menu ------- */
#sectionmenu {
	margin:20px 0;
	}
#sectionmenu-start, #sectionmenu-end {
	background:url("../images/menu/side-topbottom.png") top left no-repeat;
	height:5px;
	}
#sectionmenu-end {
	background-position:0 -5px;
	}

/* --- menu heading --- */
#sectionmenu h2, #sectionmenu ul {
	border-left:1px solid #c7bfb4;
	border-right:1px solid #c7bfb4;
	background-color:white;
	}
#sectionmenu h2 {
	font-weight:normal;
	}
#sectionmenu h2 span, #sectionmenu h2 a, #sectionmenu h2 a:link, #sectionmenu h2 a:visited {
	display:block;
	width:178px;
	padding:.5em 5px;
	font-size:150%;
	font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
	line-height:.9em;
	color:#8b0e04;
	border-bottom:1px solid #e9e2d9;
	}
#sectionmenu h2 a:hover, #sectionmenu h2 a:focus, #sectionmenu h2 a:active {
	background-color:#f5f0e9;
	}
#sectionmenu h2 a span {
	font-size:100%;
	border:none;
	padding:0;
	display:inline;
	text-decoration:none;
	}
#sectionmenu h2 a:hover span, #sectionmenu h2 a:focus span, #sectionmenu h2 a:active span {
	text-decoration:underline;
	}

/* --- menu items --- */
#sectionmenu ul li a, #sectionmenu ul li a:link, #sectionmenu ul li a:visited {
	display:block;
	padding:7px 10px 7px 20px;
	width:158px;
	color:#716b65;/*#9c9185;*/
	border-bottom:1px solid #e9e2d9;
	font-size:100%;
	line-height:1em;
	float:left;
	clear:left;
	}
#sectionmenu ul li a:hover, #sectionmenu ul li a:focus, #sectionmenu ul li a:active {
	background-color:#f5f0e9;
	}
#sectionmenu ul li.activepage a, #sectionmenu ul li.activepage a:link, #sectionmenu ul li.activepage a:visited {
	background:url("../images/graphics/arrow_right_grey.png") 2px 6px no-repeat #e9e2d9;
	font-weight:bold;
	}
#sectionmenu ul li.activepage a:hover, #sectionmenu ul li.activepage a:focus, #sectionmenu ul li.activepage a:active {
	background-color:#ddd6cf;
	}

#sectionmenu ul li.activetab a, #sectionmenu ul li.activetab a:link, #sectionmenu ul li.activetab a:visited {
	background:url("../images/graphics/arrow_down_grey.png") 2px 6px no-repeat #fff;
	font-weight:normal;
	border-bottom:none;
	}
#sectionmenu ul li.activetab a:hover, #sectionmenu ul li.activetab a:focus, #sectionmenu ul li.activetab a:active {
	background-color:#f5f0e9;
	}

/* not used currently
#sectionmenu ul li.sectionhome a {
	font-weight:bold;
	}
#sectionmenu ul li.sectionhome a span {
	font-size:80%;
	line-height:.5em;
	vertical-align:25%;
	}
*/

/* --- menu sub-items --- */
#sectionmenu ul li ul {
	border-top:1px solid #e9e2d9;
	border-left:none;
	border-right:none;
	clear:left;
	}
#sectionmenu ul li ul li a, #sectionmenu ul li ul li a:link, #sectionmenu ul li ul li a:visited,
#sectionmenu ul li.activepage ul li a, #sectionmenu ul li.activepage ul li a:link, #sectionmenu ul li.activepage ul li a:visited,
#sectionmenu ul li.activetab ul li a, #sectionmenu ul li.activetab ul li a:link, #sectionmenu ul li.activetab ul li a:visited {
	font-weight:normal;
	background:url("../images/graphics/bullet_square.png") 20px 6px no-repeat #fff;
	border-bottom:1px solid #e9e2d9;
	padding-left:40px;
	width:138px;
	}
#sectionmenu ul li ul li a:hover, #sectionmenu ul li ul li a:focus, #sectionmenu ul li ul li a:active,
#sectionmenu ul li.activepage ul li a:hover, #sectionmenu ul li.activepage ul li a:focus, #sectionmenu ul li.activepage ul li a:active,
#sectionmenu ul li.activetab ul li a:hover, #sectionmenu ul li.activetab ul li a:focus, #sectionmenu ul li.activetab ul li a:active {
	background-color:#f5f0e9;
	}

#sectionmenu ul li ul li.activepage a, #sectionmenu ul li ul li.activepage a:link, #sectionmenu ul li ul li.activepage a:visited {
	background:url("../images/graphics/bullet_arrow.png") 20px 6px no-repeat #e9e2d9;
/*	background:url("../images/graphics/arrow_right_grey.png") 20px 6px no-repeat #e9e2d9;*/
	font-weight:bold;
	}

#sectionmenu ul li ul li.activepage a:hover, #sectionmenu ul li ul li.activepage a:focus, #sectionmenu ul li ul li.activepage a:active {
	background-color:#ddd6cf;
	}


/* ------- sidebar: photos ------- */
#sidephoto {
	margin-top:20px;
	text-align:right;
	font-size:90%;
	font-style:italic;
	color:#8f816d;
	}
#sidephoto img {
	margin-bottom:8px;
	}

/* ------- sidebar: graboids ------- */
#graboids {
	text-align:left;
	border-bottom:1px solid white;
	margin-top:20px;
	}
#graboids h2 {
	display:none;
	}
#graboids ul li a, #graboids ul li a:link, #graboids ul li a:visited {
	display:block;
	height:130px;
	width:190px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
	cursor:pointer;
	}
#graboid2 {
	margin-top:-1px;
	}
.graboid-5000 		{background-image:url("../images/graboids/side/5000.jpg");}
.graboid-american 	{background-image:url("../images/graboids/side/american.jpg");}
.graboid-berne		{background-image:url("../images/graboids/side/berne.jpg");}
.graboid-upholstery {background-image:url("../images/graboids/side/upholstery.jpg");}
.graboid-history	{background-image:url("../images/graboids/side/history.jpg");}
.graboid-motion		{background-image:url("../images/graboids/side/motion.jpg");}
.graboid-recliners	{background-image:url("../images/graboids/side/recliners.jpg");}
.graboid-tilt		{background-image:url("../images/graboids/side/tiltbacks.jpg");}
.graboid-warranty	{background-image:url("../images/graboids/side/warranty.jpg");}
.graboid-green		{background-image:url("../images/graboids/side/green.jpg");}
.graboid-down		{background-image:url("../images/graboids/side/down.jpg");}
.graboid-amish		{background-image:url("../images/graboids/side/amish.jpg");}
.graboid-ottoman	{background-image:url("../images/graboids/side/storage-ottoman.jpg");}
.graboid-trucks		{background-image:url("../images/graboids/side/trucks.jpg");}

#graboids ul li a:hover, #graboids ul li a:focus, #graboids ul li a:active {
	background-position:-190px 0;
	}

 
/* ------- homepage: graboids ------- */
.tab0 #graboids {
	border:none;
	overflow:hidden;
	clear:both;
	}
.tab0 #graboids ul {
	}
.tab0 #graboids ul li {
	float:left;
	background-color:white;
	height:121px;
	width:260px;
	}
.tab0 #graboids ul li a, .tab0 #graboids ul li a:link, .tab0 #graboids ul li a:visited {
	height:121px;
	width:260px;
	}
.tab0 #graboids ul li a:hover, .tab0 #graboids ul li a:focus, .tab0 #graboids ul li a:active {
	background-position:0 -121px;
	}
.tab0 #graboids #graboid1 a {background-image:url("../images/graboids/home/american.jpg");}
.tab0 #graboids #graboid2 a {background-image:url("../images/graboids/home/5000.jpg");}
.tab0 #graboids #graboid3 a {background-image:url("../images/graboids/home/upholstery.jpg");}

/* ------- graboid showcase ------- */
#content .graboids ul {
	margin:0 0 0 -10px;
	padding:0;
	}
#content .graboids ul li {
	margin:-1px 0px 0px;
	padding:0;
	list-style:none;
	float:left;
	}
#content .graboids ul li a, #content .graboids ul li a:link, #content .graboids ul li a:visited {
	display:block;
	height:130px;
	width:190px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
	cursor:pointer;
	border:none;
	text-decoration:none;
	}
#content .graboids ul li a:hover, #content .graboids ul li a:focus, #content .graboids ul li a:active {
	background-position:-190px 0;
	}


/* ------- footer ------- */
#prefooter {
	clear:left;
	height:20px;
	}
#footer {
	margin-top:20px;
	padding:20px 10px 10px;
	background:url("../images/footer/background.jpg") top left repeat-x #d7d0c7;
	color:#8f816d;
	overflow:hidden;
	position:relative;
	height:40px;
	}
#footer h2, #footer hr {
	display:none;
	}
#footer a, #footer a:link, #footer a:visited{
	color:#8f816d;
	text-decoration:none;
	}
#footer a:hover, #footer a:focus, #footer a:active {
	color:#453e37;
	}
/*
#footer-part1 {
	float:left;
	width:200px;
	}
#footer-part2 {
	float:left;
	width:560px;
	text-align:right;
	line-height:40px;
	}
*/
/*
#footer p {
	text-align:center;
	}
#footer-part1 {
	margin-bottom:5px;
	}
*/
#footer-part1 {
	width:40px;
	position:absolute;
	top:20px;
	left:10px;
	}
#footer-part2 {
	position:absolute;
	top:20px;
	left:40px;
	width:720px;
	text-align:right;
	}
#footer ul {
	position:absolute;
	top:37px;
	left:40px;
	width:720px;
	text-align:right;
	}

#footer-part1 a, #footer-part1 a:link, #footer-part1 a:visited {
	display:block;
	height:30px;
	width:31px;
	margin:0 auto;
	text-indent:-9999px;
	background:url("../images/graphics/sb-symbol.png") 0 0px no-repeat;
	line-height:30px;
	color:#453e37;
	}
#footer-part1 a:hover, #footer-part1 a:focus, #footer-part1 a:active {
	background-position:0 -30px;
	color:#8f816d;
	}

#footer-part2 br {display:none;}

#footer ul li {
	display:inline;
	color:#453e37;
	padding:0 8px 0 24px;
	background:url("../images/graphics/bullet_square.gif") top left no-repeat;
	}
#footer ul li.first {
	background:none;
	padding-left:24px;
	}


/* ------- misc ------- */

/* ------- content formatting ------- */

/* pretitle */
#pretitle, #crumb0, #skiptomenu {
	display:none;
	}
.contentpage #pretitle  {
	display:block;
	margin-top:-15px;
	}
#pretitle strong, #pretitle em {
	font-weight:normal;
	font-style:normal;
	}
#pretitle, #pretitle #breadcrumbs a, #pretitle #breadcrumbs a:link, #pretitle #breadcrumbs a:visited {
	color:#9c9185;
	border:none;
	font-size:90%;
	}
#pretitle #breadcrumbs a:hover, #pretitle #breadcrumbs a:focus, #pretitle #breadcrumbs a:active {
	color:#453e37;
	text-decoration:underline;
	background-color:transparent;
	}

/* main body formatting */
#content {
	line-height:1.4em;
	color:#453e37;
	}
#content h1 {
	font-size:200%;
	font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
	color:#8b0e04;
	text-transform:uppercase;
	margin:.45em 0 .7em;
	line-height:.9em;
	}
#content h2 {
	font-size:150%;
	font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
	color:#8b0e04;
	font-style:italic;
	margin:1em 0 .7em;
	}
#content h3 {
	font-size:125%;
	color:#9e7937;
	margin:1em 0 .5em;
	font-weight:bold;
	}
#content span.intro, #content em.intro, #content strong.intro {
	margin:-.1em .1em 0 0;
	font-weight:bold;
	color:#9e7937;
	font-size:125%;
	font-style:normal;
	/*font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;*/
	}
#content .important {
	color:#8b0e04;
	}

#content p {
	margin:1em 0;
	}
#content hr {
	border:none;
	border-top:1px solid #9c9185;
	height:1px;
	}
#content div.hrule hr {
	display:none;
}
#content div.hrule {
	height:20px;
	margin:2em auto;
	background:url("../images/graphics/hr.jpg") 50% 50% no-repeat;
	clear:both;
	}

#content ul {
	display:block;
	margin:1em 0 1em 40px;
	list-style-type:disc;
	}
#content ol {
	display:block;
	margin:1em 0 1em 40px;
	list-style-type:decimal;
	}
#content ul li, #content ol li {
	display:list-item;
	margin:.5em 0;
	}
#content ul ul,
#content ol ul {
	margin-top:0;
	margin-bottom:0;
	list-style-type:circle;
	}
#content ul ul ul, 
#content ul ol ul, 
#content ol ul ul, 
#content ol ol ul {
	list-style-type:square;
	}

#content ul.intro {
	list-style:none;
	margin-left:0;
	}
#content ul.intro li {
	background:url("../images/graphics/bullet_gold.png") 20px .15em no-repeat;
	padding-left:40px;
	}


#content dl {
	display:block;
	margin:1em 0 1em;
	}
#content dl dt {
	margin-top:1em;
	font-weight:bold;
	}
#content dl dd {
	margin-left:40px;
	}

/*	Lays out the dl as more of a grid. Column sizes correspond to the "580 grid system" defined below.
	Turns out it works fine but looks a little wonky in practice.
#content dl dt {
	margin-top:1em;
	font-weight:bold;
	clear:left;
	float:left;
	width:154px;
	margin-right:10px;
	}
#content dl dd {
	margin-top:1em;
	float:left;
	margin-left:10px;
	width:386px;
	}
*/

#content a, #content a:link, #content a:visited {
	color:#8B0E04;
	text-decoration:none;
	border-bottom:1px dashed #8B0E04;
	background-color:none;
	}
#content a:hover, #content a:focus, #content a:active {
	text-decoration:none;
	background-color:#e9e0d5;
	}

#content a.anchor {
	color:inherit;
	border-bottom:inherit;
	background-color:inherit;
	}

#content a.plain, #content a.plain:link, #content a.plain:visited {
	border-bottom:none;
	}
#content a.plain:hover, #content a.plain:focus, #content a.plain:active {
	background:none;
	}

#container #content .button {
	line-height:20px;
	font-size:80%;
	color:#8b0e04;
	text-align:center;
	padding:2px 10px 3px;
	border:1px solid #9c9185; /*b4aba0;*/
	background:url("../images/buttons/button1.png") top left repeat-x;
	cursor:pointer;
	margin:0;
	}
#container #content .button:hover, #content .button:focus {
	background-position:0 -20px;
	}
#container #content .button:active {
	background-position:0 -40px;
	color:#453e37;
	}
#container #content input.button {
	height:22px;
	}


.note {
	font-style:italic;
	color:#6d645b;
	}
.note em {
	font-style:normal;
	}

/* ------- form elements ------- */

input[type='text'], select, textarea {
	border:1px solid #9C9185;
	}

form.largeform {
	display:block;
	margin:20px auto;
	width:500px;
	border:1px solid #9c9185;
	background:url("../images/backgrounds/formbox.jpg") top left repeat-x #ddd5ca;
	padding:20px 0;
	text-align:center;
	}
form.largeform table {
	margin:0 auto;
	text-align:left;
	}
form.largeform table tr td {position:relative;}

form table tr td {
	padding: 5px 10px;
	vertical-align:top;
	}
tr.form-lastrow td {
	padding-top:2em;
	text-align:right;
	}
label.form-sublabel {
	font-size:75%;
	line-height:1em;
	font-style:italic;
	}

.form-required {
	/*background-color:#FF9;*/
	}

/* form messages and alerts */
div.form-error, div.form-success {
	border:1px solid #9c9185;
	background:url("../images/backgrounds/whitepixel.gif") top left repeat-x #ddd5ca;
	padding:5px 10px;
	margin:20px auto;
	width:480px;
	text-align:center;
	}
#content div.form-error {
	color:#8b0e04;
	border-color:#9e534d;
	background-color:#ffd7d4;
	}
#content div.form-success {
	color:#3d8b04;
	border-color:#84b660;
	background-color:#e0ffca;
	}

#content div.form-error p, #content div.form-success p {
	margin:0;
	}
#content div.form-error a, #content div.form-success a {
	color:black;
	border-color:black;
	}
#content div.form-error a:hover, #content div.form-error a:focus, #content div.form-error a:active,
#content div.form-success a:hover, #content div.form-success a:focus, #content div.form-success a:active {
	border-bottom-style:solid;
	background:none;
	}

tr.form-error td label, label.form-error {
	color:#bf1a0d;
	}
tr.form-error td label.form-no-error {
	color:#453e37;
	}
tr.form-error td input {
	}
	
/* ------- tables ------- */

table.data {
	width:100%;
	border-collapse:collapse;
	}
table.data tr td {
	padding:1px 2px;
	border:1px solid #9c9185;
	}
table.data tr.header td {
	background-color:#E9E0D5;
	text-align:center;
	font-weight:bold;
	}

table.data tr.feedbackresult-row1 td {
	border-top:3px solid #9c9185;
	}


/* ------- asides, photos, quotes, inserts, etc ------- */
.photo {
	margin:20px auto;
	text-align:center;
	}
.photo img {
	}
#content .photo p {
	text-align:center;
	font-size:90%;
	font-style:italic;
	color:#8f816d;
	margin:3px 0;
	}


/* grid system for #content element */
/* inspired by the 960 grid system at http://960.gs/ but for ten columns of 50px width each plus 10px side margins, for a 700px total width */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10 {
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px;
	}
.inset_1, .inset_2, .inset_3, .inset_4, .inset_5, .inset_6, .inset_7, .inset_8, .inset_9, .inset_10 {
	/*this is the same as the .left class, so using the .left class is not necessary but helps make code clear*/
	float:left;
	margin-right:10px;
	margin-top:0;
	margin-bottom:0;
	}
.grid_1, .inset_1 {width:38px;}
.grid_2, .inset_2 {width:96px;}
.grid_3, .inset_3 {width:154px;}
.grid_4, .inset_4 {width:212px;}
.grid_5, .inset_5 {width:270px;}
.grid_6, .inset_6 {width:328px;}
.grid_7, .inset_7 {width:386px;}
.grid_8, .inset_8 {width:444px;}
.grid_9, .inset_9 {width:502px;}
.grid_10, .inset_10 {width:560px;}

.right {float:right;margin-left:10px;margin-right:0;}
.left  {float:left; margin-right:10px;margin-left:0;}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	}
.clearfix:after{
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
	}
.clearfix{display:inline-block;}
* html .clearfix{height:1%}
.clearfix{display:block}

/* insets and aside options */
.thinborder {border:1px solid #bba589;margin:0 5px; padding:0 4px;background-color:#f4eee7;}
.wideborder {border:4px solid #bba589;padding:0 6px;background-color:#f4eee7;}
.leftborder {border-left:1px solid #bba589; margin-left:5px; padding-left:4px;}
.rightborder {border-right:1px solid #bba589; margin-right:5px; padding-right:4px;}
.bottomborder {border-bottom:1px solid #bba589; padding-bottom:9px;}
.topborder {border-top:1px solid #bba589; padding-top:9px;}

.alpha {margin-left:0;}
.omega {margin-right:0;}

/* quotes */
#content .quote, #content .pullquote {
	border-top:1px solid white; /*#bba589;*/
	/*border-top:1px dashed #ccc1b4;*/
	padding:1px 9px 8px 27px;
	margin:0 0 5px;
	text-indent:-.6em;
	background:url("../images/graphics/quotemark.png") 5px 7px no-repeat #f4eee7;
	}
#content .quote blockquote, #content .pullquote blockquote {
	color:#b59968;
	font-family:Cambria,"Hoefler Text",Utopia,"Liberation Serif","Nimbus Roman No9 L Regular",Times,"Times New Roman",serif;
	font-size:135%;
	line-height:1.2em;
	margin:-.2em 0 -.5em;
	}
#content .quote blockquote p strong {
	color:#9e7937;
	font-weight:bold;
	font-size:120%;
	}
#content .quote .quotesource {
	text-align:right;
	margin-top:0;
	color:#8f816d;
	}
#content .quote .quotesource:before {
	content:"»";
	vertical-align:2px;
	}
#content .quote .quotesource a {
	font-size:80%;
	}
/* end quotes */

/* ------- inner-page tab navigation ------- */
/*
#tabnav {
	width:98px;
	margin-right:8px;
	float:left;
	}
#tabcontent {
	float:left;
	width:444px;
	margin-left:10px;
	}
#tabnav p {
	display:none;
	}
#tabnav ul {
	list-style:none;
	margin:0;
	}
#tabnav ul li {
	margin-bottom:20px;
	}
#tabnav ul li a, #tabnav ul li a:link, #tabnav ul li a:visited {
	display:block;
	width:96px;
	border:none;
	padding:1px 1px 5px;
	text-decoration:none;
	text-align:center;
	color:#9c9185;
	line-height:.9em;
	font-size:90%;
	}
#tabnav ul li a:hover, #tabnav ul li a:focus, #tabnav ul li a:active {
	border:1px solid #c7bfb4;
	background-color:transparent;
	padding:0 0 4px;
	}
#tabnav ul li.curr a, #tabnav ul li.curr a:link, #tabnav ul li.curr a:visited {
	border:1px solid #9e7937;
	padding:0 0 4px;
	}
#tabnav ul li.curr a:hover, #tabnav ul li.curr a:focus, #tabnav ul li.curr a:active {
	border:1px solid #6a542e;
	padding:0 0 4px;
	}
*/

#content .tabnav ul {
	list-style:none;
	margin:0 auto;
	}
#content .tabnav ul li {
	display:inline;
	float:left;
	}
#content .tabnav ul li a, #content .tabnav ul li a:link, #content .tabnav ul li a:visited {
	display:block;
	width:96px;
	border:none;
	padding:1px 1px 5px;
	text-decoration:none;
	text-align:center;
	color:#9c9185;
	line-height:.9em;
	font-size:90%;
	}
#content .tabnav ul li a:hover, #content .tabnav ul li a:focus, #content .tabnav ul li a:active {
	border:1px solid #c7bfb4;
	background-color:transparent;
	padding:0 0 4px;
	}
#content .tabnav ul li.curr a, #content .tabnav ul li.curr a:link, #content .tabnav ul li.curr a:visited {
	border:1px solid #9e7937;
	padding:0 0 4px;
	}
#content .tabnav ul li.curr a:hover, #content .tabnav ul li.curr a:focus, #content .tabnav ul li.curr a:active {
	border:1px solid #6a542e;
	padding:0 0 4px;
	}

/* use these in addition to the .tabnav class to center the tab bar (the number corresponds the number of items in the list) */
#content .tabnav_1 ul {	width:500px; } 
#content .tabnav_2 ul {	width:500px; }
#content .tabnav_3 ul {	width:500px; }
#content .tabnav_4 ul {	width:500px; }
#content .tabnav_5 ul {	width:500px; }
#content .tabnav_6 ul {	width:500px; }

/*
#tabnav {
	width:420px;
	margin:0 auto;
	}
#tabnav h2, #tabnav p {
	display:none;
	}
#tabnav ul {
	list-style:none;
	margin:0 auto;
	}
#tabnav ul li {
	display:inline;
	float:left;
	width:70px;
	}
#tabnav ul li a, #tabnav ul li a:link, #tabnav ul li a:visited {
	display:block;
	width:65px;
	height:36px;
	padding:17px 2px;
	border-top:1px solid #c7bfb4;
	border-bottom:1px solid #c7bfb4;
	border-left:1px solid #eae5df;
	color:#9c9185;
	border-right:none;
	text-align:center;
	line-height:.9em;
	}
#tabnav ul li a:hover, #tabnav ul li a:focus, #tabnav ul li a:active {
	background-color:#f5f0e9;
	}
#tabnav ul li.curr a, #tabnav ul li.curr a:link, #tabnav ul li.curr a:visited {
	background-color:#f5f0e9;
	}
#tabnav ul li.curr a:hover, #tabnav ul li.curr a:focus, #tabnav ul li.curr a:active {
	background-color:#eae5df;
	}
#tabnav ul li:first-child a, #tabnav ul li:first-child a:link, #tabnav ul li:first-child a:visited {
	border-left-color:#c7bfb4;
	}
#tabnav ul li:last-child a, #tabnav ul li:last-child a:link, #tabnav ul li:last-child a:visited {
	border-right:1px solid #c7bfb4;
	width:64px;
	}
#tabcontent {
	clear:left;
	padding-top:10px;
	}
*/


/* ------- specific homepage formatting ------- */
.homepage #content {
	text-align:center;
	}
	
.homepage #pagetitle {
	display:none;
	}
	
.homepage #content p.home-p1 {
	color:#8f816d;
	position:relative;
	text-indent:183px;
	margin:2em 40px;
	}

.homepage #content p.home-p2 {
	color:#8b0e04;
	margin:2em 40px;
	}

.homepage #content span.intro {
	color:#574d40;
	font-style:italic;
	display:block;
	height:36px;
	width:188px;
	margin:0;
	float:left;
	text-indent:-9999px;
	background:url("../images/titles/home-for80years.png") top left no-repeat;
	position:absolute;
	top:-.8em; /*-11px;*/
	left:0;
	}