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

/* ---------------------------= UNIV =--------------------------- */

* {
	margin: 0;
	padding: 0;
	border: 0;}
	
a {
	text-decoration: none;
	border: none;
	background: none;
	}	

/* ---------------------------= BODY =--------------------------- */

body  { 
	margin-top: 0;
	font-size: 100%;
	line-height: 1.125em;
	background: #000000;
	}

	
/* -------------------------- HEADER -------------------------- */


div#topCase {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 95px;
	background: #20476c;
	}
	
div#headerBkgd {
	position: relative;
	width: 100%;
	height: 95px;
	background: url(../images/bkgd_headerBlack.gif) left repeat-y;
	}

div#headCase {
	position: relative;
	margin: 0 auto;
	width: 900px;
	height: 95px;
	background: url(../images/bkgd_halftone.gif) repeat-y;
	}
	
div#logo {
	position: absolute;
	top: 19px;
	left: 50px;
	background: url(../images/logoMark.gif);
	width: 230px;
	height: 56px;
	}	
div#logo a {
	display: block;
	width: 230px;
	height: 56px;
	background: none;
	}
	
div#rightLinks {
	float: right;
	margin-top: 22px;
	margin-right: 88px;
	}
	
#rightLinks ul {
	list-style-image: url(../images/bullet.gif);
	color: #F60;
	}
	
#rightLinks a:link, #rightLinks a:visited {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	border: none;
	background: none;
	padding-left: 2px;
	}
	
#rightLinks a:hover {
	color: #F60;
	background: none;
	}
	
div#raq {
	position: absolute;
	top: 23px;
	left: 657px;
	width: 98px;
	height: 16px;
	}
div#raq a {
	background: url(../images/link_headerRAQ_base.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 98px;
	height: 16px;
	}	
div#raq a:hover {
	background: url(../images/link_headerRAQ_hover.gif) no-repeat;	
	}
	
div#uaf {
	position: absolute;
	top: 40px;
	left: 657px;
	width: 98px;
	height: 16px;
	}
div#uaf a {
	background: url(../images/link_headerUAF_base.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 98px;
	height: 16px;
	}	
div#uaf a:hover {
	background: url(../images/link_headerUAF_hover.gif) no-repeat;	
	}
	
div#cu {
	position: absolute;
	top: 40px;
	left: 657px;
	width: 98px;
	height: 16px;
	}
div#cu a {
	background: url(../images/link_headerCU_base.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 98px;
	height: 16px;
	}	
div#cu a:hover {
	background: url(../images/link_headerCU_hover.gif) no-repeat;	
	}
	
/* -------------------------- MAIN NAV AREA -------------------------- */

div#menuCase {
	position: relative;
	width: 100%;
	height: 25px;
	background: url(../images/bkgd_rightNavGrad.gif) repeat-x;
	z-index: 200;
	}
	
div#navBkgd {
	position: relative;
	width: 100%;
	height: 25px;
	background: url(../images/bkgd_leftNavGrad.gif) left no-repeat;
	}

div#mainNav {
	position: relative;
	margin: 0 auto;
	width: 900px;
	height: 25px;
	}
	
#leftMainNavSpacer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 65px;
	height: 25px;
	background: url(../images/spacer_navLeft.gif) no-repeat;
	}

#main_nav {
	position: absolute;
	top: 0px;
	left: 65px;
	width: 770px;
	height: 25px;
	}
	
#rightMainNavSpacer {
	position: absolute;
	top: 0px;
	left: 835px;
	width: 65px;
	height: 25px;
	background: url(../images/spacer_navRight.gif) no-repeat;
	}
	
/* -------------------------- CONTENT AREA -------------------------- */

#contentCase {
	position: relative;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	height: 1%;
	background: #FFFFFF;
	overflow: auto;
	}

#upperContentInterior {
	position: relative;
	margin: 0 auto;
	width: 800px;
	overflow: auto;
	padding: 5px;
	background: url(../images/bkgd_rptng_dot.gif) repeat-y left;
    }

#upperContent {
	position: relative;
	margin: 0 auto;
	width: 800px;
    }

#upperLeft {
	position: relative;
	float: left;
	width: 232px;
    }

#greeting {
	position: relative;
	top: 3px;
	left: 5px;
	width: 215px;
    }

#upperRight {
	position: relative;
	float: right;
	width: 561px;
    }

#primary {
	position: relative;
	float: left;
	width: 187px;
    }
