/*
	REMINDER: URLs are relative from THIS file.

*/


#mainheader {
	color: #AA9051;
	font-size: 15pt;
	font-family: verdana, sans-serif;
	text-decoration: none;
}
#maintext {
	color: #000000;
	font-size: 11pt;
	font-family: verdana, sans-serif;
	text-decoration: none;
}
#Phototitle {
	color: #000000;
	font-size: 9pt;
	font-family: verdana, sans-serif;
	text-decoration: none;
}
#FooterText {
	color: #000000;
	font-size: 8pt;
	font-family: verdana, sans-serif;
	text-decoration: none;
}
#FooterCopyText {
	color: #231F20;
	font-size: 7pt;
	font-family: verdana, sans-serif;
	text-decoration: none;
}
#FooterMenu, #FooterMenu a {
	color: #5b4504;
	font-size: 8pt;
	font-family: verdana, sans-serif;
	text-decoration: none;
}
#FooterMenu a:hover {
	text-decoration: underline;
}

}
#copyfoot, #copyfoot a {
	color: #999999;
	font-size: 7pt;
	font-family: verdana, sans-serif;
	text-decoration: none;
}
#copyfoot { padding-right: 1em; width:48%; float:right; text-align: right;}
/* ----- Grey separators at top + bottom ------ */
.hr1, .hr2 {
	clear: both;
	height: 11px;
	background-image: url(../images/template/sep.down.gif);
	background-repeat: repeat-x;
	font-size:1px;
}
.hr2 {
	background-image: url(../images/template/sep.up.gif);
}

#globestripe {
	clear: both;
	ackground-image: url(../images/template/globestripes/blue.jpg);
	height:39px;
	vertical-align:bottom;
	text-align:right;
}

.stripe_blue { background-image: url(../images/template/globestripes/blue.jpg); }
.stripe_ltblue { background-image: url(../images/template/globestripes/ltblue.jpg); }
.stripe_green { background-image: url(../images/template/globestripes/green.jpg); }
.stripe_red { background-image: url(../images/template/globestripes/red.jpg); }
.stripe_orange { background-image: url(../images/template/globestripes/orange.jpg); }


#globestripe #overlay {
	color: white;
	font-family: Eras Medium ITC, verdana, sans-serif;
	font-size: 14pt;
	text-style:italic;
	text-align:right;

	margin-right: 15px;
	padding-top: 15px;
}

#header {
	background-color: white;
}
#main {
	border-left: solid #999999 1px;
	border-right: solid #999999 1px;
	background-image: url(../images/template/mainbg.gif);
}

/* ---------------- Primary navigation bar ------------- */
#nav {
	background-color: #003399; /* Original, template-blue */
	background-color: #231F59; /* Darker blue, "Molding" color */
	background-color: #313981; /* Not-As-Dark blue, template sample */
	margin-bottom:1px;
	
	border-top: solid 1px white;
}
#nav ul {
	display: block;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#nav li { display:inline; }
#nav a {
	font-family: verdana, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: white;

	padding: 0px 13px 0px 13px;
	border-right: solid white 1px;
}
#nav a:hover {
	background-color: #6685c2;
}



/*------------ Left Column ------------*/

#leftcol {
	width:163px;
	float: left;
	padding: 0 10px 0 10px;
	
	font-size: 8pt;
	
	margin-bottom: 15px; /* matches margin-top on .box below */
}

#leftcol .box {
	background-color: white;
	border: solid #4767A2 1px;
	margin-top: 15px;
}
#leftcol .box .header {
	background-color: #BDCEDE;
	height: 15px;
	margin:0;padding:0;
	padding-left: 0px;

	/* In case ALT text is used */
	color: #4767A2;
	font-size: 8pt;
	font-family: verdana, sans-serif;
}
#leftcol .box .content {
	margin: 4px 5px 4px 5px;
}
#leftcol .box .content input, #leftcol .box .content select {
	font-size: 8pt;
	width:100%;
}

#leftcol .address {
	border-top: solid #999999 1px;
	padding-top: 5px;
	margin-top: 5px;

	color: #999999;
}
#leftcol .address a {
	color: #999999;
}

/*------------ Main Column (Center + Right) ------------*/

