/* CSS Document */

body{
	background:#fff;
	color:#0F0F0F;
	font:15px/20px Arial, Helvetica, sans-serif;
	margin:32px 0 0;
	padding:0;
}
div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;}
ul{list-style-type:none;}

/* TOP PANEL*/
#topPanel{
	width:762px;
	height:330px;
	position:relative;
	margin:0 auto;
	padding:0;
}
#topPanel img{
	width:230px;
	height:80px;
	z-index:1;
	padding:0;
	position:absolute;
	margin:0 0 0 21px;
	left: -13px;
	top: -16px;
}
/* MENU PANEL*/
#topPanel ul{display:block; width:732px; height:36px; position:absolute; top:0; right:0; margin:11px 0 0; padding:0 29px 0 0; border-bottom:1px solid #AEAEAE;}
#topPanel ul li{float:right; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;}
#topPanel ul li a{width:74px; height:36px; display:block; padding:0; color:#555; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#topPanel ul li a:hover{
	width:74px;
	height:36px;
	text-decoration:none;
	background:0 url(../images/button.gif) no-repeat;
	color:#fff;
	
}
#topPanel ul li.active{
	width:74px;
	display:block;
	height:36px;
	background:0 url(../images/button.gif) no-repeat;
	color:#fff;
	text-align:center;
	margin:0 1px 0 0;
}
/* HEADER PANEL*/
#topPanel #headerPanelfast{
	width:250px;
	height:264px;
	position:absolute;
	top:4px;
	left:-2px;
	margin:60px 0 0;
	padding:0px;
	background:0 url(../images/orange-normal.jpg) no-repeat;
	color:#fff;
}
#topPanel #headerPanelfast a{width:246px; height:263px; display:block; text-decoration:none; }
#topPanel #headerPanelfast a:hover{
	width:250px;
	height:264px;
	background:0 url(../images/orange-hover.jpg) no-repeat;
	color:#fff;
	text-decoration:none;
}
#topPanel #headerPanelfast h2{
	display:block;
	width:90px;
	height:47px;
	margin:65px 0 0 10px;
	font:27px/27px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	position:absolute;
	top:32px;
	left:1px;
	z-index:1;
}
#topPanel #headerPanelfast p{
	width:191px;
	display:block;
	font:12px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	top:28px;
	left:-1px;
	z-index:1;
	padding:0;
	margin:95px 5px 15px 10px;
}

#topPanel #headerPanelsecond{
	width:248px;
	height:267px;
	position:absolute;
	top:4px;
	left:246px;
	margin:60px 0 0;
	padding:0px;
	background:0 url(../images/green-normal.jpg) no-repeat;
	color:#fff;
}
#topPanel #headerPanelsecond a{width:246px; height:263px; display:block; text-decoration:none; }
#topPanel #headerPanelsecond a:hover{
	width:248px;
	height:267px;
	background:0 url(../images/green-hover.jpg) no-repeat;
	color:#fff;
	text-decoration:none;
}
#topPanel #headerPanelsecond h2{
	display:block;
	width:90px;
	height:47px;
	background:none;
	margin:54px 0 0 10px;
	font:27px/27px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding:0;
	position:absolute;
	z-index:1;
	left: 1px;
	top: 48px;
}
#topPanel #headerPanelsecond p{
	width:192px;
	display:block;
	font:12px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	top:23px;
	left:1px;
	z-index:1;
	padding:0;
	margin:105px 0px 0 8px;
}
#topPanel #headerPanelthird a{width:246px; height:263px; display:block; text-decoration:none; }
#topPanel #headerPanelthird a:hover{
	width:165px;
	height:263px;
	background:0 url(../images/blue-hover.jpg) no-repeat;
	color:#fff;
	text-decoration:none;
}
#topPanel #headerPanelthird{
	width:243px;
	height:258px;
	position:absolute;
	top:6px;
	right:24px;
	margin:60px 0 0;
	padding:0px;
	background:0 url(../images/blue-normal.jpg) no-repeat;
	color:#fff;
}
#topPanel #headerPanelthird h2{
	display:block;
	width:235px;
	height:47px;
	background:none;
	margin:54px 0 0 10px;
	font:27px/27px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding:0;
	position:absolute;
	z-index:1;
	left: -3px;
	top: 47px;
}
#topPanel #headerPanelthird p{
	width:155px;
	display:block;
	font:12px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	top:23px;
	left:1px;
	z-index:1;
	padding:0;
	margin:105px 0px 0 8px;
}
#topPanel #headerPanelfourth{
	width:185px;
	height:263px;
	position:absolute;
	top:-23px;
	right:38px;
	margin:110px 0 0;
	padding:0px;
	background:0 url(../images/blue-normal.jpg) no-repeat;
	color:#fff;
}
#topPanel #headerPanelfourth h2{
	display:block;
	width:110px;
	height:47px;
	background:none;
	margin:54px 0 0 10px;
	font:27px/27px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding:0;
	position:absolute;
	z-index:1;
	left: -3px;
	top: 47px;
}
#topPanel #headerPanelfourth p{
	width:155px;
	display:block;
	font:12px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	top:23px;
	left:1px;
	z-index:1;
	padding:0;
	margin:105px 0px 0 8px;
}
/* /TOP PANEL*/

/* BODY PANEL*/
#bodyPanel{width:762px; height:640px; position:relative; margin:0 auto; padding:0;}
#bodyPanel h2{
	background:#fff;
	display:block;
	width:700px;
	height:50px;
	margin:0;
	font:30px/30px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#FF7113;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 50px;
}
#bodyPanel p{
	margin:0 0 0 40px;
	padding:0 42px 35px 200px;
	color:#0F0F0F;
	background-image: url(../images/greg_ms.gif);
	background-repeat: no-repeat;

}

