@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
}
#flash {
	background-color:#fff;
	width:100%;
	height:700px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000px;
}
.topNav {
	width:870px;
	margin-left:-445px;
	left:50%;
	position:absolute;
	background: transparent url(../../images/template/top_navsbg.png) no-repeat;
	height:70px;
	z-index:1000px;
	padding:10px;
	text-align:right;
}
.logoTopNav, .linksTopNavArea, .utilityTopNav {
	float:left;
}
.logoTopNav {
	width: 220px;
	height:70px;
	text-align:left;
}
.linksTopNavArea {
	width: 420px;
	margin:36px 0px 10px 10px;
	height:24px;
	text-align:left;
}
.utilityTopNav {
	width: 220px;
}
.linksTopNav {
	margin:0px;
	padding:0px;
	list-style:none;
	width:410px;
}

.linksTopNav li {
	float:left;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding-right:15px;
	height:24px;
}
.utilityTopNav .linksTopNav li {
padding-right:6px;
}
.linksTopNav li a {
	color:#888;
}
.linksTopNav li a:hover, .linksTopNav li a.activetop, {
color:#0099dd;
}
.uLinks, .searchArea {
	float:left;
	height:24px;
}
.smarrow {
	width: 200px;
}
.smarrow li {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	background:url(../../images/template/arrowblue.gif) no-repeat 0px 3px;
	padding-right:12px;
}
.smarrow li a {
	padding-left:8px;
}
.uLinks {
	margin-top:7px;
}
.searchArea {
	margin-top:0px;
	background:url(../../images/template/searchbg.gif) no-repeat left;
}
.searchArea form {
	margin:0px;
	padding:0px;
	float:left;
}
.sinput {
	float:left;
	height:20px;
	width:173px;
	padding-left:5px;
	padding-top:2px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
.sinput input {
	border:0px none;
	background:transparent;
	width:173px;
}
.sbutton {
	float:left;
	height:22px;
	width:22px;
}
.menuContainer {
	float:right;
	width:640px;
	height:35px;
	margin-top:20px;
	background:url(../../images/template/menu_left.png) no-repeat left;
}
.menuRight {
	width:640px;
	background:url(../../images/template/menu_right.png) no-repeat right;
	height:35px;
}
.menuMainNav {
	margin:0px 15px;
	padding:0px;
	height:35px;
	list-style:none;
	background:url(../../images/template/menu_bg.png) repeat-x;
	padding-left:6px;
}
.menuMainNav li {
	float:left;
	padding:0px 15px;
	background:url(../../images/template/menu_divider.png) no-repeat right;
}
.menuMainNav li.rtEndmenu {
	background:none;
}
.menuMainNav li a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:31px;
}
.bodyContentArea {
	position:absolute;
	width:100%;
	top:312px;
	float:left;
}
.bodyContentAreaHome {
	top:100px;
	position:absolute;
	width:100%;
	float:left;
}

.bodyArea {
	width:890px;
	margin:0 auto;
	position:relative;
	overflow:auto;
 *overflow: visible;
	z-index:1000px;
	margin-bottom:10px;
}

.bcrumbArea {
	height:20px;
	padding:7px 20px 0px 20px;
}
.leftNav {
	width:190px;
	float:left;
}

.rightNav {
	width:200px;
	float:left;
}
.contentArea {
	width:700px;
	float:right;
}


.contentAreaHome {
	width:890px;
	float:left;
}
.topBox {
	padding-top:10px;
}
.topBox2 {
	padding-top:5px;
}
.contentBox {
	padding:10px;
}
.contentBoxHome {
	padding:10px 20px;
	float:left;
	width:850px;
}
.footerArea {
	padding:0px 10px 0px 10px;
	float:left;
	width:680px;
}


