@charset "UTF-8";
/* CSS Document */

/* gold c0b974 | green 4d8e75 | blue 005699 | dark grey 969696 */

* {
	margin: 0;
	padding: 0; /* MANDATORY to zero out padding; will affect nested lists */
}
html {
	height: 100%;
	font-size:100%; /* IE font resize fix */
}
body {
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	font-size: 1em;
	background-color:#4d8e75;
	background-image: url(../images/tg_tile.gif);
	background-repeat: repeat-x;
}
#wrapper {
	/* 1em = 16px | 1px÷16 = 0.0625em | 0.0625 * 778 = 48.625 */
	/* HACK had to delete 0.625 to flush images to wrapper */
	width: 48.0em;
	background: #FFF;
	
	/* BEGIN section to get sticky footer */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-top: 0em; /* sets the page to the top of the window */
	margin-right: auto;
	margin-bottom: -2em; /* <<<<<<<<<< must be the same (negative) as push & footer height >>>>>>>>>> */
	margin-left: auto;	
	
	/* END section to get sticky footer */
}
#menu 	{ background-color:#EEEEEE; overflow: hidden; height: 2em }
#header 	{ background-color:#005699; overflow: hidden } /* overflow here is safari fix */
#content { background-color:#FFFFFF; padding: 1em 3.5em 0em 3.5em; /* top right bottom left */
	overflow: hidden; /* to set the background color within the entire container */
} 
#bluebar { background-color:#005699; overflow: hidden; height: 0.75em }
#imagefield { overflow: hidden }

