/* Computrac Interactive Solutions */

/*Main Nav*/
#navcontainer ul {
margin-right: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0;
padding-bottom: 0;
padding-left: 0;
padding-top: 0;
padding-right: 0;
list-style-type: none;
text-align:center;
width: 1002px;
white-space: nowrap;
}

#navcontainer ul li { display: inline; }
#navcontainer ul li a { text-decoration: none; }



/*Sub Nav*/
#mysubnavcontainer ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

/*News List*/
#newslist ul {
list-style-type:none;
margin: 0;
padding: 0;
}

#newslist li { margin: 0 0 6px 0; }

#calendarlist ul {
	list-style-type: none
}





/* GLOBAL ELEMENTS */
html,body {
	margin:0;
	padding:0;
	height:100%;
	text-align:center;
	background: url(/assets/img/shell/bkgd_global.gif);
}

h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #333333;
	font-weight: bold;
    text-decoration: none;
}

h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #666666;
	font-weight: normal;
    text-decoration: none;
}
h3 {
	font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #2f5f8f;
	font-weight: normal;
    text-decoration: none;
}
h4 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #666666;
	font-weight: bold;
	line-height: 14px;
    text-decoration: none;
}
.h1span {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #333333;
	font-weight: bold;
    text-decoration: none;
}

.h2span {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #666666;
	font-weight: normal;
    text-decoration: none;
}
.h3span {
	font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #2f5f8f;
	font-weight: normal;
    text-decoration: none;
}
# clear{
	clear: both;
}

ul{
	list-style-type: auto;
	padding-left: 11px;
	margin-left: 0px;
	font-weight: normal;
}

div#container{
	margin-top: 0px;
	margin:0 auto; /* center, not in IE5 */
	text-align: center;
	style:z-index:50;
	align: center;
	width: 1002px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
	border-style: solid;
	border-top-width: 0;
	border-bottom-width: 0;
	border-left-width: 0px;
	border-right-width: 0px;
}
	
#wrapper{
	margin-top: 0px;
	margin:0 auto; /* center, not in IE5 */
	text-align: center;
	vertical-align: middle;
	style:z-index:50;
	align: center;
	display: block;
	width: 1002px;
	clear: both;
}

div#top{background-color: #FFFFFF;width: 952px;white-space: nowrap;margin:0;padding:0;height:138px;}



#HdrGlobal {
	background: url(/assets/img/shell/bkgd_global_header.gif);
	width: 1002px;
	height: 114px;
	margin-bottom: 8px;
	text-align: left;
}

.logo {
	width: 197px;
	height: 56px;
	margin-left: 30px;
	margin-top: 0px;
}

#address {
	position: relative;
	background: url(/assets/img/shell/bkgd_address.gif);
	height: 24px;
	width: 437px;
	margin-top: 0px;
	margin-left: 14px;
	text-indent: 14px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	line-height: 24px;
	text-align: left;
	color: #FFFFFF;
	z-index:90;
}
.toplogin {
	margin-top: 8px;
	margin-right: 8px;
}
#topnav {
	height: 40px;
	width: 595px;
	margin-top: -24px;
	margin-left: 387px;
	text-indent: 14px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	line-height: 41px;
	text-align: left;
	color: #FFFFFF;
	z-index:8;
}
#BuildClassroomNav {
	background-image : url(/assets/img/build_classroom/bkgd_buildnav.gif);
	height: 47px;
	width: 984px;
	margin: auto;
	display: block;
}
#BottomClassroomNav {
	height: 44px;
	width: 100%;
	overflow: auto !important;
  	overflow /**/:auto; /* for IE */
	margin: auto;
	display: block;
	float: bottom;
	text-align: center;
	clear: both;
}

#SubNavContainer {
margin: auto;
padding: 0;
padding-bottom: 0;
padding-left: 0;
padding-top: 0;
padding-right: 0;
list-style-type: none;
width: 227px;
text-indent: 20px;
}

.subNavOff { 
background-image : url(/assets/img/shell/subnav_off.gif);
width: 227px;
height: 28px;
cursor:pointer;
text-indent: 30px;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}
.subNavOn { 
background-image : url(/assets/img/shell/subnav_on.gif);
width: 227px;
height: 28px;
cursor:pointer;
text-indent: 30px;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #ffcb05;
}
.button{
	margin-top: 3px;
	margin-bottom: 3px;
}
#footer {
	width: 1000px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
	line-height: 20px;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 50px;
}
.footernav {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
}

