@charset "utf-8";
/* CSS Document */

/*CSS Style for Background of home page*/
body{ background-image:url(images/bg.jpg); background-repeat:repeat-x; margin:0; padding:0; margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4d4d4d}
/*CSS Style for Background of inner page*/
#bg-content{ background-image:url(images/bg-content.jpg); background-repeat:repeat-x;}
/*CSS Style for Main Div (header)*/
#main_body{
	margin:0 auto;
	width:1020px;
}


a{ color:#18D2D6; text-decoration:none;}

a:hover{color:#F98CE9; text-decoration:none;}



#popup_body{
	margin:0;
	width:600px;
}



ul{
	list-style-image:url(images/bullet.gif);
}
/*CSS Style for Logo*/
#logo{ background-color:#FFF; height:30px; float:left}
#logo img{ padding:0 70px 0 50px;}


#logo_index{ background-color:#FFF; height:30px; float:left}
#logo_index img{ padding:0 70px 0 50px;}

/*******************************************/
/*       Navigation style for top menu     */
/*******************************************/
#navigation-left{ background-image:url(images/navigation-left.jpg); background-repeat:no-repeat; height:93px; width:27px; float:left}
#navigation{ background-image:url(images/navigation-bg.jpg); background-repeat:repeat-x; height:93px; width:531px; float:left}
#navigation ul{padding:15px 0 0 0;}
#navigation ul li{ float:left; list-style:none;}
#navigation ul li a{ display:block; font-family:Arial; font-size:15px; color:#666666; text-decoration:none; padding:0px 0px 0 8px; height:35px; line-height:25px }
#navigation ul li a span{display:block; height:35px;padding:5px 8px 0 0; line-height:25px }
#navigation ul li.selected a, #navigation ul li a:hover{background-image:url(images/button-bg.jpg); background-repeat:repeat-x;}
#navigation ul li.selected a span, #navigation ul li a:hover span{background-image:url(images/button-bg.jpg); background-repeat:repeat-x; background-position:right top; }
#navigation-right{ background-image:url(images/navigation-right.jpg); background-repeat:no-repeat; height:93px; width:25px; float:left}
#navigation ul li img{padding:4px 3px 0 3px;}

/*CSS Style for banner image of home*/
#banner-bg{ background-image:url(images/banner-bg.jpg); background-position:center top; background-repeat:no-repeat; width:1020px; height:410px; clear:both; text-align:center;}
/*CSS Style for banner image of content page*/
#content-banner-bg{background-image:url(images/content-banner.jpg); background-repeat:repeat-x; width:980px; height:187px; clear:both; 
text-align:center; margin:0 auto}


#content-banner-solutions{background-image:url(images/banner_solutions.jpg); background-repeat:repeat-x; width:1020px; height:187px; clear:both; margin-left:0px; }

#content-banner-services{background-image:url(images/banner_services.jpg); background-repeat:repeat-x; width:1020px; height:187px; clear:both; margin-left:0px; }

#content-banner-about{background-image:url(images/banner_about.jpg); background-repeat:repeat-x; width:1020px; height:187px; clear:both; margin-left:0px; }


#content-banner-contact{background-image:url(images/banner_contact.jpg); background-repeat:repeat-x; width:1020px; height:187px; clear:both;  margin-left:0px;}




#banner-bg img{height:321; width:657}


/*******************************************/
/*       Styles for the text of Content     */
/*******************************************/
/*CSS Style for Home page content*/
#content{width:660px; margin:0 auto;}
#content_index{width:840px; margin:0 auto;}
/*CSS Style for inner page content*/
#content-inner{width:990px; margin:0 auto;}

#popup-inner{width:640px; margin:0 auto;}


/*CSS Style for heading and paragraph*/
#content-inner h1, #content_index h1{ font-family:arial; font-size:18px; color:#f98ce9;}
#content-inner p, #content_index p{font-family:arial; font-size:14px; color:#4d4d4d}


#content-inner h1, #content h1{ font-family:arial; font-size:18px; color:#f98ce9;}
#content-inner p, #content p{font-family:arial; font-size:14px; color:#4d4d4d}

#center-line{width:100%; height:20px; clear:both; background-color:#e6f5c5;}

#popup-center-line{width:640px; height:20px; clear:both; background-color:#e6f5c5;}


.h2{ font:normal 14px/14px  "Trebuchet MS",Arial, sans-serif; color:#06d2d2; margin:0;  padding:0px 0px;}
.h3{ font:normal 14px/14px  "Trebuchet MS",Arial, sans-serif; color:#F98CE9; margin:0;  padding:0px 0px;}
.h4{ font:normal 18px/18px  "Trebuchet MS",Arial, sans-serif; color:#06d2d2; margin:0;  padding:0px 0px;}



.h2 a{
	
	text-decoration:none;
	color:#06d2d2;
}

.h2 a:hover{
	text-decoration:none;
	color:#F98CE9;
	}


.h3 a{
	
	text-decoration:none;
	color:#06d2d2;
}

.h3 a:hover{
	text-decoration:none;
	color:#F98CE9;
	}

#title-home{padding-left:10px;}
/*CSS Style for left side content of home page*/
#content-left{
	width:580
.px;
	padding-left: 150px;
	width: 580px;
}

.product_promo{
	float:left;
	padding-right:10px;
}

/*CSS Style for left side content of inner page*/
#content-inner-left{width:670px; float:left; padding-top:20px; padding-left:20px;}

#popup-inner-left{
	width:500px;
	float:left;
	padding-top:20px;
	padding-left:20px;
}




/*CSS Style for right side content of home page*/
#content-right{float:right}
/*CSS Style for right side content of inner page*/
#content-inner-right_contact{float:right; width:256px; background-color:#f7f7f7; background-position:center top; background-repeat:no-repeat; padding-top:20px; padding-right:20px;}

#content-inner-right-title{

float:right; background-image:url(images/sidebar-head.jpg); background-position:center top; background-repeat:no-repeat;  width:277px;  height:55px;


}

