/*CSS Reset*/

body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }

address, caption, cite, code, dfn, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; font-style: normal; }

acronym, abbr, fieldset, img { border: 0;}

:focus { outline: 0; }

body {
	background: #FFF;
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #000;
}


a:link,a:active,a:visited {
	text-decoration: underline;
	color: #005296;
}

a:hover {
	text-decoration: underline;
	color: #000000;
}

#wrap {
	width: 970px;
	margin: 0 auto;
	margin-top: -10px;
	clear: both;
}



/* ---- All Header Elements  ---- */

.header {
	width: 950px;
	height: 315px;
	overflow: hidden;
	position: relative;
	top:17px;
	z-index: 2;
	padding-left: 15px;
	padding-right: 15px;

}

.secondary{
	height: 178px;
}

.logo {
	width: 171px;
	height: 66px;
	position: relative;
	background: url(../gfx/logo.gif) no-repeat;
	top:210px;
	left: 173px;
}

.logo a{
	width: 171px;
	height: 66px;
	display: block;
	text-indent: -9999px;
}

.toll-free{
	font-weight: bold;
	width: 180px;
	float: right;
	position: relative;
	top:10px;
	z-index: 200;
}

.header .products{
	width: 540px;
	margin-top: -40px;
	font-size: 17px;
	font-weight: bold;
	color: #e6e6e6;
	float: left;
}

#college-people-wrap, #teacherplan-wrap, #surveyor-wrap, #teacher-student-wrap{
	width: 970px;
	height: 315px;
	clear: both;
}

.header .products a{
	color: #e6e6e6;
	text-decoration: none;
	height: 20px;
	width: 540px;
	margin-bottom: 6px;
	display: block;
	overflow: hidden;
	clear: both;
}

.header .products p{
	color: #e6e6e6;
	text-decoration: none;
	height: 20px;
	width: 540px;
	margin-bottom: 6px;
	display: block;
	overflow: hidden;
	clear: both;
}

.header .products .active{
	color: #000;
	height: 40px;
	width: 540px;
	display: block;
	overflow:visible;
	text-decoration: none;
	clear: both;
}
.header .products .active2{
	color: #000;
	height: 60px;
	width: 540px;
	display: block;
	overflow:visible;
	text-decoration: none;
	clear: both;
}

.header .products a:hover{
	color: #000;
	height: 40px;
	width: 540px;
	display: block;
	overflow:visible;
	text-decoration: none;
	clear: both;
}


.header .products  .college{
	color: #60902e;
}

.header .products  .k12{
	color: #ff611a;
}

.header .products  .teacher{
	color: #005296;
}

.header .products  .surveyors{
	color: #f5b800;
}

.header .images{
	width:370px;
	height: 315px;
	margin-top: -70px;
	overflow: hidden;
	float: right;
}

.header #college-people {
	width: 178px;
	height: 317px;
	top: 2px;
	background: url(../gfx/college-header.jpg) no-repeat;
	position: relative;
}

.header #surveyor-man {
	width: 184px;
	height: 315px;
	background: url(../gfx/surveyor-man.jpg) bottom no-repeat;
	position: relative;
}

.header #k12-students {
	width: 221px;
	height: 315px;
	background: url(../gfx/k12-students.jpg) bottom no-repeat;
	position: relative;	
	
}

.header #teacher-student {
	width: 262px;
	height: 315px;
	background: url(../gfx/teacher-student.jpg) bottom no-repeat;
	position: relative;
}


/* ---- All Secondary Page Header Elements  ---- */

.header2 {
	width: 970px;
	height: 179px;
	overflow: hidden;
	position: relative;
	top:17px;
	z-index: 2;

}

.secondary2{
	height: 178px;
}

.logo2 {
	width: 127px;
	height: 51px;
	position: relative;
	background: url(../gfx/2nd-logo.jpg) no-repeat;
	top:100px;
	left: 173px;
}

.logo2 a{
	width: 127px;
	height: 51px;
	display: block;
	text-indent: -9999px;
}



.header2 .products{
	width: 540px;
	font-size: 17px;
	font-weight: bold;
	color: #e6e6e6;
	float: left;
}