#HdrHomeImg {
	width: 276px;
	margin-left: 18px;
	margin-bottom: 4px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9px;
    color: #ffffff;
    text-decoration: none;
}
#HomeFlashTop{
	position: relative;
	margin-top: 5px;
	margin-left: 0px;
	style:z-index:50;
}

#BreadCrumb {
	background-image: url(/assets/img/shell/bkgd_breadcrumb.gif);
	height: 48px;
	width: 692px;
	margin: auto;
	margin-bottom: 6px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    color: #ffffff;
    text-decoration: none;
	text-align: left;
	line-height: 46px;
	text-indent: 12px;
}
#Header {
	background-image: url(/assets/img/shell/bkgd_header.gif);
	height: 33px;
	width: 692px;
	margin: auto;
	margin-bottom: 16px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
	line-height: 32px;
    color: #ffffff;
    text-decoration: none;
	text-align: left;
	text-indent: 12px;
}
#HeaderHome {
	background-image: url(/assets/img/shell/bkgd_header_home.gif);
	height: 33px;
	width: 425px;
	margin-bottom: 14px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
	line-height: 32px;
    color: #ffffff;
    text-decoration: none;
	text-align: left;
	text-indent: 12px;
}
#HeaderAbout {
	background-image: url(/assets/img/shell/bkgd_header_about.gif);
	height: 33px;
	width: 667px;
	margin: auto;
	margin-top: 16px;
	margin-bottom: 16px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
	line-height: 32px;
    color: #ffffff;
    text-decoration: none;
	text-align: left;
	text-indent: 12px;
}
#ImgMainLarge {
	background-image: url(/assets/img/shell/bkgd_main_img.gif);
	height: auto !important;
  	height /**/:auto; /* for IE5/Win */
	width: 692px;
	margin: auto;
	margin-bottom: 6px;
	margin-top: -8px;
	padding-top: 12px;
	padding-bottom: 12px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
	line-height: 288px;
    color: #ffffff;
    text-decoration: none;
}
#AboutTop {
	background-image: url(/assets/img/shell/bkgd_about_top.jpg);
	background-repeat: no-repeat;
	background-color: #17179d;
	width: 692px;
	margin: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 12px;
	height: 100% !important;
  	height /**/:100%; /* for IE5/Win */
  	overflow: auto !important;
  	overflow /**/:auto; /* for IE */
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
	text-align: center;
}
#AboutTopTop {
	background-image: url(/assets/img/shell/about_top_top.jpg);
	width: 692px;
	height: 5px;
	margin: auto;
	margin-bottom: 0px;
	margin-top: -8px;
	text-align: left;
}
#AboutTopBtm {
	background-image: url(/assets/img/shell/about_top_btm.jpg);
	height: 5px;
	width: 692px;
	margin: auto;
	margin-bottom: 6px;
	margin-top: 0px;
}
#AboutTopTxt {
	width: 667px;
	margin: auto;
	margin-bottom: 8px;
	margin-top: 0px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
	text-align: left;
}
.TopTxt {
    font-family: Arial, sans-serif;
    font-size: 9px;
    color: #666666;
	font-weight: bold;
    text-decoration: none;
	line-height: 1.5;
}
.HdrInfoTxt {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9px;
    color: #ffffff;
    text-decoration: none;
}
.header {
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 23px;
    color: #660000;
	font-weight: bold;
    text-decoration: none;
}
.tcd {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 8px;
    color: #4d8bb4;
    text-decoration: none;
}
.blueTxt {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    color: #005ac4;
    text-decoration: none;
	line-height: 1.5;
}
.subsubLink {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-align: left;
    margin-left: 0px;
    text-decoration: underline;}
	a:link.subsubLink {color : #ffffff; text-decoration: underline;}
	a:visited.subsubLink {color : #ffffff; text-decoration: underline;}
	a:active.subsubLink {color: #ffffff; text-decoration: underline;}
	a:hover.subsubLink {color: #99ffff; text-decoration: underline;}		

.blueLinksm {
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #1b5aa9;
    text-decoration: underline;}
	a:link.blueLink {color : #1b5aa9; text-decoration: underline;}
	a:visited.blueLink {color : #1b5aa9; text-decoration: underline;}
	a:active.blueLink {color: #1b5aa9; text-decoration: underline;}
	a:hover.blueLink {color: #1b5aa9; text-decoration: underline;}		
.BreadCrumbWhite {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    text-decoration: underline;
    color: #ffffff;}
	a:link.BreadCrumbWhite  {color : #ffffff;}
	a:visited.BreadCrumbWhite  {color : #ffffff;}
	a:active.BreadCrumbWhite  {color: #ffffff; text-decoration: underline;}
	a:hover.BreadCrumbWhite  {color: #ccffff; text-decoration: underline;}


.BreadCrumbBlue {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    text-decoration: underline;
    color: #6ab7d4;}
	a:link.BreadCrumbBlue  {color : #ccffff;}
	a:visited.BreadCrumbBlue  {color : #ccffff;}
	a:active.BreadCrumbBlue  {color: #ccffff; text-decoration: underline;}
	a:hover.BreadCrumbBlue  {color: #ffffff; text-decoration: underline;}

#BreadCrumbBox {
	background-color: #012a4f;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9px;
    color: #ffffff;
    text-decoration: none;
	letter-spacing: 1px;
	padding: 14px;
	text-align: left;
}
	
#SubNavBox {
	width: 240px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9px;
    color: #ffffff;
    text-decoration: none;
}
#CallOutBox {
	background: url(/assets/img/callouts/bkgd_callout.jpg);
	width: 209px;
	margin: auto;
	margin-bottom: 3px;
	padding: 6px;
	wrap: no-wrap;
	height:63px;
	font-family: Arial, sans-serif;
    font-size: 9px;
    color: #333333;
    text-decoration: none;
    text-align: left;
}
#HomeNewsBox {
	background: url(/assets/img/shell/bkgd_home_news.gif);
	width: 202px;
	margin: auto;
	margin-bottom: 3px;
	padding: 9px;
	wrap: no-wrap;
	height:169px;
	font-family: Arial, sans-serif;
    font-size: 9px;
    color: #333333;
    text-decoration: none;
    text-align: left;
}
#HomeCalendarBox {
	background: url(/assets/img/shell/bkgd_home_calendar.gif);
	width: 202px;
	margin: auto;
	margin-bottom: 2px;
	padding: 9px;
	wrap: no-wrap;
	height:90px;
	font-family: Arial, sans-serif;
    font-size: 9px;
    color: #333333;
    text-decoration: none;
    text-align: left;
}
#BlueLine {
	background: url(/assets/img/callouts/blue_line.gif);
	width: 210px;
	height: 1px;
  	overflow: hidden !important;
  	overflow /**/:hidden; /* for IE */
	margin: auto;
	margin-bottom: 8px;
	margin-top: 8px;
}
.CallOutHdr {
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 15px;
    color: #978d61;
    text-decoration: none;
}
.CallOutLink {
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: bold;
    line-height: 17px;
    text-align: left;
    color: #333333;
    text-decoration: none;
}
.CallOutTN {
	width: 62px;
	line-height: 75px;
	margin-right: 6px;
	float: left;
}
.footerTN {
	width: 75px;
	line-height: 88px;
	margin-right: 6px;
	float: left;
}
#HomeCallOut {
	width: 276px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9px;
    color: #ffffff;
    text-decoration: none;
}
#DetailImage {
	width: 270px;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 14px;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
}
#ProductTNBox {
	width: 114px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 0px;
	display: inline;
	wrap: no-wrap;
}
.ProductTN {
	width: 114px;
	background-color: #FFFFFF;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	margin-bottom: 6px;
	margin-top: 10px;
	margin-right: 11px;
	display: inline-block;
}
.Img150x93 {
	width: 150px;
	padding: 1px;
	background-color: #FFFFFF;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	margin-bottom: 6px;
	margin-top: 0px;
	margin-right: 11px;
	display: inline-block;
}
.ImgBuildClassroom {
	background-color: #FFFFFF;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	margin-bottom: 12px;
	margin-right: 11px;
	display: block;
}
#LeftBuildClassroom {
	width: 400px;
	margin-bottom: 12px;
	margin-top: 12px;
	margin-left: 20px;
	margin-right: 11px;
	display: block;
	float: left;
}
#RightBuildClassroom {
	width: 500px;
	margin-bottom: 12px;
	margin-top: 12px;
	margin-left: 0px;
	margin-right: 30px;
	display: block;
	float: left;
	text-align: center;
}
.BuildClassroomTable {
	background-color: #c2e3f4;
	font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #2f5f8f;
	text-align: left;
    text-decoration: none;
}
.red {
	background-color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #cc0000;
    text-decoration: none;
}
.ImgBuildClassroom5 {
	margin-bottom: 12px;
	margin-right: 11px;
	display: block;
}
#LeftBuildClassroom5 {
	width: 300px;
	margin-bottom: 16px;
	margin-top: 12px;
	margin-left: 30px;
	margin-right: 18px;
	display: block;
	float: left;
}
#RightBuildClassroom5 {
	width: 580px;
	margin-bottom: 16px;
	margin-top: 12px;
	margin-left: 12px;
	margin-right: 25px;
	display: block;
	float: left;
	text-align: center;
}
.BuildClassroomTable5 {
	background-color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #2f5f8f;
	text-align: left;
    text-decoration: none;
}
.ProductList {
	width: 198px;
	background-color: #FFFFFF;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	margin-bottom: 6px;
	margin-top: 10px;
	margin-right: 0px;
	display: inline-block;
}
.ProductOverview {
	width: 130px;
	background-color: #FFFFFF;
	margin-bottom: 6px;
	margin-top: 10px;
	display: inline-block;
}
#ProductOverviewTxt a {
	margin: auto;
	margin-bottom: 8px;
	display: block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    color: #1b5aa9;
	text-align: center;
    text-decoration: none;
}
#ProductOverviewBox {
	margin: auto;
  	overflow: visible;
	display: inline;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    color: #1b5aa9;
	text-align: center;
    text-decoration: none;
}
#ProductListBox {
	width: 198px;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-right: 12px;
	display: inline;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #333333;
	text-align: center;
    text-decoration: none;
	white-space: wrap;
}
#ContentBox {
	background-color: #FFFFFF;
	width: 670px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin: auto;
	font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #333333;
	text-align: left;
    text-decoration: none;
    clear: all;
}
#ProductListContentBox {
	background-color: #FFFFFF;
	width: 670px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 26px;
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-bottom-color: #e0e3e6;
	font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #333333;
	text-align: left;
    text-decoration: none;
}
#ContentBoxBlue {
	background-color: #f7fbfe;
	width: 650px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin: auto;
	padding-left: 12px;
	padding-top:10px;
	padding-bottom: 20px;
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-top-color: #e0e3e6;
	font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #333333;
	text-align: left;
    text-decoration: none;
}
#ContentBoxGray {
	background-color: #fafafa;
	width: 640px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin: auto;
	padding-left: 12px;
	padding-top:10px;
	padding-bottom: 20px;
	padding-right: 10px;
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #e0e3e6;
	border-bottom-color: #e0e3e6;
	font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #333333;
	text-align: left;
    text-decoration: none;
}
.Description {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #333333;
	text-align: left;
    text-decoration: none;
}
#WideColumnBox {
	padding: 0px;
	width: 1002px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	text-align: left;
	float: left;
	display: block;
}
#WideColumnTop { 
	background-image : url(/assets/img/shell/widecol_top.gif);
	width: 1002px;
	display: block;
	height: 9px !important;
  	height /**/:0px; /* for IE5/Win */
  	overflow: hidden !important;
  	overflow /**/:hidden; /* for IE */
}
#WideColumn { 
	background-image : url(/assets/img/shell/bkgd_widecol.gif);
	width: 1002px;
	height: 100%;
	display: block;
	text-align: center;
}
#WideColumnBtm { 
	background-image: url(/assets/img/shell/widecol_btm.gif);
	background-color: #ffffff;
	width: 1002px;
	height: 9px !important;
  	height /**/:0px; /* for IE5/Win */
  	overflow: hidden !important;
  	overflow /**/:hidden; /* for IE */
	display: block;
}
#WideColumnContent { 
	background-image : url(/assets/img/shell/bkgd_widecol_content.jpg);
	background-repeat: no-repeat;
	background-color: #eaf1f5;
	width: 982px;
	height: 100% !important;
  	height /**/:100%; /* for IE5/Win */
  	overflow: auto !important;
  	overflow /**/:auto; /* for IE */
	display: block;
	margin: auto;
	text-align: center;
	padding-top: 0px;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #2f5f8f;
	border-bottom-color: #2f5f8f;
	border-right-color: #2f5f8f;
	border-left-color: #2f5f8f;
	clear: both;
}
#WideColumnContent2 { 
	background-color: #ffffff;
	width: 982px;
	height: 100% !important;
  	height /**/:100%; /* for IE5/Win */
  	overflow: auto !important;
  	overflow /**/:auto; /* for IE */
	display: block;
	margin: auto;
	text-align: center;
	padding-top: 0px;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #2f5f8f;
	border-bottom-color: #2f5f8f;
	border-right-color: #2f5f8f;
	border-left-color: #2f5f8f;
	clear: both;
}
#step1_box {
	background-image : url(/assets/img/build_classroom/step1.jpg);
	position: relative;
	width: 982px;
	height: 500px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #666666;
	clear: both;
	z-index:80;
}
#steps_box {
	position: relative;
	width: 982px;
	overflow: auto !important;
  	overflow /**/:auto; /* for IE */
	height: auto !important;
	height /**/:100%; /* for IE */
	padding-left: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #666666;
	z-index:80;
	clear: both;
}
#BuildClassroomHeader {
	position: relative;
	width: 952px;
	height: 35px;
	padding-left: 30px;
	padding-top: 30px;
	margin-top: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #666666;
	z-index:90;
}
#step1 {
	width: 382px;
	padding-left: 0px;
	margin-top: 100px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #666666;
	float: right;
	z-index:90;
}
#LeftColumnBox {
	padding: 0px;
	width: 280px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: left;
	float: left;
	display: block;
	clear: left;
}
#LeftColumnTop { 
	background-image : url(/assets/img/shell/leftcol_top.gif);
	width: 280px;
	height: 12px;
  	overflow: hidden !important;
  	overflow /**/:hidden; /* for IE */
	display: block;
}
#LeftColumn { 
	background-image : url(/assets/img/shell/bkgd_leftcol.gif);
	width: 280px;
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#LeftColumnBtm { 
	background-image : url(/assets/img/shell/leftcol_btm.gif);
	width: 280px;
	height: 12px;
  	overflow: hidden !important;
  	overflow /**/:hidden; /* for IE */
	display: block;
}
#LeftCallouts { 
	background-image : url(/assets/img/shell/bkgd_callouts.gif);
	width: 236px;
	display: block;
	margin: auto;
	text-align: center;
	padding-top: 3px;
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #f9f6c6;
	border-bottom-color: #beb797;
}
#LeftNavTop { 
	background-image : url(/assets/img/shell/leftnav_top.gif);
	width: 280px;
	height: 17px;
	overflow: hidden !important;
  	overflow /**/:hidden; /* for IE */
	display: block;
}
#LeftNav { 
	background-image : url(/assets/img/shell/bkgd_leftnav.gif);
	width: 280px;
	display: block;
}
#LeftNavBtm { 
	background-image : url(/assets/img/shell/leftnav_btm.gif);
	width: 280px;
	height: 17px;
  	overflow: hidden !important;
  	overflow /**/:hidden; /* for IE */
	display: block;
}
#RightColumnBox {
	padding: 0px;
	width: 712px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin: auto;
	float: right;
	display: block;
	font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 12px;
    color: #666666;
    text-decoration: none;
	line-height: 1.5;
	clear: none;
}
#RightColumnTop { 
	background-image : url(/assets/img/shell/rightcol_top.gif);
	width: 712px;
	height: 12px;
  	overflow: hidden !important;
  	overflow /**/:hidden; /* for IE */
	display: block;
	clear: both;
}
#RightColumn { 
	background-image : url(/assets/img/shell/bkgd_rightcol.gif);
	width: 712px;
	display: block;
	clear: both;
}
#RightColumnBtm { 
	background-image : url(/assets/img/shell/rightcol_btm.gif);
	width: 712px;
	height: 12px;
  	overflow: hidden !important;
  	overflow /**/:hidden; /* for IE */
	display: block;
	clear: both;
}