#sidebar_title{
	position:absolute;
	left: 1069px;
	top: 329px;
}


.sidebar{
padding-left:20px;
padding-right:10px;	
padding-top:10px;
}


#sidebar_image{
float:left;
padding-right:10px;	

}



.read_more{
padding-top:10px;
padding-bottom:15px;
text-align:left;	
	
	}
	
.teacher_caption{
	padding-top:10px;
	padding-bottom:10px;
	padding-right: 10px;	
	
}
	


#inside_CTA{
	text-align:center;
	padding-bottom:10px;
	padding-left:20px;
}

#content-inner-right{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:right;
	width:270px;
	background-color:#f7f7f7;
	padding-top: 15px;
	padding-right: 10px;
}
#content-inner-right h2{font-size:16px; font-family:Tahoma; font-weight:bold; margin:7px 0 0 30px; color:#00B0D8}
/*CSS Style for right side list on inner page*/
#content-inner-right ol{ font-family:arial; color:#6b6b6b; font-size:13px; font-weight:bold }
#content-inner-right ol li{ padding:10px 0 0 0 }


.divider{
	padding-top:5px;
	padding-bottom:20px;
}


#disclaimer{
font-size:12px;
font-style:italic;
color:#99999;	
	
}


/*******************************************/
/*           Styles for the footer         */
/*******************************************/
#footer{background-color:#fafdf3; width:100%; clear:both}

#popup-footer{background-color:#fafdf3; width:640px; clear:both}

#footer-content{margin:0 auto; width:996px; padding-top:20px;}
/*CSS Style for footer heading*/
#footer-content h3{ font-family:arial; color:#EF0B05; font-size:16px; font-weight:bold}
/*CSS Style for footer paragraph*/
#footer-content p{ font-family:arial; color:#666666; font-size:13px; }

/*CSS Style for footer sperator vertical line*/
.seperator{float:left; padding-top:20px;}

/*CSS Style for footer left*/
#footer-content-left{
	float:left;
	width:280px;
	padding-top:0px;
	padding-left: 50px;
}
/*CSS Style for footer middle*/
#footer-content-middle{
	float:left;
	padding-left:20px;
	padding-right:10px;
	width:260px;
}
#footer-content-middle h3{color:#FFCF5E}
/*CSS Style for footer right*/
#footer-content-right{
	float:left;
	width:280px;
	padding-left: 10px;
}
#footer-content-right h3{color:#06E1F2;}
#footer-content-right ul{font-family:arial; font-size:12px; color:#333333}

/*CSS Style for footer middle*/
#bottom-line{width:100%; height:53px; clear:both; background-color:#e6f5c5; clear:both}

#popup-bottom-line{width:640px; height:53px; clear:both; background-color:#e6f5c5; clear:both}


#bottom-line-one{width:100%; height:53px; clear:both; background-color:#f9fbf0; clear:both}


#popup-bottom-line-one{width:640px;; height:53px; clear:both; background-color:#f9fbf0; clear:both}



/*******************************************/
/*           Bottom Last Line Style         */
/*******************************************/
#bottom-content{width:900px; margin:0 auto;}
#bottom-content p{ font-family:arial; color:#6b6b6b; font-size:13px; float:left;}
#bottom-content img{float:right; padding:7px 0 0 0;}
#bottom-content img{float:right; padding:7px 0 0 0;}

#bottom-content-one{width:900px; margin:0 auto;}
#bottom-content-one p{ font-family:arial; color:#6b6b6b; font-size:13px; float:left;}

#bottom-content-one img{float:left; padding-top:7px;}




/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#ff0799;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#00b0d8; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#000000;}
#contactform input.text { width:200px; color:#333333;  font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #e8e8e8; margin:10px 0; padding:5px 2px; height:16px; background:#ffffff; float:left;}
#contactform selector { width:200px; color:#333333;  font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #e8e8e8; margin:10px 0; padding:5px 2px; height:16px; background:#ffffff; float:left;}

#contactform textarea { width:410px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #e8e8e8; margin:10px 0; padding:2px; background:#ffffff; float:left;}

#contactform li.buttons input { padding:3px 0 3px 110px; margin:0; border:0; color:#FFF; float:left;}

p.response { text-align:center; color:#00b0d8; font:normal 14px/14px  "Trebuchet MS",Arial, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}