* {
  margin: 0;
  padding: 0;  
}

/**
* Elements
************************************************/

/* Links */
a,a:link, a:visited  {
	color: #ccc;
	text-decoration: none;
}
a:hover, a:active {
  color: #fff;
	text-decoration: none;
}
body {
  background: #444444;
  font-size: 75%;
  line-height: 1.6em;
}
.bgCCC {
	background-color:#CCCCCC;
	padding-bottom:6px;
	padding-top:6px;
}
.bg000 {
	background-color:#000000;
	padding-bottom:26px;
	padding-top:26px;
}
html>body {
  font-size: 80%;
}
/* Header Section */
#topbar {
  background: #7a5d1a url(http://www.e-learning-letter.com/new/top.png) repeat-x;
  height: 25px;
  width: 985px;
  margin:auto;
}
.topbar2 {
  background: #7a5d1a url(http://www.e-learning-letter.com/new/barre-menu-article-2.png) repeat-x;
}
.topbar2 li a:hover {
  background: #5c072d url(http://www.e-learning-letter.com/new/fleche-menu.png) bottom center no-repeat;
}
#tophaut {
  height: 102px;
  width: 945px;
  margin:auto;
}
.logo {
  float: left;
  margin: 17px 0px 0px 0px;
  padding: 0;
}
#menu {
  float:none;
}
#nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#nav li {
  display: inline;
  float: left;
  text-align: center;
}
#nav li a {
  font-size: 12px;
  float: left;
  height: 24px;
  color:#fff;  
  font-weight: normal; 
  text-decoration: none;
  padding: 1px 10px 0px 10px;
  border-right:1px dotted #d9b201;
  /*text-transform: capitalize;*/
}
#nav li a:hover,
#nav li.current_page_item a {
  text-decoration: none;
  height:23px;
  background: #7a5d1a url(http://www.e-learning-letter.com/new/fleche-menu.png) bottom center no-repeat;
  color: #fff;
}

#nav li.urgent_page_item a {
  text-decoration: none;
  height:23px;
  background: #7a5d1a url(http://www.e-learning-letter.com/new/top3.png) repeat-x;
  color: #fff;
}

#nav li.urgent_page_item a:hover {
  text-decoration: none;
  height:23px;
  background: #7a5d1a url(http://www.e-learning-letter.com/new/fleche-menu.png) bottom center no-repeat;
  color: #fff;
}

#nav li ul {
  clear: both;
  list-style: none;
  position: absolute;  
  width: 180px;
  left: -999px;
  padding: 0;
  margin: 0;
  line-height: 1;  
  top: 127px;
  }

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  border-left: 5px solid #7a5d1a;
  z-index: 100;
  }
	
#nav li ul li {
  float: left;
  margin: 0;
  padding: 0;
  width: 180px;
  }
	
#nav li ul li a,
#nav li ul li a:visited,
#nav li ul li a:link {
  text-align: left;
  width: 180px;
  height: 20px;
  color:#fff;
  background: url(http://www.e-learning-letter.com/new/barre-menu.png) repeat-x;
  padding: 5px 5px 0 15px;
  font-size: 11px;
  font-weight: normal;
  }
	
#nav li ul li a:hover {
  /*border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  background: url(http://www.e-learning-letter.com/new/fond-menu.png) repeat-x;*/
  background: #7a5d1a url(http://www.e-learning-letter.com/new/fleche-menu-2.png) left center no-repeat;
  color: #fff;
}

#nav li ul li:hover, #nav li ul li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

#footer {
  padding: 20px 0;
  background: #7a5d1a url(http://www.e-learning-letter.com/images/line.jpg) top center repeat-x;
}
.bottombox {
  margin: 0 8px;
}
.bottombox p {
  color: #aaa;  
  line-height: 1.6em;
}
.twitter {
  margin-bottom: 20px;
  font-weight: normal;
  color: #ccc;
}
h3.twitter-icon {
  background: url(http://www.e-learning-letter.com/images/twitter_fly.png) left no-repeat;
  padding-left: 60px;  
  padding-top:15px;
}
.twitter a {
  text-decoration: none;
}
.bottombox h3 {
  margin: 0 0 5px 0;
  font-size: 1.3em;   
  color: #ccc;
  padding: 0 0 5px 0;
  font-weight: bold;
}  

#social-links {
  margin: 20px 0;
}
#social-links a img {
  padding: 2px;
  margin: 0 5px 2px 0;
  display: inline;
}
.subscribe {
  margin-bottom: 20px;
}

#copyright { 
  margin-top: 10px;
  color: #aaa;
  font-weight: normal;
}
#copyright p {
  color: #aaa;
}
#copyright a {
  color: #ccc;
  text-decoration: none;
}

.bottombox .row .label,
.bottombox .row .field
{
	font-size: 90%;
	color: #aaa;
}

.bottombox .row .field
{
	width: 92%;	
}