#HomeWideColumnContent { 
	background-color: #ffffff;
	width: 982px;
	height: 100% !important;
  	height /**/:100%; /* for IE5/Win */
  	overflow: auto !important;
  	overflow /**/:auto; /* for IE */
	display: block;
	margin: auto;
	text-align: center;
	padding-top: 0px;
	clear: both;
}
#HomeWideBottom { 
	width: 882px;
  	overflow: hidden !important;
  	overflow /**/:hidden; /* for IE */
	display: block;
	margin: auto;
	text-align: center;
	padding-top: 0px;
	clear: both;
}
#HomeWideColumn { 
	background-image : url(/assets/img/shell/bkgd_home_widecol.jpg);
	width: 1002px;
	height: 100%;
	display: block;
	text-align: center;
}

#HomeBottom {
	background-image: url(/assets/img/shell/bkgd_home_bottom.jpg);
	width: 977px;
	height: 100% !important;
  	height /**/:100%; /* for IE5/Win */
	overflow: auto !important;
  	overflow /**/:auto; /* for IE */
	margin: auto;
	display: block;
	text-align: center;
}
#HomeBottomBtm {
	background-image: url(/assets/img/shell/home_bottom_bottom.jpg);
	width: 977px;
	height: 5px !important;
  	height /**/:0px; /* for IE5/Win */
  	overflow: hidden !important;
  	overflow /**/:hidden; /* for IE */
	margin: auto;
	line-height:5px;
	margin-bottom: 2px;
	display: block;
	text-align: center;
}
#HomeBottomTop {
	background-image: url(/assets/img/shell/home_bottom_top.jpg);
	width: 977px;
	height: 5px !important;
  	height /**/:0px; /* for IE5/Win */
  	overflow: hidden !important;
  	overflow /**/:hidden; /* for IE */
	margin: auto;
	margin-top: 10px;
	display: block;
	text-align: center;
}
#HomeBottomText {
	padding-left:12px;
	margin-bottom: 8px;
	margin-top: 4px;
	padding-right: 3px;
	display: block;
	font-family: Arial, sans-serif;
    font-size: 12px;
    line-height:16px;
    color: #ffffff;
    text-decoration: none;
	text-align: left;
	float: left;
}
#HomeBottomCallout {
	margin-left:10px;
	margin-bottom: 8px;
	margin-top: 4px;
	display: block;
	padding-right: 4px;
	font-family: Arial, sans-serif;
    font-size: 10px;
    line-height:13px;
    color: #454545;
    text-decoration: none;
	text-align: left;
	float: left;
}
#HomeRightColumnBox {
	padding: 0px;
	width: 248px;
	margin-top: 0px;
	margin-left: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
	float: left;
	display: block;
}
#HomeRightColumnTop { 
	background-image : url(/assets/img/shell/leftcol_top.gif);
	width: 280px;
	height: 12px;
	display: block;
}
#HomeRightColumn { 
	background-color: #f8f7f5;
	width: 246px;
	height: 498px;
	display: block;
	margin: auto;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #d3d2d7;
	border-bottom-color: #d3d2d7;
	border-left-color: #d3d2d7;
	border-right-color: #d3d2d7;
}
.HomeLink {
	font-family: TwCenMT, Arial, sans-serif;
    font-size: 9px;
    line-height:26px;
    color: #ffe401;
    text-decoration: none;	
}
#HomeRightColumnBtm { 
	background-image : url(/assets/img/shell/leftcol_btm.gif);
	width: 280px;
	height: 12px;
	display: block;
}
#HomeRightCallouts { 
	background-image : url(/assets/img/shell/bkgd_callouts.gif);
	width: 236px;
	height: 484px;
	display: block;
	margin: auto;
	margin-top: 4px;
	margin-bottom: 5px;
	text-align: center;
	padding-top: 3px;
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #f9f6c6;
	border-bottom-color: #beb797;
}
#HomeRightNavTop { 
	background-image : url(/assets/img/shell/leftnav_top.gif);
	width: 280px;
	height: 17px;
	display: block;
}
#HomeRightNav { 
	background-image : url(/assets/img/shell/bkgd_leftnav.gif);
	width: 280px;
	display: block;
}
#HomeRightNavBtm { 
	background-image : url(/assets/img/shell/leftnav_btm.gif);
	width: 280px;
	height: 17px;
	display: block;
}
#HomeLeftColumnBox {
	padding: 0px;
	width: 725px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	display: block;
}
#HomeLeftColumnTop { 
	background-image : url(/assets/img/shell/rightcol_top.gif);
	width: 712px;
	height: 12px;
	display: block;
}
#HomeLeftColumn { 
	background-image : url(/assets/img/shell/bkgd_rightcol.gif);
	width: 712px;
	display: block;
}
#HomeLeftColumnBtm { 
	background-image : url(/assets/img/shell/rightcol_btm.gif);
	width: 712px;
	height: 12px;
	display: block;
}