.header2 .products a{
	color: #e6e6e6;
	text-decoration: none;
	height: 20px;
	width: 540px;
	margin-bottom: 6px;
	display: block;
	overflow: hidden;
	clear: both;
}

.header2 .products p{
	color: #e6e6e6;
	text-decoration: none;
	height: 20px;
	width: 540px;
	margin-bottom: 6px;
	display: block;
	clear: both;
}

.header2 .products .active{
	color: #000;
	height: 40px;
	width: 520px;
	margin-left: 20px;
	display: block;
	overflow:visible;
	text-decoration: none;
	clear: both;
}
.header2 .products .active2{
	color: #000;
	height: 60px;
	width: 540px;
	margin-left: 20px;
	display: block;
	overflow:visible;
	text-decoration: none;
	clear: both;
}

.header2 .products a:hover{
	color: #000;
	height: 40px;
	width: 540px;
	display: block;
	overflow:visible;
	text-decoration: none;
	clear: both;
}


.header2 .products  .college{
	color: #60902e;
}

.header2 .products  .k12{
	color: #ff611a;
}

.header2 .products  .teacher{
	color: #005296;
}

.header2 .products  .surveyors{
	color: #f5b800;
}

.header2 .images{
	width:370px;
	height: 200px;
	margin-top: -70px;
	overflow: hidden;
	float: right;
}

.header2 #college-people {
	width: 95px;
	height: 174px;
	top: 20px;
	background: url(../gfx/college-2.jpg) bottom no-repeat;
	position: relative;
}

.header2 #surveyor-man {
	width: 242px;
	height: 151px;
	background: url(../gfx/surveyor-2.jpg) bottom no-repeat;
	position: relative;
	top:43px;
}

.header2 #k12-students {
	width: 129px;
	height: 173px;
	background: url(../gfx/k12-2.jpg) bottom no-repeat;
	position: relative;
	top:20px;
}

.header2 #teacher-student {
	width: 142px;
	height: 162px;
	top: 30px;
	background: url(../gfx/teacher-student-2.jpg) no-repeat;
	position: relative;
}




/* ---- Navigation  ---- */

#navigation {
	width: 970px;
	height: 71px;
	background: url(../gfx/nav-bg.gif) repeat-x;
	z-index: 1;
}

#navigation .left{
	width: 15px;
	height: 71px;
	float: left;
	background: url(../gfx/nav-bg-left.gif)
}

#navigation .right{
	width: 15px;
	height: 71px;
	float: right;
	background: url(../gfx/nav-bg-right.gif)
}

ul.main-nav {
	text-indent: -9999px;
	position: relative;
	top: 27px;
}

ul.main-nav li{
	height: 14px;
	float: left;
	padding-left:20px;
	padding-right:20px;
	border-right: #b3b3b3 1px solid;
}
ul.main-nav .first{
	height: 14px;
	float: left;
	padding-left:12px;
	padding-right:20px;
	border-right: #b3b3b3 1px solid;
}


ul.main-nav .last{
	height: 14px;
	float: left;
	padding-left:20px;
	padding-right:0px;
	border-right: none;
}

ul.main-nav .k12 a{
	width: 273px;
	height: 14px;
	display: block;
	overflow: hidden;
	background: url(../gfx/k12-nav.png) top no-repeat;
	text-indent: -9999px;
}

ul.main-nav .teacher a{
	width: 220px;
	height: 14px;
	display: block;
	overflow: hidden;
	background: url(../gfx/teacher-record-books-nav.png) top  no-repeat;
	text-indent: -9999px;
}

ul.main-nav .college a{
	width: 133px;
	height: 14px;
	display: block;
	overflow: hidden;
	background: url(../gfx/college-planners-nav.png) top  no-repeat;
	text-indent: -9999px;
}

ul.main-nav .surveyor a{
	width: 162px;
	height: 14px;
	display: block;
	overflow: hidden;
	background:url(../gfx/surveyor-field-books_nav.png) top  no-repeat;
	text-indent: -9999px;
}