#maincol {
/*
	margin: 25px 25px 25px 205px;
*/
	width: 553px;
	float: right;
	margin: 15px 15px 15px 15px;

	/* This MIGHT cause problems... */
	text-align: justify;
	text-justify: auto;
	
}

.homepage #maincol {
/*
	margin: 0px 0px 25px 195px;
*/
	width: 568px;
	float: right;
	margin: 0px 0px 15px 15px;
}



#maincol #topblurb {
	margin-left: 10px;

	background-image:url( ../images/template/blurb_bg.jpg );
	background-repeat: no-repeat;
	background-position: right top;
	
	height: 270px;
	min-height: 270px;
	text-align: left;
}
#maincol #topblurb * {
	color: #333333;
	font-family: arial, sans-serif;
}
#maincol #topblurb h1 {
	color: #333333;
	font-family: "Eras Demi ITC", arial, sans-serif;
	font-size: 2em;
}






ul.linklist {
	list-style: none;
	list-style-image: url(../images/icons/linkarrow_wide.gif);
	margin:0; padding:0;
	marker-offset: 5px;
	margin-left: 13px;
}
ul li {	margin: 0; padding: 0; }
ul.linklist a {	margin: 0; padding: 0; }





a.arrowlink {
	background-image: url(../images/icons/linkarrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 10px;
}





#maincol .content {
	margin-left: 10px;
	margin-right:10px;
}

/*------------ SECTION LINKS ON HOME PAGE ------------*/
.prodsec {
	width:131px;
	padding-bottom: 15px;
	border: solid black 1px;
	border-bottom: solid black 3px;
	text-align: left;
}
.prodsec img.icon {
	border-bottom: solid black 3px;
	display: block;
}
.prodsec .content {
	margin: 5px;
}

.prodsec a, .prodsec ul a , .prodsec a:visited, .prodsec ul a:visited {
	color: #333333;
}
.prodsec a, .prodsec ul a {	text-decoration: none; }
.prodsec a:hover { text-decoration: underline; }