#int_LeftColumnBox {
	padding: 0px;
	width: 240px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom:0px;
	text-align: left;
	display: inline-block;
}

#int_RightColumnBox {
	padding: 0px;
	width: 690px;
	margin-top: 0px;
	text-align: left;
	float: right;
	display: inline-block;
	font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 12px;
    color: #666666;
    text-decoration: none;
	line-height: 1.5;
}

#textbox {
	background-color: #01161e;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
	padding: 14px;
	text-align: left;
	line-height: 1.5;
}

#grayBox {
	background-color: #f5f5f5;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 12px;
    color: #666666;
    text-decoration: none;
	font-weight: bold;
	padding: 10px;
	line-height: 1.5;
}

.gray10 {
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #999999;
    text-decoration: none;
	font-weight: normal;
	line-height: 24px;
	
}

.ContentTxt {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
	align: left;
	line-height: 1.5;
}
.CalloutHdr {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
	align: left;
}
#IntImg {
	padding: 4px;
	background-color: #ff0101;
	margin-bottom: 12px;
	height: 216px;
	width: 677px;
	text-align: center;
}
#InlineImg {
	padding: 8px;
	background-color: #660000;
	margin-right: 14px;
	margin-bottom: 6px;
	height: 158px;
	width: 158px;
	float: left;
	display: inline;
	clear: both;
	text-align: center;
}
#HdrIntGraphic {
	width: 601px;
	height: 57px;
	background-color: #012a4f;
	margin-left: 0px;
	float: left;
}
#ModuleContainer {
	width: 601px;
	height: 130px;
	margin-left: 22px;
	background-color: #012a4f;
}

