*{
	margin: 0;
	padding: 0;
  }


  body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 12px;
  font-variant:normal;
  background-color:#fffbed; /*BFE3FE*/
  }
  
  /* mainbox starts*/ 
   
  #mainbox {
  margin:0 auto;
  padding:0;
  width: 856px;
  }
  
  #header{
	width:856px;
	margin:0 auto;
	padding:0;
  }
  
  #top-menu{
  width:464px;
  margin:12px 0 0 0;
  padding:20px 0 0 0;
  float:right;
  }
  
  #top-menu ul{
  list-style:none;
  color:#FFFFFF;
  float:right;
  margin:0;
  padding:0;
  }
  
  #top-menu ul li{
  list-style:none;
  display:inline;
  margin:0 0 0 10px;
  padding:0;
  }
  
  #top-menu ul li a{
  text-decoration:none;
  color:#000000;
  }
  
  #top-menu ul li a:hover{
  text-decoration:none;
  color:#003366;
  } 
  
  #line{
  width:470px;
  margin:0 0 5px 0;
  padding:0;
  height:1px;
  background-color:#CCCCCC;
  float:right;
  }
  
  #slogan-text{
  width:464px;
  margin:5px 0 5px 0;
  padding:0;
  float:right;
  color:#000000;
  font-weight:bold;
  }
  
  #banner{
	width:856px;
	height:104px;
	margin:0 0 0px 0;
	padding:0;
	float:left;
  }
  
  #banner-left{
  width:11px;
  height:104px;
  margin:0;
  padding:0;
  float:left;
  background-image:url(images/banner-left.jpg);
  background-repeat:no-repeat;
  }
  
  #banner-middle{
  width:834px;
  height:104px;
  margin:0;
  padding:0;
  float:left;
  background-image:url(images/banner-middle.jpg);
  background-repeat:repeat-x;
  }
  
  #logo{
  width:350px;
  height:99px;
  margin:0;
  padding:5px 0 0 0;
  float:left;
  text-align:center;
  }
  
  /*PNG hack for logo*/
  
  #alImg1 img, #alImg2 img {
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
  }
  
  #alImg1, #alImg2 { 
  display: inline-block; 
  }
  #alImg1 { 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo3.png'  ); 
  }
  #alImg2 { 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='alphaTwo.png'); 
  }
  
  /*PNG hack for logo*/
  
  #banner-text{
  width:484px;
  height:104px;
  margin:0;
  padding:0 0 0 0;
  float:right;
  text-align:right;
  }
  
  #banner-right{
  width:11px;
  height:104px;
  margin:0;
  padding:0;
  float:left;
  background-image:url(images/banner-right.jpg);
  background-repeat:no-repeat;
  }
  
  #menu{
  width:100%;
  height:35px;
  float:left;
 
  padding:0;
  float:left;
  background-image:url(images/menu-middle.jpg);
  background-repeat:repeat-x;
  }
  

  
  #menu-middle{
  width:856px;
  height:35px;
  margin:0;
  padding:0;
   margin:0 auto;

  }
  
  
 


  
    /*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload2 {background: url(images/button4.gif);}
.menu2 {padding:0 0 0 18px; margin:0; list-style:none; height:35px; background:#fff url(images/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif;  }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#FFFFFF; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 30px 0 16px; height:35px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background:url(images/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#012e4d; background: url(images/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#012e4d; background: url(images/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(images/button4a.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:35px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:93px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:87px; line-height:20px; text-indent:5px; color:#333333; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#08A7DC; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:93px; z-index:200; height:auto;}
  
 
 #main-animation-button{
 width:100%;
 float:left;
 background-image:url(images/animation-bg.jpg);
 background-repeat:repeat-x;
 height:274px;
 
 
 }
 
 
  #animation-button{
	width:856px;
	margin:0 auto;
	padding:0;
	height:274px;
  }
  

  
  #animation-middle{
	width:856px;
	margin:0;
	padding:0;
	height:274px;
	background-color: #FDFDFD;
  }
  
 
  
  #animation{
	width:485px;
	margin:0;
	padding:0px 0 0 0;
	float:left;
	height:250px;
  }
  
  #buttons{
	width:371px;
	margin:0;
	padding:30px 0 0 0;
	text-align:center;
	float:right;
	height:225px;
	background: url(images/animation-mid.jpg);
  }
 
 
 
  #middle{
	width:856px;
	margin:0 auto;
	padding:0;

  }

  
  #middle-top{
  width:856px;
  height:15px;
  margin:0 0 0 0;
  padding:0;
  background-image:url(images/middle-top.jpg);
  background-repeat:no-repeat;
  float:left;
  }
  
  #middle-mid{
  width:856px;
  margin:0 0 0 0;
  padding:0;
  background-image:url(images/middle-mid.jpg);
  background-repeat:repeat-y;
  float:left;
  }
  
  #middle-mid-subpage{
  width:836px;
  margin:0 0 0 0;
  padding:0 10px 0 10px;
  background-image:url(images/middle-mid.jpg);
  background-repeat:repeat-y;
  float:left;
  }
  
  #middle-bottom{
  width:856px;
  height:14px;
  margin:0 0 0 0;
  padding:0;
  background-image:url(images/middle-bottom.jpg);
  background-repeat:no-repeat;
  float:left;
  }
  
  .display{
  display:none;
  }
 
  #olancontent{
  padding: 0 5px 0 5px;

  }

  #middle-left{
  width:240px;
  margin:0 0 0 0;
  padding:0 5px 0 5px;
  float:left;
  }
  
  #middle-right{
  width:576px;
  margin:0 0 0 0;
  padding:0 15px 0 15px;
  float:right;
  text-align:justify;
  }
  
  h3{
  font-size:16px;
  color:#033c62;
  font-weight:bold;
  margin:0 0 5px 0;
  padding:0 0 0 0;
  }
  
  #login{
  width:233px;
  margin:0 0 10px 0;
  padding:0;
  float:left;
  }
  
  .login-top{
  width:233px;
  margin:0 0 0 0;
  padding:10px 0 0 0;
  background-image:url(images/sidebar-top.jpg);
  background-repeat:no-repeat;
  height:29px;
  text-align:center;
  }
  
  .login-middle{
  width:223px;
  height:90px;
  margin:0;
  padding:10px 0 0 10px;
  background-image:url(images/sidebar-middle.jpg);
  background-repeat:repeat-y;
  }
  
  .login-middle a{
  text-decoration:none;
  color:#1d7dbc;
  }
  
  .login-middle a:hover{
  text-decoration:underline;
  color:#1d7dbc;
  }
  
  .text-field{
  background-image:url(images/field-bg.jpg);
  background-repeat:no-repeat;
  background-attachment:inherit;
  width:130px;
  height:18px;
  border:0;
  margin:0 0 0 0;
  padding: 3px 5px 3px 5px;
  background-position: bottom right;
  vertical-align:middle;
  }
  
  .submit{
  width:67px;
  height:24px;
  background-image:url(images/submit-bg.jpg);
  background-repeat:no-repeat;
  border:0;
  margin:0;
  padding:0 0 2px 0;
  color:#FFFFFF;
  cursor:pointer;
  vertical-align:middle;
  }
  
  .login-bottom{
  width:233px;
  margin:0;
  padding:0;
  background-image:url(images/sidebar-bottom.jpg);
  background-repeat:no-repeat;
  height:7px;
  }
  
  h4{
  color:#FFFFFF;
  font-size:14px;
  }
  
  #comparison{
  width:223px;
  height:35px;
  margin:0 0 10px 0;
  padding:142px 10px 0 0;
  background-image:url(images/comparison.jpg);
  background-repeat:no-repeat;
  float:left;
  text-align:right;
  }
  
  #advantage{
  width:233px;
  margin:0 0 10px 0;
  padding:0;
  float:left;
  }
  
  #advantage-middle{
  width:223px;
  margin:0 0 0 0;
  padding:10px 0 0 10px;
  background-image:url(images/sidebar-middle.jpg);
  background-repeat:repeat-y;
  }
  
  #advantage-middle ul{
  list-style:none;
  margin:0 0 0 0;
  padding:0;
  }
  
  #advantage-middle ul li{
  height:30px;
  list-style:none;
  margin:0 0 0 0;
  padding:0 0 0 40px;
  background-image:url(images/list-icon.jpg);
  background-repeat:no-repeat;
  }
  
  #footer{
  width:856px;
  color:#000000;
  margin:0 auto;
  padding:0;
  text-align:center;
  
  }

  #logout {
	position: absolute;
	left: 122px;
	top: 82px;
	width: 200px;
	height: 100px;
	text-align: left;
	vertical-align: text-bottom;
}

.style1 {
	font-size: 14;
	font-family: Arial, Helvetica, sans-serif;
}
.style2 {font-size: 14px}
.style3 {font-family: Arial, Helvetica, sans-serif}
.style5 {font-size: 24px}
.style6 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.style10 {font-size: 18px; font-family: Arial, Helvetica, sans-serif; }

 .black_overlay{
            display: none;
            position: absolute;	
            top: 0%;
            left: 0%;
            width: 125%;
            height: 600%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.70;
            opacity:.70;
            filter: alpha(opacity=70);
        }
        .white_content {
            display: none;
            position: absolute;
           
            width: 770px;
	    top: 350px;
            margin-left: auto;
	    margin-right: auto;
	    padding: 8px;
            border: 8px solid green;
            background-color: white;
            z-index:1002;
            overflow: auto;
        }

	.redex {
	 position: absolute;
	top: 8px;
	right: 8px;
	}

	.topright {
	 position: absolute;
	top: 8px;
	right: 8px;
	}

	.tiny {
	font-size: 10px;
	font-style: italic;
}

.tinytext {
	font-size: 10px;
	
}

#mframe {
	width: 600px;
	height: 100px;
	overflow: auto; 
	border: #000000 1px solid; 
	background-color: transparent;
	font-size: 10px;

}


.coursecontent {
	position: relative;
	width: 775px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #030303;
}

.cols div {
	float: left;
	padding: 0px 25px;
	display: inline;
	width: 42%;
}

.cols h3 {
	font-size: 1.25em;
}

.cols .left {}
.cols .right {}


.btn {
	border: 2px solid #000;
	background: #00a651;
	padding: 10px 20px;
	display: block;
	color: #FFF;
	width: 260px;
	text-align: center;
	text-decoration: none;
	font-size: 1.15em;
}