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

body{
	background:#d8cba8 !important;
}

#header{position:relative;}

.topbanner{width:100%; height:205px !important; margin:0 !important; overflow:hidden; text-align:center; background: url(http://elearnca.com/images/back-top-banner.jpg) repeat-x center top;}

#topbanner{width:766px; height:205px; margin:0 auto; padding:0; background:url(http://elearnca.com/images/top-banner.jpg) no-repeat left top;}

.topmenu { text-transform: uppercase; font-family: "Times New Roman", Times, serif; letter-spacing:.18em; font-size:10px; font-weight: bold; text-align:center; height:58px !important; width:100%; margin:0px !important; background:url(http://elearnca.com/images/back-topmenu.jpg) repeat-x top left; position:relative;}

#topmenu{width:100%; height:28px; position:absolute; left:0; top:0; z-index:10}

.topmenu ul { width:866px; height:28px; padding: 15px 0; margin:0 auto; list-style:none; position:relative; }

.topmenu ul li { list-style:none; background: url('http://elearnca.com/images/border.png'); border-right:1px solid #DBD4C0; padding:0px !important;}

.topmenu ul li.last-child { border-right: none; }

.topmenu ul li a { color:#DBD4C0; padding:6px 10px; float:left; text-decoration: none; display:block;background: url(images/fake.png);}

.topmenu ul li a:hover { background: #000; color:#F0CD6E; text-decoration: none;}

.topmenu ul li { float: left; position: relative; }

.topmenu li ul { display: none; height: auto; position: absolute; top:0px; left:0px; width: 180px; padding-top:23px; font-family:"Arial-Black", Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:normal; }

.topmenu li:hover ul, .topmenu li:hover ul:hover { display: block;z-index:100; }

.topmenu li:over ul{display:block;}

.topmenu li ul li {width:143px; margin: 0px; padding: 0px; text-align: left; color: #DBD4C0; background:url(http://elearnca.com/images/back-topmenu.jpg);border-right:none; }

.topmenu li ul li a{display:block;}

.topmenu li.oc ul li{width:136px;}

.topmenu li.last-child ul, .topmenu li.last-child ul li{width:96px;}

.topmenu li ul li:hover{background:#000;}

.topmenu li ul li:hover a { text-decoration:none;}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

#page{width:100%; text-align:center;}

/*#wrapper{width:846px; margin:0 auto !important;}*/

#left{width:220px; float:left;}

#central{width:360px; float:left; margin:0 20px;}

#right{width:220px; float:left;}

#footer{width:100%; text-align:center:}