#bodyPanel p span{font-weight:bold;}
#bodyPanel p.dotline{
	background:0 url(../images/dot-line.gif) repeat-x;
	padding:0;
	margin:0 40px 0 25px;
	color:#000;
}
#bodyPanel p.capstext{
	background: #fff url(../images/name.gif) no-repeat right bottom;
	font:18px/24px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#555555;
	padding:2px 5px 0 25px;
	margin:0 120px 10px 0;
}
#bodyPanel p.more{height:26px; padding:0; background:none; margin:0;}
#bodyPanel p.more a{
	width:76px;
	height:26px;
	display:block;
	margin:314px 20px 19px 618px;
	background:0 url(../images/more.gif) no-repeat;
	color:#555;
	text-decoration:none;
	font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif;
	padding:0 0 0 10px;
	text-transform:uppercase;
	position:absolute;
	top:19px;
	right:3px;
}
#bodyPanel p.more a:hover{
	background:0 url(../images/more.gif) no-repeat;
	color:#216EBD;
	text-decoration:none;
}
#bodyPanel h3{
	background:#fff;
	display:block;
	width:250px;
	height:20px;
	margin:5px 0 5px 0;
	font:30px/30px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding:0 0 0 10px;
	color:#FF7113;
}
#bodyPanel #testimonial{
	width:283px;
	height:152px;
	display:block;
	background:0 url(../images/testimonial-bg.gif) no-repeat;
	padding:0px 33px 0px 138px;
	margin:0 0 0 20px;
	color:#786321;
}
#bodyPanel #testimonial p{background:none; margin:0; padding:0 0 5px 0;}
#bodyPanel #testimonial p span{color:#786321 !Important; background:#FFFAED !Important;}
#bodyPanel p.moretwo{height:26px; padding:0; background:none; margin:0;}
#bodyPanel p.moretwo a{
	width:76px;
	height:26px;
	display:block;
	margin:0px 0px 0px 196px;
	background:0 url(../images/more2.gif) no-repeat;
	color:#555;
	text-decoration:none;
	font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0 0 0 10px;
	top:0px;
	right:0px;
}
#bodyPanel p.moretwo a:hover{
	background:0 url(../images/more2.gif) no-repeat;
	color:#216EBD;
	text-decoration:none;
}
#bodyPanel h4{
	background:#fff;
	width:250px;
	height:30px;
	position:absolute;
	top:445px;
	right:6px;
	margin:0;
	font:30px/30px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding:0px;
	color:#FF7113;
}
#bodyPanel ul{
	width:225px;
	display:block;
	position:absolute;
	right:23px;
	top:483px;
	height: 154px;
}
#bodyPanel ul li{
	font:12px/25px Arial, Helvetica, sans-serif;
	font-weight:normal;
	background:0 url(../images/symbol2.gif) no-repeat 8px;
	padding:0 0 0 30px;
}
#bodyPanel ul span{
	background:0 url(../images/dot-line.gif) repeat-x 100%;
	height:25px;
	display:block;
}
/* FOOTER PANEL*/
#footerPanel{width:100%;  background:#DCDCDC; color:#4C4C4C; font-size:12px;}
#footerbodyPanel{width:762px;height:133px; position:relative; margin:0 auto; padding:0;}
#footerPanel ul{width:320px; display:block; position:absolute; right:10px; top:44px; }
#footerPanel li{float:left; font:12px/15px Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPanel ul li a{padding:0 6px; color:#4C4C4C; background:#DCDCDC; text-decoration:none;}
#footerPanel ul li a:hover{text-decoration:underline;}
#footerPanel ul li a.padl{padding:0 0 0 6px;}
#footerPanel p.copyright{background:#DCDCDC; display:block; position:absolute; top:54px; right:45px; color:#A64200;}
#footerPanel ul.templateworld{width:170px; background:#DCDCDC; color:#4C4C4C; display:block; position:absolute; top:74px; right:40px;}
#footerPanel ul.templateworld li a{background:#DCDCDC; display:block; color:#4C4C4C; text-decoration:none;}
#footerPanel ul.templateworld li a:hover{text-decoration:underline;}

#footerhtmlPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:29px; margin:0; padding:0;} 
#footerhtmlPanel a{
	width:86px;
	height:31px;
	display:block;
	background:0 url(../images/html-img.gif) no-repeat;
	text-decoration:none;
	font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#2F2F2F;
	text-transform:uppercase;
	padding:0 0 0 10px;
	position:absolute;
	top:0px;
	right:0px;
}
#footerhtmlPanel a:hover{
	background:0 url(../images/html-img.gif) no-repeat;
	color:#216EBD;
	text-decoration:none;
}
#footercssPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:115px; margin:0; padding:0;} 
#footercssPanel a{
	width:86px;
	height:31px;
	display:block;
	background:0 url(../images/css-img.gif) no-repeat;
	text-decoration:none;
	font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#2F2F2F;
	text-transform:uppercase;
	padding:0 0 0 10px;
	position:absolute;
	top:0px;
	right:0px;
}
#footercssPanel a:hover{
	background:0 url(../images/css-img.gif) no-repeat;
	color:#216EBD;
	text-decoration:none;
}
#footerlunarPanel{
	width:262px;
	height:130px;
	display:block;
	position:absolute;
	top:0px;
	left:180px;
	margin:0;
	padding:0;
	background: 0 url(../img/banners/logo_education_chalk_anim.gif) no-repeat;
} 
#footerlunarPanel a{
	width:86px;
	height:31px;
	display:block;
	background:0 url(../images/css-img.gif) no-repeat;
	text-decoration:none;
	font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#2F2F2F;
	text-transform:uppercase;
	padding:0 0 0 10px;
	position:absolute;
	top:0px;
	right:0px;

}
