body{background: #EADA9E url(../_img/bg-pattern.gif) repeat top left; margin: 0; padding: 0; font: normal normal 90% Verdana, arial, sans-serif;}
/* this is only to add another background pattern */
#body2{background: transparent url(../_img/bg-top-pattern.gif) repeat-x scroll top left; position: absolute; top: 0; left: 0; bottom: 0; right:  0;}
#body3{width: 760px; margin: 0 auto 0 auto; border-top: 1px solid transparent;} /* transparent border hack for firefox and others */


p,h1,h2,h3,h4,h5,h6,ul,ol,li{margin:0 35px 0 32px; padding: 0; text-align: left; padding: 0;}
ol,li{padding-top: .25em; padding-bottom: .25em;}
h1{padding-bottom: .5em;}
h2,h3,h4{padding: 1em 0 .5em 0;}
p{padding: .5em 0 .5em 0;}
h1{text-align: center; color: rgb(200,40,40);}
h1 em{font-size: .8em;}
h2{border-bottom: 2px solid; font-family: arial, helvetica, sans-serif;}
h3{border-bottom: 1px solid; font-family: arial, helvetica, sans-serif;}

/* the leaf won't position high enough if we don't add the transparent border line at the top */
#content{ background: transparent url(../_img/bg.gif) no-repeat top right; border-top: 1px solid transparent;}
#content img.pagegraphic {margin: 0; padding: 0; float:  left; border:  none}

#header{ height:  34px; background: transparent url(../_img/header-bg.gif) repeat-x top left ; text-align: right; vertical-align:  middle; margin-top: 14px;}
#header #bgleft{background: transparent url(../_img/header-bg-left.gif) no-repeat top left;}
#header a.headerlink{color: #FFFFFF; margin: 0 1em 0 3em; text-decoration: none; letter-spacing: .1em;}
#header a.headerlink:focus{outline: none;}
#header img{border: none; margin: 0; padding: 0;} /* we may have to do an IE fix here */

#headerlogo {float: left; display: block; width: 213px; height: 61px; margin: 0; margin-left: -1px;padding: 0;}

hr.headerbottomline { float: right; width: 760px; margin-top: .25em; height: 0; border: none; border-bottom: 1px solid #BE563B;}

#banner {text-align: right; margin: 2em 0 1em 0;}
#banner #logo {float: left; margin-left: 0; padding-left: 0;}
#banner #title1 {color: #BE563B; font-size: 1.2em; border-bottom: 1px solid #93A5C6; margin-left: 50px; padding-right: 3em; padding-top: 3em; display: block; font-style: italic; letter-spacing: .2em; font-family: TimesNR, Times, serif;}
#banner #title2 {font-size: 1.4em; display: block; padding-top: .3em; font-family: TimesNR, Times; font-weight: bold; font-variant: small-caps; letter-spacing: .1em; }

#mainnav {background-color: rgb(240,240,200); clear: both; }
#mainnav a.navitem{float: left; width: 200px; margin: 10px 25px; padding: 0; height: 200px; display: block; background-color: transparent; text-align: center; position: relative;}
#mainnav a.navitem img {display: block; border: none; margin: 0; padding: 0;}
#mainnav a.navitem:focus{outline: none;}

#footer {clear: both; text-align: left; padding: 1em 0; font-size: .8em; font-style: italic; border-top: 1px solid #BE563B;}

a{color: rgb(200,40,40);}
.section{margin: 0; padding: 0; background: transparent url(../_img/pg-body.gif) repeat-y top left; text-align: center; clear: left;}
.section .orsubdiv{text-align: left; margin: 0 35px 0 32px; padding: 0; margin-left: 75px; font-size: 90%;}

a.img, a.imgv{text-decoration: none;}
.img img,.imgv img, img.img{vertical-align: middle; border: 0; background-color: rgb(200,200,200);}
.img img{margin: 13px; padding: 10px;}		
.imgv img{margin: 2px; padding: 10px;}		
		
.table {width: 100%; clear:right;}		
		
.filesize {display: block;}

#webitemtable {margin: 0 15px 0 20px; width: 725px;}
#webitemtable td{vertical-align: top; padding-bottom: 2em;}

.webitem {display: block; text-align: center;}
	.webitem span{display: block;}
	.webitem span.title {font-weight: bold;}
	.webitem span.type {font-style: italic;}
	.webitem span.org {font-style: italic;}	

#drawingsetstable{ margin: .5em 15px 0 20px; width: 725px; text-align: center;} /* any bottom margin breaks the pg-bottom.gif seemless graphic */
	#drawingsetstable a{text-decoration: none;}
	#drawingsetstable td{vertical-align: top; padding-bottom: 3em;}
	#drawingsetstable span.title{display: block;font-family: arial, helvetica, sans-serif; font-weight: bold; margin-top: .5em;}
	#drawingsetstable span.desc {display: block;font-style: italic; margin-left: 1em; margin-right: 1em;}
	#drawingsetstable span.fileinfo { display: block; font-size: .8em; }
	
#contactform {font-family: arial, helvetica, sans-serif;}
	#contactform input{width: 100%; border: 1px solid #93A5C6;font-family: arial, helvetica, sans-serif; font-size: inherit; font-weight: normal; height: 1.5em; padding: 3px;}
	#contactform textarea{width: 100%; border: 1px solid #93A5C6;font-family: arial, helvetica, sans-serif; font-size: inherit; font-weight: normal; padding: 3px;}	
	#contactform .formbutton{width: auto; background-color: #93A5C6; color: #ffffff; border: none; font-size: .9em; font-weight: bold;}