.tn {
	padding-left: 7px;

}
.icn {
	margin-top: 1px;
}
.checkout {
	margin-left: 10px;
}
#tn2 {
	padding: 2px;
	background-color: #666666;
	height: 75px;
	width: 75px;
	text-align: center;
}
#tnHome {
	padding: 2px;
	margin-right:7px;
	margin-top:2px;
	margin-bottom:7px;
	background-color: #ffffff;
	height: 75px;
	width: 75px;
	float: left;
	clear: all;
	text-align: center;
}
#btn_help, #btn_help a {
	position: relative;
	width: 40px;
	background-color: #2f5f8f;
	margin-top: 0px;
	margin-right: 0px;
	line-height: 16px;
	text-indent: 8px;
	font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
	float: right;
	z-index: 99;
}
#btn_browse {
	background: url(/assets/img/products/btn_browse.gif);
	line-height: 14px;
	text-indent: 20px;
	font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: bold;
    color: #49515b;
    text-decoration: none;
	margin-top: 4px;
	margin-bottom: 4px;
}
#btn_browse a {
	line-height: 14px;
	text-indent: 20px;
	font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: bold;
    color: #49515b;
    text-decoration: none;
}
#btn_addtocart {
	background: url(/assets/img/products/btn_addtocart.gif);
	line-height: 14px;
	text-indent: 20px;
	font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: bold;
    color: #49515b;
    text-decoration: none;
	margin-top: 4px;
	margin-bottom: 4px;
}
#btn_addtocart a {
	line-height: 14px;
	text-indent: 20px;
	font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: bold;
    color: #49515b;
    text-decoration: none;
}
#btn_viewdetails {
	background: url(/assets/img/products/btn_viewdetails.gif);
	line-height: 14px;
	text-indent: 20px;
	font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: bold;
    color: #49515b;
    text-decoration: none;
	margin-top: 4px;
	margin-bottom: 4px;
}
#btn_viewdetails a {
	line-height: 14px;
	text-indent: 20px;
	font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: bold;
    color: #49515b;
    text-decoration: none;
}
#SearchBox {
	background: url(/assets/img/nav/bkgd_search.jpg) top left no-repeat;
	width: 252px;
	height: 39px;
	line-height: 39px;
	margin-bottom: 0px;
	padding-top: 0px;
	text-align: left;
}