ul.main-nav a:hover{
	background-position: bottom;
}

/* ---- Sidebar  ---- */

.sidebar{
	width: 209px;
	padding-left: 10px;
	margin-top:8px;
	padding-bottom: 220px;
	float: left;
	background: url(../gfx/sidebar-btm.jpg) bottom no-repeat;
}
.sidebar a.title,a:active.title,a.visited.title{
	font-weight: bold;
	text-decoration: none;
	width: 209px;
	display: block;
	color: #000000;
}
.sidebar a:hover.title {
	color: #669900;
}
.sidebar a.titleOn,a:active.titleOn,a.visited.titleOn{
	font-weight: bold;
	text-decoration: none;
	width: 209px;
	display: block;
	color: #006699;
}
.sidebar a:hover.titleOn {
	color: #669900;
}

.sidebar ul a, .sidebar ul a:active,.sidebar ul a:visited{
	text-decoration: none;
	display: block;
	color: #000000;
}
.sidebar ul a:hover{
	text-decoration: none;
	display: block;
	color: #669900;
}
.sidebar ul a.sideOn, .sidebar ul a:active.sideOn,.sidebar ul a:visited.sideOn{
	text-decoration: none;
	display: block;
	color: #669900;
}
.sidebar ul a:hover.sideOn{
	text-decoration: none;
	display: block;
	color: #006699;
}
.sidebar li{
	padding-top:2px;
	padding-bottom: 2px;	
}

.heading {
	font-size:16px;
	color:#006699;
}

/* ---- Content  ---- */

.content{
	width: 750px;
	margin-top:8px;
	float: right;

}

.welcome-quad{
	width: 375px;
	height: 317px;
	float: left;
	background: url(../gfx/welcome-bg.jpg) no-repeat;
}

.welcome-quad .top{
	padding-top: 70px;

}

.welcome-quad .align{
	padding-left: 170px;
	margin-bottom: 12px;
}

.welcome-quad p{
	padding-left: 85px;
	padding-right: 10px;
}

.teacher-quad{
	width: 346px;
	height: 322px;
	float: right;
	background: url(../gfx/teacher-bg.jpg) no-repeat;
}

.teacher-quad ul{
	padding-left: 12px;
	margin-top:68px;
}

.teacher-quad li{
	padding-bottom: 3px;
}

.k12-quad{
	width: 388px;
	height: 335px;
	margin-top: 30px;
	float: left;
	background: url(../gfx/k12-bg.jpg) right no-repeat;
}

.k12-quad ul{
	position: relative;
	top:80px;
	left: 70px;
}

.k12-quad li{
	padding-bottom: 3px;
}

.k12-quad .orange{
	color: #ff6600;
	font-weight: bold;
	width:140px;
	position: relative;
	left: 90px;
	top: 100px;
}

.k12-quad .orange a{
	font-weight: normal;

}

.college-quad{
	width: 346px;
	height: 322px;
	margin-top: 30px;
	float: right;
	background: url(../gfx/college-bg.jpg) no-repeat;
}

.college-quad p{
	width: 220px;
	position: relative;
	margin-top: 10px;
	top:60px;
	left: 15px;
}

.college-quad p a{
	color: #3c6414;
}

.college-quad .orange{
	width: 220px;
	color: #ff6600;
	position: relative;
	margin-top: 30px;
	font-weight: bold;
	top:60px;
	left: 15px;
}

.college-quad .orange a{
	font-weight: normal;
	color: #005296;
}

.callout{
	width: 707px;
	height: 150px;
	margin-top: 20px;
	margin-left: 20px;
	background: url(../gfx/callout-bg.jpg) no-repeat;
}

.callout p{
	width: 450px;
	position: relative;
	top:40px;
	left: 25px;
}



/* ---- Secondary Pages  ---- */

.content2{
	width: 750px;
	margin-top:8px;
	float: right;
}

.content2 .ps{
	padding-left: 28px;
}

.testimonials{
	width: 210px;
	height: 268px;
	float: right;
	padding-left: 481px;
	padding-right: 30px;
	font-size: 16px;
	padding-top: 18px;
	margin-bottom: 18px;
}

