/* HTML ELEMENTS */
body
{
	background-color: #599C92; /* teal */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em; /* 13px */
	margin: 0 0 10px 0;
}

body, td, div, p
{
	/* line-height: 1.6em; */
	color: #808078;
}

img
{
	display: block;
}

h1, h2, h3
{
	color:#1F5845;
	font-weight:normal;
	margin:0;
}

h1.pagetitle
{
	font-size:1.65em;
	margin-bottom:12px;
}

h1.pagetitle a
{
	color: #808078;
	text-decoration:none;
}

h1.pagetitle a:hover
{
	text-decoration:underline;
}

h2
{
	font-size:1.3em;
	margin-top:12px;
}

.h2 /* like an inline h2, that can be placed in other containers */
{
	font-size:1.3em;
	margin-top:12px;
	color:#1F5845;
}

h3
{
	font-size:1.15em;
	margin-top:12px;
	font-weight:bold;
}

.h3 /* like an inline h3, that can be placed in other containers */
{
	font-size:1.15em;
	margin-top:12px;
	font-weight:bold;
	color:#1F5845;
}

a
{
	/*color:#1F5845;*/
	color:#009185;
}

a:hover
{
	text-decoration:underline;
}

a img
{
	border: 0;
}

address
{
	font-style:normal;
}

ul.nonlist
{
	margin: 0;
	padding:0;
	list-style:none;
}

ul.nonlist li
{
	margin: 0;
	padding:0;
}

ul.tightlist
{
	margin: 0 0 0 20px;
	padding: 0;
}

ul.tightlist li
{
	margin: 0;
	padding: 0;
}

ul.spacedlist
{
	line-height:1.5em;
}

/* SPECIFIC PLACES/STRUCTURES ON THE PAGES */
#frame
{
	background-color: #FFF;
	margin: 0px auto 0px auto;
	padding: 6px 17px 17px 17px;
	width: 934px; /* + padding 17 * 2 + 934 = 968 */
}

#topnav0
{
	background: #FFFFFF url(../images/headerbackground.jpg) no-repeat top right;
	height: 140px;
}

#topnav1 /* actual CSS is in tabs.css */
{
}

#topnav2 /* not used on home page, just sub-pages */
{
	background: #FFFFFF url(../images/pageart934x60.jpg) no-repeat top left;
	clear:both;
	height: 60px;
	margin-bottom: 20px;
}

#topnav3 /* a bar specific to the homepage */
{
	background: #FFFFFF url(../images/welcometotcp.jpg) no-repeat top left;
	height: 48px;
	margin: 3px 0 0 0;
}

.nav_td /* wanted to use id's but VSS runat=server generates them... */
{
	background-color: #FFFFFF;
	width: 174px; /* assuming 1024 or better */
	vertical-align: top;
}

#nav_div
{
	padding: 0;
}

.content_td /* wanted to use id's but VSS runat=server generates them... */
{
	/*width: 539px; */ /* assuming 1024 or better */
	background-color: #FFF;
	vertical-align: top;
}

#content_div
{
	padding: 0 0 10px 17px;
	vertical-align: top;
}

#maincontent
{
	min-height: 300px;
	height: auto !important; /* ie6 hack, move into ie6.css at some point? */
	height: 300px; /* ie6 hack, move into ie6.css at some point? */
	vertical-align: top;
}

#maincontent a
{
	text-decoration:underline;
}

#maincontent h2 a
{
	text-decoration:none;
}

#maincontent h2 a:hover
{
	text-decoration:underline;
}

.requestaquote
{
	margin:20px 0 20px 0;
}

#footer
{
	background-color: #CECAAD;
	border-top: solid 4px #094334;
	height: 35px;
	line-height: 35px;
	padding: 0px 17px 0px 17px;
}

#footer, #footer a
{
	color: #444438;
	font-size:.85em;
	font-weight:bold;
}