label {	
	font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #666666;
    text-decoration: none;
    margin-top: 8px;
}

.SearchField {
	width: 146px;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #cfcfcf;
	border-bottom-color: #cfcfcf;
	border-right-color: #cfcfcf;
	border-left-color: #cfcfcf;
	background-color: #d0f8fa;
	margin-left: 65px;
	margin-top: 0px;
	font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #666666;
    text-decoration: none;
    display: inline;
}

.RegisterField {
	width: 136px;
	background-color: #50a9d9;
	margin-left: 0px;
	margin-top: 0px;
	font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    border-style: solid;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    text-decoration: none;
}
.RegisterText {
	font-family: Helvetica, Arial, sans-serif;
    font-size: 8px;
    color: #333333;	
    text-decoration: none;
}

.SearchButton {
	margin-left: 4px;
	margin-top: 0px;
	display: inline;
}

#MiniWrapper{
	margin-top: 0px;
	margin:0 auto; /* center, not in IE5 */
	text-align: center;
	vertical-align: middle;
	style:z-index:50;
	display: inline;
	align: center;
	clear: both;
}

li.subsubnav {
    list-style: url(/assets/img/nav/arrow.gif) inside;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: left;
    line-height: 15px;
    text-indent: -10px;
    margin-left: 12px;
}
ul.subnav {
margin-left: 14px;
}