.testimonials p {
	margin-bottom: 18px;
	padding-left: 0;
}

.testimonials .names{
	font-style: italic;
	font-size: 13px;
}

.surveyors-t{
	background: url(../gfx/surveyor-testimony.jpg) no-repeat;
}

.teacher-t{
	background: url(../gfx/teacher-testimony.jpg) no-repeat;
	color: #FFF;
}

.k12-t{
	background: url(../gfx/student-testimony.jpg) no-repeat;
	color: #FFF;
}

h1.secondary{
	font-size: 28px;
	color: #203518;
	font-weight: bold;
	width: 721px;
	height: 40px;
	float: right;
	clear: both;
	display: block;
}

ul.upclose{
	width: 320px;
	float: right;
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 30px;	
	margin-left: 50px;
	float: left;
	color: #005296;
}
ul.upclose li{
	display: block;
	padding: 6px;
}

ul.upclose2{
	width: 300px;
	float: right;
	font-size: 18px;
	margin-top: 30px;
	color: #005296;
	margin-bottom: 30px;
	margin-right: 40px;	
	float: right;
}

ul.upclose2 li{
	display: block;
	padding: 6px;
}

/* ---- Product Elements  ---- */


.breadcrumb  {
	padding:6px;
	font-size: 24px;
	font-weight: bold;
	width:718px;
	height: 35px;
	overflow: hidden;
	float: right;
	clear: both;
	background: url(../gfx/breadcrumb.jpg) no-repeat;
}


.breadcrumb .follow{
	padding:8px;
}

.product{
	width: 717px;
	overflow: hidden;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 30px;		
}

.product .left{
	width:100px;
	float: left;
	position: relative;
}

.product .thumb{
	width: 100px;
	margin-right: 12px;
	height: 100px;
	overflow: hidden;
	border: #b1b1b1 1px solid;
}

a.enlarge {
	width: 100px;
	height: 36px;
	background: url(../gfx/enlarge.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

.product .center{
	width: 443px;
	min-height: 100px;
	margin-left: 12px;
	float: left;
	color: #3b3b3b;
}

.product .center h2{
	font-weight: bold;
	color: #005296;
}

.product .center h3{
	color: #005296;
	margin-bottom: 4px;
}

.product .center ul{
	list-style-type: disc;
	padding-bottom: 20px;
}

.product .center li{
	margin-left: 20px;
}


.product .right {
	background: #d4dfcb;
	padding: 19px;
	width: 119px;
	min-height: 100px;
	font-size: 10px;
	float: right;
}

.product .right .r{
	width: 47px;
	float: right;
	height: 12px;
}
.product .right .l{
	width: 47px;
	float: left;
	height: 12px;
}

.product .right .input {
	width: 58px;
	height: 19px;
}

.product .details {
	width: 545px;
	padding: 6px;
	height: 36px;
	background: url(../gfx/detail-bg.jpg) repeat-x;
	float: left;
}

.product .details ul{
	height: 23px;
	width: 545px;
}

.product .details li{
	padding-right: 20px; 
	float: left;
}

a.pdf{
	background: url(../gfx/PDF.jpg) left no-repeat;
	padding-left: 35px;
	clear: both;
}

.product-clear{
	clear: both;
	height: 10px;
}

hr.productLine {
	height:1px;
	color:#cccccc;
	border:1px 0px 0px 0px;
	border-top:1px solid #cccccc;
	margin:0px;
	padding:0px;
}

/* ----  Footer Elements  ---- */


.clear{
	clear: both;
	height: 20px;
	width: 100%;
}
.footer{
	width: 930px;
	font-size:11px;
	margin:0 auto;
	height:51px;
	padding:20px;
	color: #606060;
	clear: both;
	text-align: center;
	background: #edf5da;
	overflow: hidden;
}

.footer a{
	color: #336633;
	text-decoration: underline;
}

.credit-cards{
	width: 900px;
	margin: 0 auto;
	height: 62px;
	background: url(../gfx/creditcards.jpg) center no-repeat;
}