/*--------------------------- GLOBAL ELEMENTS -------------------------*/

* {
	margin: 0px;
	padding: 0px;
	}
a:link, a:visited, a:hover, a:active {
	outline: none;
	} 
body {
	background-color: #FFFFFF;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	color: #000000;
	}
p {
	display: block;
	padding: 0;
	padding-bottom: 12px;
	}
hr {
	width: 90%;
	height: 1px;
	border: 0;
	color: #999999;
	background-color: #999999;
	margin: 12px;
	margin-left: auto;
	margin-right: auto;
	}
img {
	border: none;
	}

sup {
	position: relative;
	top: 2px;
	font-size: 80%;
	}

.black {
	font-size: 13px;
	color: #000000;
	}
.bgBlack {
	display: block;
	padding-bottom: 8px;
	font-size: 18px;
	color: #000000;
	line-height: 22px;
	}
.blue {
	display: block;
	padding-bottom: 8px;
	font-size: 11px;
	color: #4642f6;
	line-height: 18px;
	}
.bgWhite {
	display: block;
	padding-bottom: 8px;
	line-height: 22px;
	font-size: 18px;
	color: #ffffff;
	font-weight: normal;
	}
	
.notes {
	font-size: 7px;
	line-height: 10px;
	font-weight: lighter;
	padding-top: 20px;
	padding-bottom: 8px;
	}

/*--------------------------- Shared Div info -------------------------*/

#container {
	background: url(../img/edu_mid.png) repeat-y;
	margin: 0 auto;
	width: 1000px;
	height: 100%;
	}
#container a:link, #container a:visited {
	text-decoration: underline;
	color: #1c84da;
	}
#container a:hover, #container a:active {
	text-decoration: underline;
	color: #99ccff;
	}	
#bottomContainer {
	margin: 0 auto;
	width: 1000px;
	height: 100%;
	}
	
#banner {
	width: 900px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	}
#banner img {
	display: block;	
	margin-left: auto;
	margin-right: auto;
	}
.title {
	display: block;
	padding-top: 8px;
	padding-bottom: 36px;
	}
/*--------------------------- buttons and Adds ------------------------*/

.btnLink {
	display: block;
	float: left;
	width: 225px;
	padding: 12px;
	padding-left: 30px;
	text-align: center;
	line-height: 16px;
	}
#container .btnLink a {
	text-decoration: none;
	}
.btnLink img {
	display: block;
	float: right;
	}

.add {
	display: inline;
	display: block;
	background: url(../img/add_border3.png) no-repeat;
	width: 258px;
	margin-left: 14px;
	margin-top: 36px;
	}
.addIcon {
	display: block;
	padding-top: 12px;
	margin-left: auto;
	margin-right: auto;
	}
.addPic {
	display: block;
	float: right;
	padding-left: 20px;
	padding-bottom: 12px;
	}
.mini {
	padding: 22px;
	padding-top: 16px;
	padding-bottom: 0px;
	width: 214px;
	font-weight: lighter;
	font-size: 11px;
	}

.wideAdd {
	display: block;
	background: url(../img/add_border2.png) no-repeat;
	width: 428px;
	height: 290px;
	margin-top: 30px;
	}
.wideAdd img {
	display: block;
	float: right;
	vertical-align: middle;
	}
.wideMini {
	padding: 18px;
	width: 216px;
	font-weight: lighter;
	font-size: 11px;
	}
	
.bullet {
	display: block;
	float: left;
	}
.imgLeft {
	display: block;
	float: left;
	}
.imgRight {
	display: block;
	float: right;
	}
	
/*------- Individual Div info: applies only to spefific pages ---------*/
#castellMain {
	background: url(../img/castell_background.jpg) no-repeat;
	width: 1000px;
	height:783px;
	padding-left: 90px;
	}
#castellTitle {
	display: block;
	height: 39px;
	padding-left: 54px; 
	padding-top: 8px;	
	}
#castellTitle img {
	display: block;
	float: left;
	}
.castellInfo{	
	display: block;
	float: left;
	width: 370px;
	padding: 0;
	padding-left: 12px;
	padding-top: 5px;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 1px;
	}
#castellTop {
	display: block;
	float: left;
	width: 580px;
	padding-left: 46px;
	padding-top: 54px;
	}
#castellLeft {
	display: block;
	clear: both;
	width: 360px;
	padding-top: 36px;
	}

.clined {
	display: block;
	float: left;
	width: 274px;
	padding-right: 4px;
	}
.clinedAdd {
	background: url(../img/clined_add.png) no-repeat;
	display: inline;
	display: block;
	float: left;
	width: 426px;
	height: 176px;
	margin-top: 42px;
	padding-right: 38px;
	letter-spacing: normal;
	}
.clinedAdd img {
	display: block;
	float: left;
	padding-top: 1px;
	padding-left: 20px;
	}
.addInfo {
	display: block;
	float: right;
	width: 192px;
	padding-top: 28px;
	padding-right: 26px;
	}
	
#cnMain {
	background: url(../img/cn_background.jpg) no-repeat;	
	width: 1000px;
	height: 555px;
	}
.cnNav {
	display: block;
	width: 1000px;
	margin: 0;
	padding: 0;
	padding-top: 40px;
	}
.cnInfo {
	display: block;
	width: 270px;
	position: relative;
	float: left;
	top: 10px;
	left: 65px;
	margin: 0;
	padding: 0;
	padding-top: 20px;
	padding-right: 30px;
	font-weight: normal;
	color: #ffffff;
	}
.cnName {
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	}
#cnTop {
	display: block;
	width: 812px;
	padding-left: 48px;
	}
