@import "layout-2col.css";

body {
	margin:0; padding:0;
	background: #394184;
	text-align:center;
}


img { border:0; padding:0; margin:0; }
form { margin:0; padding:0; display:inline; }


#page {
	width:770px; text-align:left; margin:0 auto;
	background:white;
	position:relative;
}

#header, #main {
	border: solid #9c9a9c 1px;
	border-width: 0 1px 0 1px;
	padding-top:5px;
}

	
/* Bar containing the top search and "global" navigation */
#toptop {
	padding-top: 8px;
	margin-bottom:5px;
	vertical-align: middle;
	background-color: white;
	position:relative;
}
#logo {
	float: left;
	width: 500px;
	padding-left: 10px;
}
#annivseal {
	position:absolute;top:0px;left:240px;
}
* html #annivseal{left:-80px;}

/*------------ Search Area ------------*/
#searcharea {
	position:absolute;
	top:12px; right:12px;
}
* html #searcharea { left:225px; right:auto; top:10px; }
#searcharea, #searcharea a {
	font-size: 7pt;
	font-family: verdana, sans-serif;
	color: black;
}
#searchfield {
	background-color: #EBEDF3;
	border: inset #BDCEDE 1px;
	color: #6166a0;
}
#button { height:21px; padding:0; margin:0; }

/*------------ "Global" navigation ------------*/
#gnav { position:absolute; bottom:-5px;; right:12px; }
* html #gnav { top:38px; left:142px; }
/*
* html #gnav { left:0px; right:12px; bottom:auto; top: 36px; }
*/

* html #gnav { }
* html #gnav ul li { }
* html #phone { left:317px; top:-8px;}
* html #gnav a { padding-left:12px; min-height:16px; }

#phone { color:#2b2c70;	position:absolute; top:0px; left:662px; }

#gnav ul { margin:0; padding:0; list-style:none; }
#gnav ul li { margin:0; padding:0; list-style:none; display:inline; }
#gnav a { color: #6166a0; text-decoration:none; font: 8pt verdana; }
#gnav a:hover { text-decoration:underline; }

#gnav a { padding-left:18px; min-height:16px; background: left center no-repeat; }
#gnav_quote { }
#gnav_fav { }
#gnav a#gnav_prod { background-image: url(../images/icons/binoc.gif); }
#gnav a#gnav_print { background-image: url(../images/icons/printer.gif); }


/* ----- Grey separators at top + bottom ------ */
.hr1, .hr2 {
	clear: both;
	height: 11px;
	background-image: url(../images/t/sep.down.gif);
	background-repeat: repeat-x;
	font-size:1px;
}
.hr2 { background-image: url(../images/t/sep.up.gif); }

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

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

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

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



/* ---------------- Primary navigation bar ------------- */
#nav { position:relative; background-color: #313981; margin-bottom:1px; border-top: solid 1px white; text-align:center; }
#nav ul { margin:0; padding:0; list-style:none; display: block; padding:2px 0;}
#nav ul li { margin:0; padding:0; list-style:none; display:inline; }
#nav a {
	font-family: verdana, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	color: white;

	padding: 2px 7px; margin:0;
	border-left: solid white 1px;
}
* html #nav a { font-size:8pt; }
#nav li.first a { border-left: 0; }
#nav a:hover { background-color: #6685c2; }



#main:after { clear:both; }



/* ---------------- Footer ------------- */
#footer { background:  #394184 url(../images/t/sep.up.gif) repeat-x left top; padding-top: 23px; color:white; }
#tagfoot, #tagfoot a {
	color: white;
	font-size: 7pt;
	font-family: verdana, sans-serif;
	text-decoration: none;
}
#tagfoot { width:48%; float:left;}
#tagfoot a:hover { text-decoration: underline; }

#copyfoot, #copyfoot a {
	color: white;
	font-size: 7pt;
	font-family: verdana, sans-serif;
	text-decoration: none;
}
#copyfoot { width:48%; float:right; text-align: right;}


/* ============== CONTENT LAYOUT ================ */



/* ============== CONTENT STYLES ================ */



/* Default font settings */
#main, td {
	font-family: arial, sans-serif;
	font-size: 10pt;
	line-height: 1.25;
	color:#333333;
}

#main * { font-family: inherit; }
.bold { font-weight: bold; }

a, a:visited {
	color: #003399;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #0066cc;
}


ul.linklist {
	list-style: none;
	margin:0; padding:0;
}
ul.linklist li { background: url(../images/icons/linkarrow_blue.gif) left .4em no-repeat; padding-left: 10px; }
ul.linklist a {	margin: 0; padding: 0; }

/* -------------- LEFT COLUMN ------------- */

#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;
	font-weight:bold;
	/* font-style:italic; */
	text-indent: 1em;
}
#leftcol .box .content {
	margin: 4px 5px 4px 5px;
	font-size: 9pt;
}
#leftcol .box .content input, #leftcol .box .content select {
	font-size: 9pt;
	width:100%;
}

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

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


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

	border-bottom: solid #395BF2 1px;

	text-transform: capitalize;
}
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;
}
h4,h5,h6,h7 { font-size: 9pt; margin:0;color:#333; }

/* --------- 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;
}


/*================== catalog ==========================*/