/* VALLEY JOIST */

html { margin: 0 auto; padding:0; text-align: center;  background-color: #263049;    }
body { margin: 0 auto; text-align: center; width: 1041px;  height: 100%;  }

body, th, td { font: 90% Arial, Helvetica, sans-serif; } 
h1, h2, h3, h4 { margin: 0 .5em; clear: left; font-weight: normal; }
h1 { font-size: 1.4em; color: #404040; margin: 0; font-family: "Times New Roman", Times, serif;  }
h2 { font-size: 1.4em; border-bottom: 1px solid #E0E0E0; color: #707070; margin-left: 2px;}
h3 { font-size: 12px; font-weight: bold;  color: #000; }
h3 a { font-size: 14px; font-weight: bold;  color: #FFF; text-decoration: none; margin-left: 8px;}
h3 a:hover {  color: white; text-decoration: underline; }
a { color: #4040A0;  }
a:hover { color: #000000; }
a img { border: none; }
p { margin: 1em 0; font: 12px arial; }
big { font-size: 1.3em }
small { font-size: .8em; font-weight: normal; }
em { }
hr { height: 1px; color: #D0D0D0; }
dt { font-weight: bold; }
td { vertical-align: top; }
/*elements - end */

/* misc classes - begin */
blockquote .open { display: block; position: absolute; float: left; margin-left: -30px; width: 25px; height: 20px; background: no-repeat url(/images/quote-open.gif); }
blockquote .close { display: block; float: right; margin-top: -15px; width: 25px; height: 20px; background: no-repeat url(/images/quote-close.gif); }
.number, .number input { text-align: right; white-space: nowrap; }
.icon { text-align: center; }
.icon a { margin: auto; }
.remove { text-align: center; }
.remove a { margin: auto; }
.odd td { background: #F0F0F0; }
.tablefooter td { background: #E0E0E0; border-bottom: 5px double #C0C0C0; }
.button { padding: 3px; }
.button a { height: 1em; margin: 0 .2em; white-space: nowrap; background: #D0D0D0; border: 2px outset #E0E0E0; text-decoration: none; font-weight: bold; padding: 1px 5px; }
.button a:hover { background: #C0C0C0; border: 2px inset #B0B0B0; text-decoration: none; }
.pageaction { clear: both; text-align: center; padding-top: 10px; }
.calltoaction a { background: #202080; color: #E0E0E0; font-size: 1.1em; border: 2px outset #6060C0; }
.calltoaction a:hover { background: #000060; color: #FFFFFF; border: 2px inset #6060C0; }
.ascending span { width: 10px; height: 10px; padding-right: 15px; background: no-repeat 3px 3px url(/images/ascending.gif); }
.descending span { width: 10px; height: 10px; padding-right: 15px; background: no-repeat 3px 3px url(/images/descending.gif); }
.label { border: none !important; text-align: right; font-weight: bold; width: 40%; color: #606060; vertical-align: top; margin-top: 3px; padding: 2px 5px; }
.value { border: none !important; vertical-align: top; padding: 2px 5px; }
.positive { color: #00A000; }
.negative { color: #A00000; }
.bullet0, .bullet0 li { list-style: none; /* appplied to either the list or the item */ }
.bullet1, .bullet1 li { list-style-image: url(/images/bullet.gif); /* appplied to either the list or the item */ }
table { width: 100% }
.table { clear: both; margin: 2px 0; }
.table th { padding: 2px 5px; font-weight: bold; color: #505050; background: #D0D0D0; border: 1px solid white; border-bottom: 3px solid white; text-align: center; }
.table th a { text-decoration: none; }
.table td { padding: 2px 5px; border-bottom: 1px solid #E0E0E0; }
td.key { font-weight: bold; text-align: right; }
.cms, .col { padding: 0 30px; }
.cms em { color: #000000; font-style: italic; font-weight: normal; }
.cms strong { font-weight: bold; font-style: normal; }
.cms ul li { list-style: disc; }
.cms table { width: auto !important; }
.RadEContent, .RadEContentBordered { background-color: #FFFFFF !important; }
/* misc classes - end */

.middle { margin: 256px auto 0; width: 1041px; text-align: left; background:  url(http://images.ebsco.com/pob/valleyjoist/backGround.gif) top center repeat-y ;  }
	.middle .center { vertical-align: top; padding: 0; }
		.middle .center .breadcrumb { margin: 10px 0 0 50px; }
		.middle .center .content { padding: 10px 33px; }
		.middle .center .content h1 { padding: 10px 18px 0 18px; }
		.middle .center .edit { text-align: left; padding-right: 0; }
		.middle .center .edit table { width: auto !important; }
		
		/* table created for home page image nav area */
		.nav-table { width: 920px; margin: -10px -1px 0 0; padding: 0px }
		.nav-table td { width: 240px; border: 2px solid white; margin: 4px; }
		.nav-table .clickCell { height: 34px; background-image: url(http://images.ebsco.com/pob/valleyjoist/homebutton.gif); }		
		.nav-table .clickCell h3 { margin: 6px 0; }				
		.nav-table .abstractCell { width: 240px; background-color: #abbdad; }			
		.nav-table p { font: 12px bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  margin: 8px; color: black; }
		
		.home_content { width: 960px; margin: 0; }
		.home_content td { padding: 5px; }
		.home_content .logo-div { text-align: center;  float: left; width: 100px; }
		.home_content p { padding: 0 35px; }
		
		.about-table td { width: 281px; margin: auto; }
		
		.photo-credit { padding: 2px 15px; background-color: #507756; width: 273px;  padding: 8px 4px 6px 4px; 	}
		.photo-credit p { color: white; font: bold .9em  Arial, Helvetica, sans-serif; margin: 2px auto; }
		
		.SalesTable { width: 910px; }
		.SalesTable td {width: 225px; }
		.SalesTable h3 { text-align: left; font: bold 16px times, serif; color: #263048; }
/* END table created for home page image nav area */	

.header { height: 215px; width: 1041px; position: absolute; top: 0; text-align: left; background: url(http://images.ebsco.com/pob/valleyjoist/Valley-Joist-header.jpg) no-repeat; left: 50%; margin-left: -521px; }

	.header ul, .header li { margin: 0; padding: 0; list-style: none; }
	.header a { font-weight: bold; }
	.header .left { display: none; }
	.header .right { display: none; }
	.header .tagline { margin-left: -420px; }
	.header .logo { position: absolute; margin-left: 50px; top: 121px; width: 200px;  }
	.header .logo a { text-decoration: none; color: white; font: bold 40px arial; }
	
	.header .shopping { position: absolute; width: 150px; margin-left: 335px; top: 10px; }
	.header .shopping a { display: block; width: 100%; text-decoration: none; font-size: .8em; background: #D0D0D0; margin-top: 1px; }
	.header .shopping a:hover { background: #FFFFFF; }
	
	.header .links { position: absolute; top: 215px; height: 31px;  text-align: center; width: 1041px; background: url(http://images.ebsco.com/pob/valleyjoist/TopNavBackground.gif); padding-top: 10px; margin: 0px -30px 0 0px;    }
	.header .links ul { margin: 0 auto;  }
	.header .links li { float: left; padding: 0 10px; }
	.header .links a { background-image: url(http://images.ebsco.com/pob/valleyjoist/whiteBullet.gif); background-repeat: no-repeat; background-position: left;  text-decoration: none; color: white; font-size: 13px; white-space: nowrap;  padding: 0 20px 0 15px;}
	.header .links a:hover  { background-image: url(http://images.ebsco.com/pob/valleyjoist/greenBullet.gif); background-repeat: no-repeat; background-position: left;  text-decoration: none;  color: #f2f690; }
	.header .links a:active  { background-image: url(http://images.ebsco.com/pob/valleyjoist/greenBullet.gif); background-repeat: no-repeat; background-position: left;  text-decoration: none;  color: #f2f690; }
	
	.header .access { position: absolute; margin-left: 335px; width: 150px; top: 87px; }
	.header .access .logout {  }
	
.footer { width: 1040px; text-align: center; line-height: 1.4em; font-size: .8em;  }
	.footer ul { list-style: none; }
	.footer .links { width: 1040px; color: black; margin-left: 0; background: url(http://images.ebsco.com/pob/valleyjoist/backGround.gif) repeat-y;}
		.footer .links a { color: black; text-decoration: none; white-space: nowrap; }
		.footer .links a:hover { color: red; }
	.footer .copyright { background: url(http://images.ebsco.com/pob/valleyjoist/backGround.gif) repeat-y; margin-left: 0;}
	.footer .division { background: url(http://images.ebsco.com/pob/valleyjoist/backGround.gif) repeat-y; }
		.footer .division a { font-weight: bold; }
	.footer .geotrust {  background: url(http://images.ebsco.com/pob/valleyjoist/backGroundBottom.gif) no-repeat;}
/* wrapper - end */

.clearright { clear: right; }
.clearboth { clear: both; }
.clearleft { clear: left; }