.footerAreaHome {
	padding:10px 10px 0px 10px;
	float:left;
	width:870px;
}
.bottomBox {
	height:10px;
	float:left;
}
.bottomBoxHome {
	float:left;
	height:10px;
}
.bottomBox2 {
	height:25px;
	margin-bottom:20px;
}
.bottomBox3 {
	height:25px;
}
.contentBars {
	height:35px;
}
.leftNavHead {
	padding:0px 10px;
	font: normal 22px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
/************Home Page***********/

.homeHeadArea {
	float:left;
	width:850px;
	clear:left;
}
.homeHeadArea div {
	float:left;
}
.homeHeadArea .Textleft {
	width:590px;
}
.homeHeadArea .gRight {
	margin-left:20px;
	width:240px;
}
.BannerHomeArea {
	float:left;
	width:830px;
	clear:left;
	padding:20px 10px;
}
.HomeContentArea {
	float:left;
	width:850px;
	clear:left;
}
.HomeContentArea div {
	float:left;
}
.HomeCmidBox {
	width:400px;
	margin-right:30px;
}
.HomeHLmidBox {
	margin-left:10px;
}
.HomeHLmidBox .contentBox {
	height:220px;
}
/************Inner Page***********/
.innerContent {
	float:left;
	width:444px;
}
.innerContentArea {
	float:left;
	width:414px;
}
.innerRContent {
	float:left;
	width:660px;
}
.innerRContentArea {
	float:left;
	width:630px;
}
.wttop {
	background:url(../../images/template/wtn_box_top.png) no-repeat;
	padding-top:5px;
	margin-bottom:7px;
}
.wthead {
	height:19px;
	background:url(../../images/template/wtn_box_head.png) no-repeat;
}
.wtcontent {
	background:url(../../images/template/wtn_box_bg.png) repeat-y;
}
.wtbottom {
	height:10px;
	background:url(../../images/template/wtn_box_bottom.png) no-repeat;
}
.big_wttop {
	background:url(../../images/template/big_wtn_box_top.png) no-repeat;
	padding-top:5px;
	margin-bottom:7px;
}
.big_wthead {
	height:19px;
	background:url(../../images/template/big_wtn_box_head.png) no-repeat;
}
.big_wtcontent {
	background:url(../../images/template/big_wtn_box_bg.png) repeat-y;
}
.big_wtbottom {
	height:10px;
	background:url(../../images/template/big_wtn_box_bottom.png) no-repeat;
}
.grtop {
	background:url(../../images/template/gtn_box_top.png) no-repeat;
	padding-top:5px;
}
.grhead {
	height:19px;
	background:url(../../images/template/gtn_box_head.png) no-repeat;
}
.grcontent {
	background:url(../../images/template/gtn_box_bg.png) repeat-y;
}
.grbottom {
	height:10px;
	background:url(../../images/template/gtn_box_bottom.png) no-repeat;
}
.contentBoxMargin {
	margin-top:10px;
}
.contentBoxPad {
	padding:5px 15px;
}
.contentBoxPad2 {
	padding:10px 15px;
}
.contentBoxPad2 div {
	width:50%;
	float:left;
}
/************images for Rounded Borders************/

.tp1 {
	background: url(../../images/template/leftnav_top.png) no-repeat;
}
.ct1 {
	background:url(../../images/template/left_nav_bg.png);
}
.bm1 {
	background:url(../../images/template/leftnav_bottom.png) no-repeat;
	width:190px;
}
.tp2 {
	background: url(../../images/template/content_top.png) no-repeat;
}
.tp2Home {
	background: url(../../images/template/home_content_top.png) no-repeat;
}
.ct2 {
	background: url(../../images/template/content_bg.png) repeat-y;
}
.ct2Home {
	background: url(../../images/template/home_content_bg.png) repeat-y;
}
.bm2 {
	background: url(../../images/template/content_bottom.png) no-repeat;
	width:700px;
}
.bm2Home {
	background: url(../../images/template/home_content_bottom.png) no-repeat;
	width:890px;
}
.tp3 {
	background: url(../../images/template/rightnav_top.png) no-repeat;
	width:200px;
}
.ct3 {
	background: url(../../images/template/rightnav_bg.png) repeat-y;
	width:180px;
}
.bm3 {
	background: url(../../images/template/rightnav_bottom.png) no-repeat;
	width:200px;
}
.tp4 {
	background: url(../../images/template/col_rightnav_top.png) no-repeat;
	width:200px;
}
.ct4 {
	background: url(../../images/template/col_rightnav_bg.png) repeat-y;
	width:180px;
}
.bm4 {
	background: url(../../images/template/col_rightnav_bottom.png) no-repeat;
	width:200px;
}
.abtcoltop {
	background: url(../../images/template/about_rightnav_top.png) no-repeat;
	width:200px;
}
.abtcol {
	background: url(../../images/template/about_rightnav_bg.png) repeat-y;
	width:180px;
}
.abtcolbm {
	background: url(../../images/template/about_rightnav_bottom.png) no-repeat;
	width:200px;
}
.corcoltop {
	background: url(../../images/template/courses_rightnav_top.png) no-repeat;
	width:200px;
}
.corcol {
	background: url(../../images/template/courses_rightnav_bg.png) repeat-y;
	width:180px;
}
.corcolbm {
	background: url(../../images/template/courses_rightnav_bottom.png) no-repeat;
	width:200px;
}

.schcoltop {
	background: url(../../images/template/schedule_rightnav_top.png) no-repeat;
	width:200px;
}
.schcol {
	background: url(../../images/template/schedule_rightnav_bg.png) repeat-y;
	width:180px;
}
.schcolbm {
	background: url(../../images/template/schedule_rightnav_bottom.png) no-repeat;
	width:200px;
}
.ct3, .ct4 , abtcol, .schcol, .corcol{
	padding:10px 10px 2px 10px;
}
.MainContainers {
	position:relative;
	width: 680px;
	clear: left;
	overflow:auto;
}
.MainContainersF {
	position:relative;
	width: 680px;
	clear: left;
}
html>/**/body .MainContainersF {
	overflow:auto;
}


hr {
	height:0px;
	border:none;
	border-top:1px dashed #999999;
}
.MainContainers .contentContainer {
	float: left;
	width: 450px;
	padding:0px 10px 0px 10px;
}
.scheduleinner {float:left;}

.MainContainers .scheduleContainer{
	float: left;
	width: 450px;
	padding:0px;
}


.MainContainers .rightNavArea {
	margin-top: 0;
	margin-left: 480px;
}

.MainContainersF .contentContainerF {
	width: 660px;
	margin:0px 10px 0px 10px;
}
/*Accordionmenu STyles*/
.arrowlistmenu {
	width: 170px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader, .arrowlistmenu .menuheader a { /*CSS class for menu headers in general (expanding or not!)*/
	font: normal 14px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #7c8b8f;
	margin-bottom:10px;
	cursor: hand;
	cursor: pointer;
}
.arrowlistmenu .menuheader a:hover {
	text-decoration:none;
}
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
	color:#009cd6;
	font: normal 14px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
.arrowlistmenu ul, .rightMenuitems { /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-bottom:7px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight:normal;
	margin-left:3px;/*bottom spacing between each UL and rest of content*/
}
.rightMenuitems {
	margin-bottom:0px;color:#ffffff;
}
.arrowlistmenu ul li, .rightMenuitems li {
	padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a, .rightMenuitems li a {
	color: #888888;
	display: block;
	padding: 2px 0;
	text-decoration: none;
}
#relatedLinks .rightMenuitems li a {
	color:#ffffff;
}
#relatedLinks .rightMenuitems li a:hover {
	color:#ffffff;
	text-decoration:underline;
}
.arrowlistmenu ul li a {
	background: url(../../images/template/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	padding-left: 19px; /*link text is indented 19px*/
}
.arrowlistmenu ul li a:visited, .rightMenuitems li a:visited {
	color: #888888;
}
.arrowlistmenu ul li a:hover, .rightMenuitems li a:hover { /*hover state CSS*/
	color: #009cd6;
}
.arrowlistmenu ul li a:hover {
	background: url(../../images/template/arrowbulletover.png) no-repeat center left; /*custom bullet list image*/
}
/*Icon Area*/
.iconArea {
	height:28px;
}
.iconArea div {
	float:left;
	height:14px;
	width:14px;
	margin:0px 0px 14px 0px;
	padding-left:28px;
}
.iconArea div.ficon {
	padding-left:0px;
}
/*Accordionmenu STyles*/
p, h1, h2, h3, h4, h6 {
	margin:0px;
	padding:0px;
}
input, textarea, select {
	font:11px Arial, Helvetica, sans-serif;
	color: #888888;
}
p {
	font:12px Arial, Helvetica, sans-serif;
	color:#888888;
	line-height:18px;
	margin-bottom:10px;
	clear:left;
}
p.blue, .blue a, .blue, b.blue {
	color:#0099cc;
	text-decoration:none;
}
a {
	color:#009cd6;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.homeHeadArea h3 a {text-decoration:underline;}
.homeHeadArea h3 a:hover {text-decoration:underline;color:#004c68;}

h1 {
	font: normal 26px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	color:#0099cc;
}
h2 {
	font: normal 18px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	color:#0099cc;
}
h4 {
	font: normal 16px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	color:#0099cc;
}
h3 {
	font: normal 16px Arial, Helvetica, sans-serif;
	color:#888888;
	line-height:22px;
}
h6 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#333333;
}
.contentBoxPad2 p {
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:18px;
	float:left;
	clear:left;
	margin:3px 0px;
	padding:0px;
}
h2 span {
	color:#666666;
}
h3 span {
	color:#0099cc;
}



/*changing text colors right related contents*/

.big_wtcontent h2 {
	width:80%;
}
a.boldbuttons {
	background: transparent url(../../images/template/blue_buttonlt.png) no-repeat top left;
	display: block;
	float: left;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 26px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
}
a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons {
	color: white; /*button text color*/	
}
a.boldbuttons span {
	background: transparent url(../../images/template/blue_button.png) no-repeat top right;
	display: block;
	padding: 2px 10px 2px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.boldbuttons { /* Hover state CSS */
	text-decoration:underline;
}
.catlistmenu, .catlistmenu ul, .catlistmenunew, .catlistmenunew ul {
	list-style:none;
	font:12px Arial, Helvetica, sans-serif;
	color:#888888;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}
.catlistmenu li, .catlistmenu li ul li {
	background:url(../../images/template/arrowbullet2.png) 0px 4px no-repeat;
	padding-left:15px;
	line-height:18px;
}
.catlistmenunew li ul li {
	background:url(../../images/template/arrowbullet2.png) 0px 8px no-repeat;
	line-height:24px;
	padding-left:20px;
}
.contentBoxPad2 .catlistmenu {
	float:left;
}
.contentBoxPad2 .catlistmenu li {
	width:180px;
	float:left;
	background:none;
	background:url(../../images/template/arrowbullet3.png) 0px 5px no-repeat;
	padding-bottom:7px;
}
.contentBoxPad2 .catlistmenu li a {
	line-height:16px;}
html>/**/body .contentBoxPad2 .catlistmenu li a {
	padding-right:15px;
	background:url(../../images/template/plus.gif) right 2px no-repeat;	
}
.contentBoxPad2 .catlistmenu li ul {
	margin-top:5px;
}
.contentBoxPad2 .catlistmenu li ul li {
	padding-bottom:5px;
}
/*.faqboxarea .contentBoxPad2 .catlistmenu li {width:390px;}
*/.bigarrowlist li {
	background:none;
	padding-left:20px;
	background:url(../../images/template/arrowbullet4.png) 0px 6px no-repeat;
	line-height:24px;
}
.footerBox {
	float:left;
	clear:both;
	width:660px;
	margin:0px 10px;
	border-top:1px dotted #c8c8c8;
	padding-top:10px;
}
.footerAreaHome .footerBox {
	width:850px;
}
.footerBox div {
	margin:0px;
	padding:0px;
	float:left;
}
.footerBox .footerLinks {
	width:400px;
}
.footerAreaHome .footerBox .footerLinks {
	width:590px;
}
.footerBox .footerLinks p {
	color:#009cd6;
}
.footerBox .footerLogo {
	width:210px;
	margin-left:50px;
}
.footerBox input {
	font:normal 12px Arial, Helvetica, sans-serif;
}
.footerBox .footerLogo span {
	margin:0px;
	padding:0px;
	float:left;
	margin-left:5px;
}
.footerBox .footerLogo p {
padding-bottom:5px;}
.footerBox p {
	font-size:12px;
}
.footerBox i {
	color:#8c8c8c;
	font-size:11px;
	font-style:normal;
}
p.logoFooter {
	font-weight:bold;
}
p.logoFooter b {
	color:#0099cc;
}
.resultbox {
	font: 12px Arial, Helvetica, sans-serif;
}
.resultbox td, .resultbox th {
	text-align:left;
	height:26px;
	vertical-align:middle;
}
.resultbox td.rtalign {
text-align:right;}
.cssform p {
	width: 260px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	height: 1%;
	font:12px Arial, Helvetica, sans-serif;
	color:#888888;
}
.cssform p.onlyinputs {
	padding-left:0px;
	width:415px;
}
.cssform label {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#888888;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
	width: 200px;
}
.cssform textarea {
	width: 200px;
	height: 150px;
}
.cssform textarea#noteinstructor {width: 300px;}

.cssform h4 {
	clear:both;
}
.cssform input, .cssform textarea, .cssform select{
border: 1px solid #eeeeee;}
.cssform a.smalltext {
font-size:10px;
line-height:16px;}

.cssform p#googlebuynow {clear:both; float:left;}
/* The hint to Hide and Show */
.hint {
	display:none;
	position: absolute;
	left: 400px;
	width: 200px;
	margin-top: -4px;
	border: 1px solid #c93;
	padding: 10px 12px;
	background: #ffc url(../../images/template/pointer.gif) -100px -100px no-repeat;
}
.hint .hint-pointer {
	position: absolute;
	left: -10px;
	top: 5px;
	width: 10px;
	height: 19px;
	background: url(../../images/template/pointer.gif) left top no-repeat;
}
#mainnav a, #utilitynav a {
	color:#888888;
}
#mainnav a:hover, #utilitynav a:hover, #mainnav a.activetop, #utilitynav a.activetop {
	color:#0099dd;
}


table {
color:#888;}
table th{
color:#666;}



 #divLoading {
 display:none;position:relative; left:0px; top:0px; width:100px; height:5000px; z-index:1; overflow: visible; visibility: visible; padding-left:10px;}

/*changing text colors right related contents*/

.ct4 h2, .ct4 {
	color:#fff;
}
.abtcol h2, .abtcol, .abtcol ul li, .abtcol ul li a, #trex .abtcol .rightMenuitems li a {
	color:#1a826b;
}
.corcol h2, .corcol, .corcol ul li, .corcol ul li a, #trex .corcol .rightMenuitems li a { 
	color:#446699;
}

.schcol h2, .schcol, .schcol ul li, .schcol ul li a, #trex .schcol .rightMenuitems li a {
	color:#aa6f10;
}
.contentBoxPad2 .formContent { width:400px;}
.contentBoxPad2 .formContent div.f1{ float:left; width:75px;  padding-top:3px;}
.contentBoxPad2 .formContent div.f2{ float:left; width:110px; padding-top:1px; }
.contentBoxPad2 .formContent div.f2 input { width:125px; padding:3px 1px; font-size:13px; border: 1px solid #eeeeee;}
.contentBoxPad2 .formContent div.f3{ clear:both;  width:131px; margin-left:75px;
padding-top:7px; }
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix {
	margin-left: 3px;
}
/*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */

 img, div, p, ul, li, a {
	behavior: url(iepngfix.htc);
}

 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 */

#divDisplayContent {
float:left;
clear:both;
width:444px;
margin:0px;
padding:0px;
}
.pphg {
margin:13px;}