#homePhoto1 {
	position: relative;
	background: url(../images/_rotate_homePhoto1/rotate.php);
	width: 187px;
	height: 152px;
    }
#primaryHeader {
	position: relative;
	background: url(../images/header_primaryProducts.gif) no-repeat;
	top: 60px;
	left: 5px;
	width: 175px;
	height: 100px;
	}
#primaryText {
	position: relative;
	left: 8px;
	width: 175px;
    }

#specialty {
	position: relative;
	float: left;
	width: 187px;
    }
#rightCols {
	position: relative;
	float: right;
	width: 374px;
    }

#homePhoto2 {
	position: relative;
	background: url(../images/_rotate_homePhoto2/rotate.php);
	width: 187px;
	height: 152px;
    }
#specialtyHeader {
	position: relative;
	background: url(../images/header_specialtyProducts.gif) no-repeat;
	top: 60px;
	left: 5px;
	width: 175px;
	height: 100px;
    }
#specialtyText {
	position: relative;
	left: 8px;
	width: 175px;
    }


#finishing {
	position: relative;
	float: right;
	width: 187px;
     }	
#homePhoto3 {
	position: relative;
	background: url(../images/_rotate_homePhoto3/rotate.php);
	width: 187px;
	height: 152px;
     }
#finishingHeader {
	position: relative;
	background: url(../images/header_finishingBinding.gif) no-repeat;
	top: 60px;
	left: 5px;
	width: 175px;
	height: 100px;
     }
#finishingText {
	position: relative;
	left: 8px;
	width: 175px;
     }

#sloganCase {
	position: absolute;
	top: 160px;
	left: 240px;
	width: 561px;
     }	
#slogan {
	position: relative;
	float: left;
	top: 4px;
	left: 2px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2.15em;
	height: 100%;
	line-height: 1em;
	color: #000033;
	}
#homeReward {
	position: relative;
	float: right;
	left: -3px;
	width: 78px;
	height: 39px;
	}
#homeReward a {
	background: url(../images/rollover_rewardsBase.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 78px;
	height: 39px;
	}	
#homeReward a:hover {
	background: url(../images/rollover_rewardsHover.gif) no-repeat;	
	}
	
div#bottomCase {
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 70px;
	background: url(../images/bkgd_footerBlueBlackGrad.gif) bottom repeat-x;
	}
		
#footerNav {
	position: relative;
	top: 0;
	width: 100%;
	height: 18px;
	background: url(../images/bkgd_footerGrad.gif) top repeat-x;
	}
#footerLinks {	
	position: relative;
	margin: 0 auto;
	top: 1px;
	width: 800px;
	height: 16px;
	}
	
div#jacefarm {
	position: absolute;
	top: 0;
	left: 673px;
	width: 127px;
	height: 16px;
	}
div#jacefarm a {
	background: url(../images/rollover_jacefarmBase.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 127px;
	height: 16px;
	}	
div#jacefarm a:hover {
	background: url(../images/rollover_jacefarmHover.gif) no-repeat;	
	}
	
span#copyright {
	position: absolute;
	top: 0;
	left: 340px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	height: 14px;
	vertical-align: bottom;
	font-size: 7pt;
	line-height: 14px;
	}	
	
div#lowerBkgd {
	position: relative;
	top: 0;
	width: 100%;
	height: 51px;
	background: url(../images/bkgd_headerBlack.gif) left repeat-y;
	border-bottom: #000000 1px solid;
	}
div#bottomHalftone {
	position: relative;
	margin: 0 auto;
	top: 0;
	width: 900px;
	height: 51px;
	background: url(../images/bkgd_footerHalftone.gif);
	}

.rowA {
	width: 100%;
	min-height: 30px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;	
	padding: 0;
	margin: 0;
	overflow: auto;
}

.rowB {
	width: 100%;
	min-height: 30px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background: #E9E9E9;
	font-size: 8pt;	
	padding: 0;
	margin: 0;
	overflow: auto;
}

.folderName {
	position: relative;
	float: left;
	left: 10px;
	width: 300px;
	line-height: 30px;
	vertical-align: middle;
	color: #5B5B5B;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.folderNameLink {
	position: relative;
	float: right;
	right: 10px;
	text-align: right;
	width: 75px;
	line-height: 30px;
	color: #88765b;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.folderNameLink a:link, .folderNameLink a:visited {
	color: #000033;
	padding-bottom: 1px;
	background: url(../images/dotted_horizontal.gif) repeat-x bottom;
	}

