/* all non product pages #about , #crit , #fund , #resource  */
/***body tag***/

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #3C2800;/*dark brown*/
	font-size: 12px;
	background-color: #FFFFF2;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0; 
	z-index: 0;  /*sets all browsers to the same default settings */
	background-image:  url("/Images/hr2px.gif");
	background-repeat: repeat-x;
	background-position: left 112px;/*150*/
}
#prod {
    background-image:   url("/Images/headline.gif");/*hgt37px, width changed to 50px*/
	background-repeat: repeat-x;
	background-position: left 75px;
}

/***page layout begins***/
/*floats are cleared in html, eliminated #wrapper*/


/***header begins***/
#header 
{
	background-image: url(/Images/logo_sm.gif);
	background-position: 70px 15px; /*horz, vert*/
	background-repeat: no-repeat;
	height: 140px;
	width: 850px;
	margin: 25px 0 0 0;
	padding: 59px 0 0 0;
}/*border: medium solid #FF00FF;*/

#header a.int, #header a.prev {
  float:left;
  margin: 0;
  padding: 4px 10px;
  line-height:1;/*padding and line height match pmm a tag*/
}

#header #p7PMnav {
   float:right;
   margin: 0 55px 0 0;
   padding: 0; 
}

/***header ends***/

/*** midsection begins, contains colone for APM navigation and content as coltwo***/

#midsection {
	margin: 0;
	padding: 0;
}/*border: medium solid #FF0000; need this div so it can be a set width on #prod pages*/

#prod #midsection {
    width: 1100px;
}/*using this to control width of midsection on prod pages bc wrapper caused issues with #warning. this width might vary by page...could give midsection a class if needed*/

#colone {
	float: left;
	width: 142px;
	margin: 0;
	padding: 0 0 0 15px;
}/*border: medium solid #0000FF; */

#about #colone, #crit #colone, #subscribe #colone {
    display:none;
}

#content {
	padding: 0 15px 15px 15px;/*left 35px*/
	margin: 0 0 0 160px;
}/*left margin makes #content sit next to #colone which is floated left, border: medium solid #FFFF00;*/


#about #content, #crit #content, #subscribe #content {
    margin: 0;
}/*bc there isn't col one to be on the left, then left margin isn't needed*/

#subcontent {
    width: 450px;
	
}
.left {
    width: 200px;
	float: left;
	margin-right: 25px;
}
/*optional for col one note: thispage is the first group and thispagetoo are all the other ones each type needs a different margin set*/
#relatedlinks, .thispage, .thispagetoo {
	width: 135px;/*same width as APM*/
	padding: 0;
	text-align: left;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #DBDBB7;
	font-size:10px;
}
#relatedlinks, .thispage {
   margin: 45px 0 0 0;
}
.thispagetoo {
   margin: 325px 0 0 0;
}
#relatedlinks {
    height: 200px; /*needed to determine border line on right, this will naturally get longer as content is added. doesn't work in IE6, need to add page specific height when it is different than this*/
}

.thispage, .thispagetoo {
    height: 100px;
}

/***midsection ends***/
/***layout ends***/

/***tags begin***/

/*using #content so Nav in PMM or APM are not affected*/

#content p{
	margin: 15px 0 0 0;
	padding: 0;
}

#content p.last {
    margin-bottom: 15px;
}

#content h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 15px 0 8px 0;
	padding: 0;
	color: #3C2800; /*dark brown*/
	text-decoration: none; /*doing odd things on reclaim page*/
}/* h1 is replacing pgtitle, border: thin solid #00FF00; in #content on all pages*/

#content h2 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	margin: 15px 0 3px 0;
	padding: 0;
}

#content h3 {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	margin: 0 0 3px 0;/*bottom was 15px, changed for vinyl page*/
	padding:0;
}

#relatedlinks h3, .thispage h3, .thispagetoo h3 {
    text-decoration:none;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding:0;
}

#relatedlinks ul.menulist li, #table ul.menulist li, .thispage ul.menulist li, .thispagetoo ul.menulist li {
    margin: 0;
	padding: 3px 0 3px 0;
}
#content ul.menulist li {
    margin: 0;
	padding: 0;
}


/*#content ul.title li:first-line{
    font-weight: bold;
}bolding works in compliant browsers? */

#content p.ultitle {
   margin-bottom: 5px;
}

#content li {
   margin: 0 0 5px 0;
}
#content li.first {
    margin-top: 5px;
}
#content #crit li {
   margin-left: 15px;
}
#content #crit ul {
    margin-left: 65px;
}


/***tags end***/


/***link styling begins***/
a {
	font-size: 11px;
}
 
a.int {
   text-decoration: none;
}

a.int:link {
	color : #336633; /*drk green only working in Mozilla not IE6, maybe color should be on straight "a" tag*/
	text-decoration: none;
}

a.int:visited {
	color : #6AB56A; /*light green, needs to be unique from link and hover*/
	text-decoration : none;
  }
  
#header a.int:visited {
  color : #336633; /*dark green*/
  }/*goal to have home always dark green except when hovering*/

a.int:hover, a.int:active {
    color : #336633; /*brown*/
	text-decoration : underline;
}
a.outlink:hover {
    color : #336633; /*dark green, link and visited will remain default of user*/
}





/***footer begins***/
#footer {
	left: 10px;
	margin: 20px 0 15px 0; /* varies in browsers*/
	height: 15px;
	font-size: 10px;
	font-weight: bold;
	color: #3C2800;/* dark brown, probably covered in body*/
	text-align: center;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #996600;/*light brown*/
	background-color: #6AB56A;
}
/***footer ends***/
 
