.main { width:882px; margin:0 auto; text-align:left;}

#header {height:275px; background:#fff url(images/header_tile.gif) top repeat-x;}

#middle {background:#fff;}

#footer { height:64px; background:url(images/footer_tile.gif) top repeat-x;}

.column1, .column2, .column3, .column4, .col1, .col2, .col3 {float:left;}
.container {width:100%; overflow:hidden; margin-bottom:40px;}
.container2 {width:100%;}



/* ============================= webcourses ===========================*/

#webcourses .column1 {width:150px;}
#webcourses .column2 {width:450px;}
#webcourses .column3 {width:750px;}
#webcourses .column4 {width:200px;}
#webcourses .colpad {margin-left:20px;}


/*- Menu Tabs 2--------------------------- */

    #tabs {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #84776B;
      }
    #tabs ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("images/webcourses/tableft2.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("images/webcourses/tabright2.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#84776B;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#74675B;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
	  
	#tabs a#active span {
		color:#000000;
  	  font-weight:bolder;
      }  
	  
	 /*- Sidenavigation ----------- */ 
	  
	  #sidenav {width:250px; float:right; background-color:#FFFFCC; padding:10px;}
	   
	  #sidemenu {
	width: 200px;
	margin: 10px;
	}
	
#sidemenu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#sidemenu li a:link, #sidemenu li a:visited {
	color: #4D4D4D;
	display: block;
	background:  url(images/webcourses/sidemenu.gif);
	padding: 8px 0 0 10px;
	}
	
#sidemenu li a:hover {
	color: #FF9834;
	background:  url(images/webcourses/sidemenu.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}