@charset "utf-8";
body {
	background-image: url(../images/background_texture.jpg);
	background-repeat: repeat;
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#homecontainer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#homecontainerleft {
	width: 650px;
	float: left;
}
#hometopleft {
	width: 310px;
	height: 141px;
}
#hometopcenter {
	width: 340px;
	height: 467px;
}
#homecontainerright {
	float: right;
	width: 310;
}
#hometopright {
	width: 310px;
	height: 141px;
}
#homehe {
  display: block;
  width: 310px;
  height: 495px;
  outline: none;
  background: url(../images/he_home.jpg) no-repeat 0 0;
}
#homehe:hover { 
  background-position: 0 -495px;
}
#homehe span {
  display: none;
}
#homek12 {
  display: block;
  width: 340px;
  height: 326px;
  outline: none;
  background: url(../images/k12_home.jpg) no-repeat 0 0;
}
#homek12:hover { 
  background-position: 0 -326px;
}
#homek12 span {
  display: none;
}
#homeproed {
  display: block;
  width: 310px;
  height: 495px;
  outline: none;
  background: url(../images/proed_home.jpg) no-repeat 0 0;
}
#homeproed:hover { 
  background-position: 0 -495px;
}
#homeproed span {
  display: none;
}
#homeintro {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 56px;
  height: 37px;
  outline: none;
  background: url(../images/intro_button.jpg) no-repeat 0 0;
}
#homeintro:hover { 
  background-position: 0 -37px;
}
#homeintro span {
  display: none;
}
#homevideo {
  display: block;
  width: 340px;
  height: 169px;
  outline: none;
  background: url(../images/home_center_bottom.jpg) no-repeat 0 0;
}
#homevideo:hover { 
  background-position: 0 -169px;
}
#homevideo span {
  display: none;
}

#container {
	width: 960px;
	margin-left: auto; margin-right: auto;
}
#heheader {
	background-image: url(../images/he_header.jpg);
	width: 960px;
	height: 407px;
}
#proedheader {
	background-image: url(../images/proed_header.jpg);
	width: 960px;
	height: 407px;
}
#heheaderleft {
	float: left;
	width: 500px;
}
#heheaderright {
	float: right;
	width: 460px;
}
#header {
	width: 960px; height: 412px;
}
#headerleft {
	float: left;
	width: 395px;
}
#headerright {
	float: right;
	width: 565px;
}
#topnav {
	margin-left: 106px;
}
ul.hetopnavleft {
        width: 140px; 
        height: 29px;
        position: relative;
		background: url(../images/he_topnav_left.jpg) no-repeat 0 0;
        list-style: none;
        margin: 0; padding: 0;
}
ul.hetopnavleft li {
        display: inline;
}
ul.hetopnavleft li a:link, ul.hetopnavleft li a:visited {
        border: none; 
        height: 29px; 
        display: block; 
        position: absolute; 
        top: 0; 
        text-indent: -7000px;
        outline: none;
}
ul.hetopnavleft li.events a:link, ul.hetopnavleft li.events a:visited { 
        left: 0px;
		width: 63px;
}
ul.hetopnavleft li.webinars a:link, ul.hetopnavleft li.webinars a:visited { 
        left: 63px;
		width: 77px;
}
ul.hetopnavleft li.events a:hover {
        background: url(../images/he_topnav_left.jpg) no-repeat 0 -29px;
}
ul.hetopnavleft li.webinars a:hover {
        background: url(../images/he_topnav_left.jpg) no-repeat -63px -29px;
}
ul.topnavleft {
        width: 251px; 
        height: 29px;
        position: relative;
		background: url(../images/topnav_left.jpg) no-repeat 0 0;
        list-style: none;
        margin: 0; padding: 0;
}
ul.topnavleft li {
        display: inline;
}
ul.topnavleft li a:link, ul.topnavleft li a:visited {
        border: none; 
        height: 29px; 
        display: block; 
        position: absolute; 
        top: 0; 
        text-indent: -7000px;
        outline: none;
}
ul.topnavleft li.upgrade a:link, ul.topnavleft li.upgrade a:visited { 
        left: 0px;
		width: 117px;
}
ul.topnavleft li.events a:link, ul.topnavleft li.events a:visited { 
        left: 117px;
		width: 56px;
}
ul.topnavleft li.newsletter a:link, ul.topnavleft li.newsletter a:visited { 
        left: 173px;
		width: 78px;
}
ul.topnavleft li.upgrade a:hover {
        background: url(../images/topnav_left.jpg) no-repeat 0 -29px;
}
ul.topnavleft li.events a:hover {
        background: url(../images/topnav_left.jpg) no-repeat -117px -29px;
}
ul.topnavleft li.newsletter a:hover {
        background: url(../images/topnav_left.jpg) no-repeat -173px -29px;
}