#push {
	/* push is used to keep the footer sticky to the bottom */
	height: 2em; /* <<<<<<<<<< must be the same (negative) as wrapper{margin-bottom} >>>>>>>>>> */
	
}
#footer {
	/* push is used to keep the footer sticky to the bottom */
	height: 2em; /* <<<<<<<<<< must be the same (negative) as wrapper{margin-bottom} >>>>>>>>>> */
	background: #4d8e75;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	
}
p, img, div.ef_row span.label, .footerlinks li {
	font-size: 0.75em; /* set paragraph text to 12pts. 0.0625 x 12 = .75em */
	line-height: 1.5em; /* set leading to 18pts. 18÷12=1.5 em. */
}
h1 {
	font-weight: lighter;
	font-size: 1.5em; /* 24pts x 0.0625 */
	line-height: 1em;
	color: #4d8e75;
	margin-bottom: 1em;
}
h2 { font-size: 0.9em; font-weight: bold; color: #4d8e75 }
h3 { font-size: font-weight: bold; color: #c0b974; text-transform: uppercase }
li { font-size: 0.75em; line-height: 1.5em; }
dt { color: #4d8e75; font-weight: bold; line-height: 1.5em; font-size: 0.75em }
dd { padding-bottom: 1.5em; font-size: 0.75em }

a:link { color: #005699; text-decoration: underline }
a:visited { color: #005699; text-decoration: underline  }
a:hover { color: #FF9900; text-decoration: underline  }
a:active { color: #005699; text-decoration: underline  }

/* The image is linked to paragraph text font size of 12px.
1 ÷ 12 × 768 = 64em (1 ÷ parent font-size × required pixel value = em value) */
img.banner { height: 5em; width: 64em; float: top } /* 1÷12x60=5em (this is the height of the banner) */
img.main_images { height: 12.6em; width: 64em; float: top } /* TOP fixes and allows images to be in div by themselves */
img { }

.green { color: #4d8e75 }
.greenbold { color: #4d8e75; font-weight: bold; }
.grey_dark { color: #969696 }
.grey_medium { color: #999 }
.horzlinks li { display: inline; font-size: 0.75em; line-height: 1.5em }


/* -------------------------------------------------------------------------------- */
/* ------------------------------------------------------------- footer links style */
.footerlinks a:link { }
.footerlinks a:visited { text-decoration: none; color: #FFF }
.footerlinks a:hover {	text-decoration: underline; color: #c0b974 }
.footerlinks a:active { text-decoration: none; color: #FFF }
.footerlinks li { font-weight:700; display: inline; margin-right: .5em }

/* -------------------------------------------------------------------------------- */
/* ------------------------------------------------------------ products list style */
.product_item_list { padding-left: 0; margin-left: 0; width: 11em; line-height: 1.5em; font-size: 1em }
.product_item_list li { list-style: none; padding: 0.25em; border-bottom: 1px solid gray; border-color: #CCC; font-size: 0.75em }

/* -------------------------------------------------------------------------------- */
/* --------------------------------------------------------------- index/help style */
.glossary { }
.glossary li { list-style-type: none; font-size: .75em }
.glossary li li { padding-left: 1.5em; font-size: 1em }
.glossary_area {
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	margin: 0em 0 1em 0;
	padding: 0em 0 1em 0;
}

/* -------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------- preflight style */
#preflight { }
#preflight li { font-size: 1em; list-style-type:square; list-style-position:inside; }

#preflight dl { }
#preflight dt { font-weight: bold; padding-top: 1.5em; font-size: 0.9em; }
#preflight dd { padding-bottom: 0em; list-style:circle }

/* -------------------------------------------------------------------------------- */
/* ------------------------------------------------------------- contact page style */
div.info { float: left; width: 13em } /* left column */
div.emailform { float: right; width: 22em } /* sets where the form fields starts on x-axis*/
div.ef_row { padding-top: .75em; clear: both /* required */ }
div.ef_row span.form { float: left; text-align: left }
div.ef_row span.label {
	float: left;
	width: 6em; /* changes the space between labels and box */
	text-align: left;
} 
 
/* -------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------- fractions style */
.frac { }
.frac sup, .frac sub { font-size: 85%; position: relative }
.frac sup { top: 0.05em; left: 0.05em; vertical-align: text-top }
.frac sub { top: 0.1em; left: -.1em; vertical-align: text-bottom } 

/* -------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------- templates style */
.templatetext { clear:both }
.templatetext li { list-style-type: none; font-size: .75em }
.templatetext li li { padding-left: 1.5em }


/* -------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------- templates icons */
/* these adjusts the size of the icon for elastic resizing */

.template { float: left; display:inline-block }

img.template_icon { float: left; height: 9em; width: 11em }
img.template_booklet { float: left; height: 12.75em; width: 19em } /* w171 x 115h */
img.template_catalog { float: left; height: 19em; width: 12.75em } /* w115 x 171h */
img.template_commercial { float: left; height: 9em; width: 20em } /* w180 x 80h */

.col_icon_single, .col2_text, .col2_title, .col_link1, .col_link2, .col_head_nospace,
.col_head, .col_icon1, .col_icon2, .col_icon3, .col_icon4, .col_icon5,
.col_text1, .col_text2, .col_text3, .col_text4, .col_text5,
.col_title1, .col_title2, .col_title3, .col_title4, .col_title5 { float: left; list-style-type: none }

.col_head, .col_title1, .col_title2, .col_title3, .col_title4, .col_title5, .col2_title, .col_head_nospace { color: #4d8e75 }

.col_icon1, .col_text1, .col_title1 { width: 9em; clear: left }
.col_icon2, .col_text2, .col_title2 { width: 11em }
.col_icon3, .col_text3, .col_title3 { width: 11em }
.col_icon4, .col_text4, .col_title4 { width: 11em }
.col_icon5, .col_text5, .col_title5 { width: 11em }

.col2_text, .col2_title { width: 10em }

.col_link1, .col_link2 { width: 18em; font-size: 0.65em; margin-bottom: 1em } /* refers to pdf download links */

.col_icon1, .col_icon2, .col_icon3, .col_icon4, .col_icon5 { margin: 0 0 1.5em 0 }
.col_icon_single { width: 8em; margin: 0 0em 1.5em 0; clear: left } /* 2nd 45em */

.col_head, .col_head_nospace { width: 54em; font-weight: bold; padding: 1.5em 0 1.5em 0; margin-top: 1.5em; /*  56em  */
	border-top-width: 0.25em; border-top-style: solid; border-top-color: #CCC; clear: left }
.col_head_nospace { padding: 1.5em 0 0 0 }