/* MAIN NAV */

#NavWrap {
	width: 1000px;
}

#nav {
	background: url(/assets/img/nav/bkgd_nav.jpg) no-repeat;
	width:1002px;
	height:39px;
	list-style:none;
	white-space: nowrap;
	overflow:hidden;
	margin-bottom: 10px;
	padding:0;
	}

#hdrNavBox li {
    float:left;
    list-style:none;
    overflow: hidden;
    margin:0 0 0 0;
}
#hdrNavBox a {
	float:left;
  	padding:39px 0 0 0;
  	overflow:hidden;
  	height:0px !important;
  	height /**/:39px; /* for IE5/Win */
}
#hdrNavBox li a:hover {
 	background-position:0 39px;
}
#hdrNavBox li.selected {
	background-position:0 39px;
	}
#hdrNavBox li a.selected {
 	background-position:0 39px;
}
#hdrNavBox li a.selected:hover {
 	background-position:0 39px;
}


#ourproducts, #ourproducts a  {
	width:152px;
	background: url(/assets/img/nav/ourproducts.jpg) top left no-repeat;
}
#ourproductsOn, #ourproductsOn a  {
	width:152px;
	background: url(/assets/img/nav/ourproductsOn.jpg) top left no-repeat;
}
#myclassroom, #myclassroom a {
	width:146px;
	background: url(/assets/img/nav/myclassroom.jpg) top left no-repeat;
}
#myclassroomOn, #myclassroomOn a {
	width:146px;
	background: url(/assets/img/nav/myclassroomOn.jpg) top left no-repeat;
}
#solutions, #solutions a  {
	width:273px; 
	background: url(/assets/img/nav/solutions.jpg) top left no-repeat;
}
#solutionsOn, #solutionsOn a  {
	width:273px; 
	background: url(/assets/img/nav/solutionsOn.jpg) top left no-repeat;
}
#about, #about a  {
	width:176px;
	background: url(/assets/img/nav/about.jpg) top left no-repeat;
}
#aboutOn, #aboutOn a  {
	width:176px;
	background: url(/assets/img/nav/aboutOn.jpg) top left no-repeat;
}