/* SPECIFIC FONTS CLASSES */
.offscreen /* not my favorite thing to do, but it works... */
{
	margin: 0 0 0 -5000px;
	display: none;
}

.error
{
	color: #FF0000;
}

.centered
{
	text-align:center;
}

.bold
{
	font-weight:bold;
}

.emphasize
{
	font-size:1.05em;
	color: #1F5845;
}


/* START HOMEPAGE SPECIFIC ITEMS */
#grid
{
	/*height: 355px;*/ /* doesn't include the bottom 7 margin*/
	/*width: 446px;*/ /* 436 + 7 white border and 3 far right border, which are included in this structure but not on the diagram */
	/*margin: 0 0 0 11px;*/
}

#grid IMG
{
	display:inline;
}

#grid TD.borderright11
{
	border-right: solid 11px #FFF;
}
#grid TD.borderright7
{
	border-right: solid 7px #FFF;
}

#grid TD.borderbottom11
{
	border-bottom: solid 11px #FFF;
}

#home_contentwrapper
{
	border-right: solid 3px #DBD9CA;
	padding-bottom:4px;
	padding-top:4px;
}

#content
{
	background-color: #F2F1EC;
	border: solid 3px #DBD9CA;
	font-size:0.9em; /* should be 12px */
	width: 451px; /* + border (6px total) and padding (20 total) */
	padding: 5px 10px 10px 10px;
}

#content a
{
	text-decoration:underline;
}
/* END HOMEPAGE SPECIFIC ITEMS */


/* ABOUT US SPECIFIC ITEMS */
#aboutus_cc /* content container */
{
	margin-bottom:150px; /* to protect the background image, which is set in the page itself */
}

/* SERVICES LANDING PAGE SPECIFIC ITEMS */
#services_cc ul
{
	margin-left: 30px;
}

/* SERVICES-ELECTROLESS-NICKEL SPECIFIC ITEMS */
#services_en_cc
{
}

/* SERVICES-ELECTROLESS-NICKEL-COMPOSITE SPECIFIC ITEMS */
#services_enc_cc
{
	margin-bottom:200px; /* to protect the background image, which is set in the page itself */
}

/* SERVICES-PASSIVATION SPECIFIC ITEMS */
#services_p_cc
{
}

/* SERVICES-HARD-GOLD SPECIFIC ITEMS */
#services_hg_cc 
{
	background: #FFFFFF url(../images/servhardgoldcontactusbackground.jpg) no-repeat bottom center;
	
	min-height: 575px;
	height: auto !important; /* ie6 hack, move into ie6.css at some point? */
	height: 575px; /* ie6 hack, move into ie6.css at some point? */
	vertical-align: top;
}


/* SERVICES-MISC1 SPECIFIC ITEMS */
#services_msc1_cc
{
	margin-bottom:210px; /* to protect the background image, which is set in the page itself */
}


/* SERVICES-MISC2 SPECIFIC ITEMS */
#services_msc2_cc 
{
	margin-bottom:220px; /* to protect the background image, which is set in the page itself */
}

/* CONTACT US SPECIFIC ITEMS */
#contactus_cc 
{
	background: #FFFFFF url(../images/servhardgoldcontactusbackground.jpg) no-repeat top right;
}
#contactus_cc_leftnav
{
	font-size:0.9em; /* should be back 12px */
}

/* DOWNLOADS SPECIFIC ITEMS */
#downloads_cc 
{
	background: #FFFFFF url(../images/servhardgoldcontactusbackground.jpg) no-repeat center right;
}

/* REQUESTAQUOTE SPECIFIC ITEMS */
#requestaquote_cc 
{
	background: #FFFFFF url(../images/servhardgoldcontactusbackground.jpg) no-repeat bottom right;
	min-height: 550px;
	height: auto !important; /* ie6 hack, move into ie6.css at some point? */
	height: 550px; /* ie6 hack, move into ie6.css at some point? */
}