ul.topnavright {
        width: 171px; 
        height: 29px;
        position: relative;
		background: url(../images/topnav_right.jpg) no-repeat 0 0;
        list-style: none;
        margin: 0; padding: 0;
}
ul.topnavright li {
        display: inline;
}
ul.topnavright li a:link, ul.topnavright li a:visited {
        border: none; 
        height: 29px; 
        display: block; 
        position: absolute; 
        top: 0; 
        text-indent: -7000px;
        outline: none;
}
ul.topnavright li.share a:link, ul.topnavright li.share a:visited { 
        left: 0px;
		width: 46px;
}
ul.topnavright li.contact a:link, ul.topnavright li.contact a:visited { 
        left: 46px;
		width: 58px;
}
ul.topnavright li.btbb a:link, ul.topnavright li.btbb a:visited { 
        left: 104px;
		width: 68px;
}
ul.topnavright li.share a:hover {
        background: url(../images/topnav_right.jpg) no-repeat 0 -29px;
}
ul.topnavright li.contact a:hover {
        background: url(../images/topnav_right.jpg) no-repeat -46px -29px;
}
ul.topnavright li.btbb a:hover {
        background: url(../images/topnav_right.jpg) no-repeat -104px -29px;
}
#k12contacttabs{
	clear: both;
	width: 960px;
	height: 112px;
	background: url(../images/k12_contact_bar.jpg) no-repeat;
}
#hecontact{
	clear: both;
	width: 960px;
	height: 46px;
	background: url(../images/he_contact_bar.jpg) no-repeat;
}
#proedcontact{
	clear: both;
	width: 960px;
	height: 46px;
	background: url(../images/proed_contact_bar.jpg) no-repeat;
}
#maincontent {
}
#mainleft {
	float: left;
	width: 709px;
}
#mainright {
	float: right;
	width: 230px; 
}
#overviewleft {
	float: left;
	background-image: url(../images/white_column_texture.jpg);
	background-repeat: repeat;
	width: 230px;
}
#overviewleftcontent {
	margin: 8px;
}
#overviewcenter {
	float: right;
	background-image: url(../images/k12_center_column_texture.jpg);
	background-repeat: repeat;
	margin-left: 20px;
	width: 459px;
}
#overviewcentercontent {
	margin: 8px;
}
#overviewright {
	background-image: url(../images/white_column_texture.jpg);
	background-repeat: repeat;
	width: 230px;
}
#overviewrightcontent {
	margin: 8px;
}
#footer {
	width: 924px; height: 91px;
	background-image: url(../images/footer_background.jpg);
	background-repeat: no-repeat;
	padding: 24px 18px 0 18px;
}
#footerleft {
}
#footerright {
	float: right;
}
.whitetitletext {
	font-size: 18px;
	color: #ffffff;
	font-weight: normal;
	margin-bottom: 5px;
}
.whitelink {
	margin-top: 5px;
	margin-bottom: 15px;
}
.whitelink a:link, .whitelink a:visited {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
}
.whitelink a:hover {
	text-decoration: underline;
}
.hetitletext {
	font-size: 18px;
	color: #00aebd;
	font-weight: normal;
	margin-bottom: 5px;
}
.helink {
	margin-top: 5px;
	margin-bottom: 15px;
}
.helink a:link, .helink a:visited {
	font-weight: bold;
	color: #00aebd;
	text-decoration: none;
	font-size: 12px;
}
.helink a:hover {
	text-decoration: underline;
}


.k12titletext {
	font-size: 18px;
	color: #717b00;
	font-weight: normal;
	margin-bottom: 5px;
}
.k12link {
	margin-top: 5px;
	margin-bottom: 15px;
}
.k12link a:link, .k12link a:visited {
	font-weight: bold;
	color: #717b00;
	text-decoration: none;
	font-size: 12px;
}
.k12link a:hover {
	text-decoration: underline;
}
#footerright a:link, #footerright a:visited {
	text-decoration: none;
	color: #000000;
}
#footerright a:hover {
	text-decoration: underline;
}
.greydivider {
	color: #f2eee9; background-color: #f2eee9;
	border: 2px dotted #bdbab7;
	border-style: none none dotted;
}
.overviewcenterdivider {
	border-bottom: 2px dotted #bdbab7;
}