/* News Styles */
.newsPadding {
padding-left: 7px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
	line-height: 1.5;
	voice-family: "\"}\""; 
    voice-family:inherit;
}



td{
font-family: Arial;
font-size: 10pt;
font-weight: normal;

}
.over{
background-color: #4a798b;
}
.out{
font-family: Arial, Helvetica, sans-serif;
color: #0b6a8f;
}

.newsLink {
	font-family: Arial, sans-serif;
    font-size: 11px;
    color: #999999;
    text-decoration: underline;}
	a:link.newsLink {color : #999999;}
	a:visited.newsLink {color : #999999;}
	a:active.newsLink {color: #999999; text-decoration: none;}
	a:hover.newsLink {color: #660000; text-decoration: underline;}
	
.news {
	font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 12px;
    color: #666666;
    text-decoration: none;
	line-height: 1;
}
	
.CaratLink {
	font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 11px;
    color: #666666;
	margin-left: 12px;
    text-decoration: underline;}
	a:link.CaratLink {color : #666666;}
	a:visited.CaratLink {color : #666666;}
	a:active.CaratLink {color: #666666; text-decoration: none;}
	a:hover.CaratLink {color: #660000; text-decoration: underline;}	
	
/* Jump Menu Style */
.jumpMenu {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #333333;
}


.BoldBlueHeader {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#336699;
}
	
.BoldBlueSuhHeader {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#336699;
}

.PackageTableText{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
}

.PackImgPad {
padding-right: 9px;
}
/* Calendar*/
.ascCaption {font-family: Arial; font-size: 16pt; font-weight: bold; color: #333333; text-align: center; background-color: #efeeed; }
.ascWeekdays {font-family: Arial; font-size: 12pt; font-weight: bold; color: #333333; text-align: center; background-color: #efeeed; }
.ascDays {font-family: Arial; font-size: 10pt; font-weight: bold; color: #333333; text-align: right; }
.ascEvents {font-family: Arial; font-size: 10pt; color: #333333; text-align: left; background-color: #efeeed; }

.ContentImgPad {
padding-right: 15px;
padding-bottom: 15px;
}