.folderNameLink a:hover {
	color: #FF6600;	
	}
	
/* ---------------------------= INTERIOR PAGE DIVS =--------------------------- */

#interiorCol1 {
	position: relative;
	float: left;
	width: 555px;
	}
	
div#raqBug {
	position: relative;
	float: right;
	top: 0px;
	width: 113px;
	height: 30px;
	}
div#raqBug a {
	background: url(../images/rollover_raqBugBase.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 113px;
	height: 30px;
	}	
div#raqBug a:hover {
	background: url(../images/rollover_raqBugHover.gif) no-repeat;	
	}

#interiorCol2 {
	position: relative;
	float: right;
	width: 215px;
	/* background: url(../images/dotted_vertical.gif) left repeat-y; */
	}

#interiorCol2content {
	position: relative;
	float: right;
	width: 187px;
	}
	
div.productPhoto {
	position: relative;
	}
	
div.sidebarTitle {
	position: relative;
	left: 5px;
	padding: 15px 0px;
	}
	
div.sidebarText {
	position: relative;
	left: 5px;
	padding-bottom: 10px;
	}
	
div#interiorReward {
	position: relative;
	width: 78px;
	height: 39px;
	}
div#interiorReward a {
	background: url(../images/rollover_rewardsBase.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 78px;
	height: 39px;
	}	
div#interiorReward a:hover {
	background: url(../images/rollover_rewardsHover.gif) no-repeat;	
	}
	
/* ---------------------------= TEXT =--------------------------- */

h1 {
	font-family: Helvetica, Arial, sans-serif;
	color: #000033;
	font-size: 18pt;
	font-weight: normal;
	line-height: 24px;
	padding-bottom: 10px;
	}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	color: #000033;
	font-size: 16pt;
	font-weight: normal;
	padding: 5px 0px 10px;
	}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
	font-size: 12pt;
	font-weight: normal;
	padding: 5px 0px 10px;
	}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
	font-size: 10pt;
	font-weight: normal;
	padding: 5px 0px 0px;
	}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 9pt;
	line-height: 17px;
	margin: 0px;
	padding: 0px 0px 10px;
	}

ul, ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 9pt;
	line-height: 17px;
	margin: 0px;
	padding: 0px 0px 10px;
	list-style-position: inside;
	}

.smaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 8pt;
	line-height: 16px;
	letter-spacing: -.02em;
	list-style: none;
	}

.footerText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 7pt;
	}

.footerText a:link, .footerText a:visited {
	display: block;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	height: 15px;
	vertical-align: bottom;
	font-size: 7pt;
	padding: 0px 15px 0px 0px;
	line-height: 14px;
	background: none;
	}
	
.footerText a:hover {
	color: #FF6600;
	text-decoration: underline;
	}



/* ---------------------------= ANCHORS =--------------------------- */


a:link, a:visited {
	color: #000033;
	padding-bottom: 1px;
	background: url(../images/dotted_horizontal.gif) repeat-x bottom;
	}
a:hover {
	color: #FF6600;	
	}
	
/* ---------------------------= MISC =--------------------------- */

	
.hiddenText {
	position: absolute;
	top: 0px;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}
	
.emailBullet {
	position: relative;
	padding-right: 3px;
	}	
	
#interiorPhoto {
	position: relative;
	background: url(../images/_rotate_interior/rotate.php);
	width: 187px;
	height: 152px;
     }
	
hr.separator {
	background: url(../images/dotted_horizontal.gif) repeat-x;
	padding: 10px 0;
	margin: 0;
	border: 0 none;
	}
	 
/* ---------------------------= INFO BLOCK on Contact Us Page =--------------------------- */

div#infoBlock {
	position: relative;
	width: 100%;
	}
	
	div#infoBlock div#infoULleft {
		position: relative;
		float: left;
		width: 60px;
		list-style: none;
		text-align: right;
		}
		
	div#infoBlock div#infoULleft p {
		font-style: normal;
		color: #999;
		line-height: normal;
		padding-bottom: 5px;
		}
	
	div#infoBlock div#infoULright {
		position: relative;
		left: 10px;
		list-style: none;
		overflow: visible;
		}
		
	div#infoBlock div#infoULright p {
		font-style: normal;
		color: #333;
		line-height: normal;
		padding-bottom: 5px;
		}