﻿.container-footer {
  
  border-top-width:1px;
  border-top-style:dotted;
  border-top-color:#666;
  border-bottom-width:1px;
  border-bottom-style:dotted;
  border-bottom-color:#666;
  height:245px;
  padding:15px;
  margin-top:50px;
}


div.footermenu ul { margin:0; padding:0;
 color:#000; /* Base text color for the menu */
}
div.footermenu ul li { width:150px;float:left; list-style:none;text-align:left; /* Makes the list items go horizontally in lieu of default vertical display */ }
div.footermenu ul li:after {
 content:""; /* Or go Facebook style and use "·" (the interpunct character) for separators */
 color:#666; /* You may want to make the separators a bit more subtle than the base text color */
}
div.footermenu ul li:last-child:after { content:""; /* No separator for the last item in the list */ }

div.footermenu ul li a { /* This is the top menu */
 margin:0 8px; /* Set margins around the links */
 color:#666; /* Text colors for the links */
 font-size:.9em;
 font-weight:600;
}

div.footermenu ul ul li a { font-weight:normal;padding-left:5px; } /* This is the sub-menu */




div.footermenu ul li ul li { float:none; list-style:none; /* Makes the list items go horizontally in lieu of default vertical display */ }

