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

/* left-nav */
/*from previous css 
body {font-family: Helvetica, Arial, sans-serif; font-size: 0.9em; }
p {line-height: 1.5em; }
*/

ul#left-nav, ul#left-nav ul {list-style-type:none; margin: 0; padding: 0; width: 140px; }
ul#left-nav a {display: block; text-decoration: none; font-size: 1.3em; }
/* ul#left-nav li { border-top: 1px #055d1e solid; color: #055d1e; } */


ul#left-nav li a {display: block; height: 35px; background-image: url(../img/left_nav_menu.png); /*text-indent: -9999px;*/ }

ul#left-nav li a.activities {width: 140px; height: 41px; background-position: 0 0; text-indent: -9999px; }
ul#left-nav li a.programmes {width: 140px; background-position: 0 -41px; text-indent: -9999px; }
ul#left-nav li a.schools {width: 140px; background-position: 0 -76px; text-indent: -9999px; }
ul#left-nav li a.fun {width: 140px; background-position: 0 -111px; text-indent: -9999px; }
ul#left-nav li a.corporate {width: 140px; height: 52px; background-position: 0 -146px; text-indent: -9999px; }
ul#left-nav li a.referrers {width: 140px; height: 35px; background-position: 0 -198px; text-indent: -9999px; }
ul#left-nav li a.partner-links {width: 140px; height: 35px; background-position: 0 -233px; text-indent: -9999px; }



/* Hover State */
ul#left-nav li a.activities:hover {width: 140px; height: 41px; background-position: -140px 0; text-indent: -9999px; }
ul#left-nav li a.programmes:hover {width: 140px; background-position: -140px -41px; text-indent: -9999px; }
ul#left-nav li a.schools:hover {width: 140px; background-position: -140px -76px; text-indent: -9999px; }
ul#left-nav li a.fun:hover {width: 140px; background-position: -140px -111px; text-indent: -9999px; }
ul#left-nav li a.corporate:hover {width: 140px; height: 52px; background-position: -140px -146px; text-indent: -9999px; }
ul#left-nav li a.referrers:hover {width: 140px; background-position: -140px -198px; text-indent: -9999px; }
ul#left-nav li a.partner-links:hover {width: 140px; background-position: -140px -233px; text-indent: -9999px; }


ul#left-nav li a.socialmedia {width: 140px; height: 85px; background-position: -140px -268px; /*text-indent: -9999px; */ }

ul#left-nav li ul{ padding-bottom: 10px; }
ul#left-nav li ul li {border-top: 0px; height: 20px; }
ul#left-nav li ul li a {background: #078129; color: #fff; padding: 0 0 0 12px; font-size: 1.3em; font-weight: normal; }


ul#left-nav li ul li a:hover {background: #078129; padding-left: 12px; color: #9EC901; font-size: 1.3em; }

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }

/* Social Media */
#socialmedia {width: 140px; height: 85px; background: url(../img/left_nav_menu.png); background-position: 0 -268px; font-size: 1.3em; margin-bottom: 20px; }
#socialmedia a {color:#FFF;}
#socialmedia a:hover {color: #92ec04;}
#fb {background: url(../img/FaceBook_32x32.png) no-repeat scroll 8px 8px; width:80px; height:30px; padding: 14px 0 0 45px;}
#twitter {background: url(../img/twitter_32x32.png) no-repeat scroll 8px 0px; width:80px; height:32px; padding: 7px 0 0 45px;}