.seals, .seals img.icon { border-color: #31794a; }
.orings, .orings img.icon { border-color: #d01335; }
.molding, .molding img.icon { border-color: #313981; }
.compounds, .compounds img.icon { border-color: #e26d3b; }


/* ============================================================================ */
/*------------ Property Tables ------------*/
/* ============================================================================ */

.tbl_prop {
	empty-cells: show;
	border: solid #999999 1px;
	border-right: 0;
}

.tbl_prop thead, .tbl_prop .thead {
	font-weight: bold;
	background-color: #EEEEEE;
	color: black;
	text-align:center;
}
.tbl_prop td {
	border-right: solid #999999 1px;
}
.tbl_prop tbody td {
	border-top: solid #999999 1px;
}
.tbl_prop .title {
	text-align:left;
	color: black;
	width: 200px;

	font: inherit;
	font-weight:bold;

}

.tbl_prop .altrow {
	background-color: #989CC1;
	background-color: #eeeeee; /* switching to standard table colors, local table headers */
}
/* ============================================================================ */
/*------------ Link Tables ------------*/
/* ============================================================================ */

.tbl_linklist {
	empty-cells: show;
	text-align:left;
}
.tbl_linklist td {
	padding: 5px 5px 5px 5px;
}

/* Need to specify a .thead class for section heads in the middle of tables.*/
.tbl_linklist thead, .tbl_linklist .thead {
	font-weight: bold;
	color: black;
	text-align:left;
	background-color: #EEEEEE;
}
.tbl_linklist thead td, .tbl_linklist .thead td {
	/* border-top: solid #313981 1px; */
	border-bottom: solid #313981 1px;
}
.tbl_linklist tbody a {
	ont-weight: bold;
}
.tbl_linklist .title {
	text-align:left;
	color: black;
	width: 200px;

	font: inherit;
	font-weight:bold;

}

.tbl_linklist .altrow {
	background-color: #989CC1;
	background-color: #eeeeee;
}
/* ============================================================================ */
/*------------ CONTENT ------------*/
/* ============================================================================ */


/*
	NOTE on copy styles: these should only be used when necessary; default font
	settings are located in the "body" definition at the top.
*/
.copy {
	font-family: arial, sans-serif;
	font-size: 10pt;
	line-height: 1.25;
	color:#333333;
}

.copylg {
	font-family: arial, sans-serif;
	font-size: 12pt;
	line-height: 1.25;
	color:#333333;
}

.copysm {
	font-family: arial, sans-serif;
	font-size: 8pt;
	line-height: 1.25;
	color:#333333;
}

/* ------------------------ Page headers ---------------- */
h1 {
	font-family: arial, sans-serif;
	font-size: 12pt;
	line-height: 1.25;
	color:#333333;

	border-bottom: solid #395BF2 1px;
	
	text-transform: capitalize; /* Not well supported atm */
}
h2 {
	font-family: arial, sans-serif;
	font-size: 10pt;
	line-height: 1.25;
	color:#333333;
	font-weight: bold;
	
	margin-bottom:.5em;
	
	padding-left: 10px;
	border-bottom: solid #395BF2 1px;
}
/* H3 is like H2, but no HR, padding, nor margin */
h3 {
	font-family: arial, sans-serif;
	font-size: 10pt;
	line-height: 1.25;
	color:#333333;
	font-weight: bold;
	
	margin:0;
}
/* --------- Absorbed from RT Enterprises --------- */
/* ------ Should be obsolete, but probably aren't: -------------- */
.altrow {
	background-color: #eeeeee;
}

.bodyCopyBold {
	font-weight: bold;
/*	color: #395BF2; */
}
.bodyCopyItalic {
	font-style: italic;
	color: #333333 
}
.tableHeadBlue {
	background-color: #CCCCCC;
	color: #395BF2;
	color: black;
	font-weight: bold;
}



/* ============================================================================ */
/*------------ COLOR (SECTION) OVERRIDES ------------*/
/* ============================================================================ */

/*  ORANGE: COMPOUNDS #e26d3b */
.clr_orange .altrow { background-color: #eeeeee; }
.clr_orange .tbl_linklist thead, .clr_orange .tbl_linklist .thead,
.clr_orange .tbl_prop thead, .clr_orange .tbl_prop .thead,
.bg_orange {
	background-color: #e26d3b; /* Pure Orange */
	
	background-color: #F0B59C;
	background-color: #FCC087;
	background-color: #FAA95F;
}

/*  BLUE: CUSTOM MOLDING (+ Default) #313981 */
.clr_blue .altrow { background-color: #eeeeee; }
.clr_blue .tbl_linklist thead, .clr_blue .tbl_linklist .thead,
.clr_blue .tbl_prop thead, .clr_blue .tbl_prop .thead,
.bg_blue  {
	background-color: #989CC1; /* 50% primary color */
	background-color: #CBCDE0; /* 25% primary color */
	background-color: #BDCEDE; /* Sidebar header BG color */

	background-color: #D6DCFE;

}


/*  RED: O-Rings #D01335 */
.clr_red .altrow { background-color: #eeeeee; }
.clr_red .tbl_linklist thead, .clr_red .tbl_linklist .thead,
.clr_red .tbl_prop thead, .clr_red .tbl_prop .thead,
.bg_red {
	background-color: #D01335; /* Original color */
	background-color: #E39182; /* 50% */
}

/*  GREEN: SEALS #31794a */
.clr_green .altrow { background-color: #eeeeee; }
.clr_green .tbl_linklist thead, .clr_green .tbl_linklist .thead,
.clr_green .tbl_prop thead, .clr_green .tbl_prop .thead
.bg_green {
	background-color: #31794a; /* Original color */
	background-color: #91AC91; /* 50% */
}

/*  LIGHT BLUE: SERVICES #3b5da4 */
.clr_ltblue .altrow { background-color: #eeeeee; }
.clr_ltblue .tbl_linklist thead, .clr_ltblue .tbl_linklist .thead,
.clr_ltblue .tbl_prop thead, .clr_ltblue .tbl_prop .thead,
.bg_ltblue {
	background-color: #3b5da4; /* Original color */
	background-color: #939BC8; /* 50% */
}


/* ============================================================================ */
/*------------ PAGE-SPECIFIC OR USE-SPECIFIC STYLES   ------------*/
/* ============================================================================ */

/*------------------------ Form Tables (two-column) ----------------------------*/

/* Override text-justified table cells */
.formtable td {
	text-align:left;
	vertical-align: top;
}

.formtable .prompt {
	text-align:right;
	width:15%;

	color: #003399;
	font-weight: bold;
}
.formtable.wideleft .prompt {
	width:25%;
}
.formtable .prompt.error {
	color: red;
}