/***Tables begin***/

table {
	margin-bottom: 15px;
	margin-top: 15px;
	margin-right: 0px;
	border-collapse: collapse;
	border: 2px solid #3C2800;
	width: 790px;
}
table.xlrg {
  width: 875px;
}
table.big {
 width: 825px;
}
table.med {
    width: 700px;
}
table.avg {
    width: 630px;
}
table.insert {
	border: none;
	width: auto;
}
td {
	border: 1px solid #DBDBB7;
	padding: 0.1em .75em;
	
}

tr.crit td {
    padding: 0.05em .75em;
}

tr:hover {
    background-color: #E7E7CF;
}

tr.tbltitle:hover, tr.nohover {
    background-color: inherit;
}
tr.nohover td{
    padding: 10px 3px 5px 5px;
}

.tbltitle{
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	text-align:center;
	
}

.tblhead{
	font-weight: bold;
	text-align: center;
	background-color: #E7E7CF;
}

.tblfoot {
	font-size: 10px;
	text-align: right;
}
.compname{
	font-size: 14px;
}

/*** tables end***/

/***classes begin***/

/*ul tags in APM, and other navigation*/
.menulist {
	margin: 0; /*removes indent IE and Opera*/
    padding: 0; /*removes indent Mozilla and NN7*/
    list-style-type: none; /*turns off display of bullet*/
    text-align: left;
} 
/*use span class with R trademark so it is like TM is naturally*/
.reg {
	font-size: 9px;
	vertical-align: text-top;
	text-decoration: none;
}

h3 .reg {
   text-decoration: none;
}

/*resources, span class for specific styling*/
.catid {
	color: #714D00;
	font-size: 11px;
	margin-left: 6px;
	font-family: "Times New Roman", Times, serif;
}
.awrdsilver {
	color: #666666;
	font-size: 11px;
	margin-left: 6px;
	font-family: "Times New Roman", Times, serif;
}

.awrdgold 
{
	color: #CCCC00;
	font-size: 11px;
	margin-left: 6px;
	font-family: "Times New Roman", Times, serif;
}
.awrdinnovate 
{
	color:#660099;
	font-size: 11px;
	margin-left: 6px;
	font-family: "Times New Roman", Times, serif;
}

.pgtitle {
	font-size: 16px;
	font-weight: bold;
	float:right;
	width: 550px;
} /*in #header on pages: about, criteria, resources, book reviews*/

#pgtitle {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 25px 0;
	line-height: 25px;
	color: #3C2800; /*dark brown*/
	text-decoration: none; /*doing odd things on reclaim page*/
	
}/* border: thin solid #00FF00; in #content on all pages*/



#pgtitle a{
    margin-left: 12px;
}
#prod #pgtitle a {
    margin-left: 0;
}

/*use pgsubt with about and criteria on prod pages & when link/words are on the same 
line as the title, otherwise just use the a tag and a break*/
.pgsubt {
	margin-left: 12px;
	
}
#prod .pgsubt {
    word-spacing: 5px;
}
.pgsubt2 {
  margin-left: 12px;
} /*on carpet_fiber_reclaim page doesn't follow about,criteria pattern so didn't need word-spacing that is #prod .pgsubt, probably a better way to do this put just in a hurry*/


.note {
	margin-top: 35px;
	margin-left: 65px;
	font-size:10px;
}/*Criteria page include, message at bottom*/

#quote{
	font-style:italic;
	font-size:18px;
	color: #336633;/*dark green*/
	text-align: center;
	margin: 0 0 45px 0;
	
}
.quote {
   font-style:italic;
}

.subquote {
   font-style: normal;
   font-size: 10px;
   margin: 0 0 0 75px;

}
.subtxt, a.subtxt  {
    font-size: 11px;
}
#p7PMnav li a .subtxt {
       font-size: 9px;
}



.info {
	font-family: "Courier New", Courier, mono;
	font-size: 16px;
	font-weight: bold;
	color: #996600;/*light brown*/
	margin-right: 3px;
	margin-left: 5px;
	cursor: help;
}/* i for information pop up box*/
table .info {
    color: #66CC00;/*bright green*/
}

#relatedlinks .info {
    margin: 0 2px 0 0;
}


.bfree {
	list-style-type: none;
}
.bold {
   font-weight: bold;
}

.undl {
     text-decoration:underline;
}
.italic {
    font-style: italic;
}
.signoff {
    margin: 0 0 8px 0;
	display: block;
}
.sig {
	font-family: "Lucida Handwriting";
	font-size: 20px;
	display:block;
	margin: 3px 0 0 5px;
	}
.lrg {
	font-size: 26px;
	}/*where is this being used*/
li.head, #content li.head {
    list-style-type: none;
    text-decoration: underline;
    font-size: 12px;
}
/***classes end***/

#warning  {
	float: right;
	width: 165px;
	text-align:center;
	color: #DBDBB7;
	font-weight: bold;
	cursor: help;
	margin: 5px 15px 0 0;
}
/*Preview pages only, changed .int to .prev, added a selector above in #header*/
#prevnote {
   width: 425px;
   margin: 0 0 10px 0;
   color: #996600;
}

a.buttontemp:link, a.buttontemp:visited {
	background-color: #E1E1E1;
	color: #3C2800;
	text-decoration: none;
	width: 75px;
	margin: 3px 0 0 7px;
	border: 1px solid #3C2800;
	display: block;
	
	text-align: center;
	width: 100px;
}


a.buttontemp:hover, a.buttontemp:active {
    color: #960;
	text-decoration: underline;
}