#cnBottom {
	display: block;
	float: left;
	padding-bottom:5px;
	}
#cnRight {
	display: block;
	float: left;
	width: 300px;
	padding-left: 80px;
	padding-top: 72px;
	}
	
#eduMain {
	background: url(../img/edu_background.jpg) no-repeat;
	overflow: hidden;
	width: 1000px;
	padding-left: 60px;
	}
#eduLeft{
	display: block;
	float: left;
	width: 588px;
	}
#eduRight {
	display: block;
	float: left;
	width: 330px;
	padding-left: 22px;
	}
.eduInfo {
	display: block;
	float: left;
	width: 548px;
	padding: 0;
	padding-left: 18px;
	padding-bottom: 36px;
	}
.eduCost {
	display: block;
	width: 240px;
	padding-top: 36px;
	padding-left: 22px;
	}
.eduInfo Img {
	display: block;
	float: right;
	padding-left: 38px;
	}
	
#faq {
	display: block;
	width: 870px;
	padding-top: 36px;
	}
.faqOpt {
	float: left;
	width: 182px;
	height: 182px;
	padding: 6px;
	text-align: center;
	font-weight: bold;
	}
.faqOpt img {
	padding-bottom: 8px;
	}
	
.newsItem {
	padding-left: 20px;
	}

#plLeft {
	display: block;
	width: 870px;
	}
#plLeft img {
	display: block;
	float: left;
	padding-right: 20px;
	}
#plRight {
	display: block;
	padding-top: 12px;
	padding-left: 24px;
	width: 870px;
	font-size: 11px;
	line-height: 14px;
	}
#plRight p {
	padding-bottom: 4px;
	}
.plNames {
	display: block;
	float: left;
	padding-top: 16px;
	padding-left: 36px;
	width: 60px;
	}
.plDesc {
	display: block;
	float: left;
	padding-top: 16px;
	width: 408px;
	}
.plChart {
	background: url(../img/pl_lines.png) no-repeat;
	display: block;
	float: left;
	width: 332px;
	height: 132px;
	}
.plChart img {
	display: block;
	float: right;
	padding-top: 20px;
	}

#salesMain {
	overflow: hidden;
	width: 1000px;
	padding-left: 46px;
	}
	
#tut {
	text-align: center;
	padding-bottom: 24px;
	height: 250px;
	width: 606px;
	padding-right: 120px;
	margin-right: auto;
	margin-left: auto;
	}
.tutInfo {
	display: block;
	width: 182px;
	float: left;
	padding-left: 20px;
	padding-top: 36px;
	}
.tutInfo img {
	float: none;
	}
#zpRight {
	display: block;
	padding-top: 36px;
	width: 894px;
	font-size: 11px;
	line-height: 14px;
	}
#zpRight p {
	padding-bottom: 4px;
	}
.zpNames {
	display: block;
	float: left;
	padding-top: 16px;
	padding-left: 36px;
	width: 72px;
	}
.zpDesc {
	display: block;
	float: left;
	padding-top: 16px;
	width: 382px;
	}
.zpChart {
	background: url(../img/zp_lines_1.png) no-repeat;
	display: block;
	width: 388px;
	padding-bottom: 4px;
	float: left;
	}
.zpChart Img {
	display: block;
	float: right;
	padding-top: 20px;
	}
.zpChart3 {
	background: url(../img/zp_lines_3.png) no-repeat;
	display: block;
	width: 388px;
	padding-bottom: 4px;
	float: left;
	}
.zpChart3 Img {
	display: block;
	float: right;
	padding-top: 20px;
	}

#zpowerTop {
	display: block;
	width: 812px;
	padding-bottom: 36px;
	}
#zpowerTop img {
	display: block; 
	float: left; 
	padding-right: 54px;
	}
.zbullet {
	display: block;
	float: left;
	}
.zpowerInfo {
	display: block;
	float: left;
	width: 572px;
	padding: 0;
	padding-bottom: 36px;
	}
.citingBox {
	display: block;
	float: left;
	width: 270px;
	padding-left: 16px;
	padding-right: 5px;
	font-size: 10px;
	line-height: 16px;
	}
	
/*--------------------------- Table Info ------------------------------*/

table.orderForm {
	width: 588px;
	border: 1px solid #003333;
	padding: 0;
	margin: 0;
	font-size: 11px;
	line-height: 14px;
	
}
.orderForm th {
	color: #FFFFFF;
	background-color: #153FA1;
	text-align: left;
	padding: 2px;
}
.orderForm td {
	padding: 0;
}

.SignUp {
	font-size: 11px;
	line-height: 14px;
	}

#faqTable {
	width: 887px;
	margin-left: 56px;
	border: 1px solid #000000;
	}
#faqTable {
	height: 48px;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	}

/*--------------------------- Form Info -------------------------------*/

#cnForm {
	display: block;
	float: left;
	width: 360px;
	padding-left: 84px;
	padding-top: 36px;
	}
#cnForm input, #cnForm textarea {
	}
#supportSubmit {
	background: url(../img/cn_send.jpg) no-repeat;
	width: 94px;
	height: 27px;
	margin: 0;
	border: 1px solid #ffffff;
	font-size: 14px;
	font-weight: bold;
	}
/*--------------------------- COPYRIGHT -------------------------------*/
.copyright {
	width: 1000px;
	background-color: #ffffff;
	font-size: .8em;
	color: #999;
	text-align: center;
	padding-top: 5px;
	}
.copyright a {
	text-decoration: none;
	color: #666;
	}
.copyright a:hover {
	text-decoration: underline;
	color: #3333FF;
	}
.copyright a:active {
	text-decoration: underline;
	color: #6633FF;
	 }
	 