@charset "utf-8";
/* CSS Document */
body
{
	background-color: #fff;
	font-size: 0.75em;
	color: #505050; /*#a7a9ac;*/
	height: 100%;
	min-height: 100%;
	width: 100%;
	background: url(../../images/bg_shadows.gif) repeat-y 50% 0;
}

BR {
	margin:0px;
	padding:0px;
	height:1px
}

DIV #main {
	margin:auto;
	width:800px;
	height:100%;
	min-height:100%;
	padding:0 55px;
}


DIV #central_column {
	width:800px;
	min-width:800px;
	float:left;
	height:100%;
	min-height:100%;
}

	DIV #header {
		background-color:#000000;
		float:left; /* IE disappearing bg bug fix */
		width:100%;
	}
	
		/* For all the images inside the header */
		DIV #header IMG {
			margin-right:8px;
			float:left;
		}
		
		/* For all the links inside the "header" div*/
		DIV #header A {
			color:#FFFFFF;
			text-decoration:none;
		}
		
		#linguarama_logo {
			margin-top:66px;
		}
		
		DIV #header_links {
			float:right;
			color:#FFFFFF;
			font-size:0.9em;
			margin-right:10px;
		}
		
		#header_links_top {
			text-align:right;
			margin-top:10px;			
		}
		
		#header_links_bottom {
			text-align:right;
			margin-top:55px;
		}
		
.debug_border {
	border:red 1px solid !important;
}

* { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100% }

h2
{	
	padding: 5px 20px;
	}
	
h3
{ 
	font-size:0.9em;
	padding: 5px 20px;
	}

html {
	min-height:100%;
	width:100%;	
}

input {
	margin:0 !important;
	padding:0 !important;
}



span {
	margin:0 !important;
	padding:0 !important;
}





DIV #container {
	width:100%;
	height:100%;
	min-height:100%;
}


	
	/* defines the properties for the menu */
	DIV #left_menu {
		float:left;
		margin-top:-1px;
		width:194px;
		/* The dotted line on the right side should be described here but it wouldn't allow the small cuts signaling each bloc
		Therefore each element of this menu has a right border described */
	}
	
		DIV #left_menu A {
			color:#505050; /*#a7a9ac;*/
			text-decoration:none;
			/*text-transform:capitalize;*/
		}
		
		.dotted_line {
			margin:2px 0 2px 0px;
			height:1px;
		}
				
		DIV #left_pic {
			margin:6px 0px 0 3px;
			border-right:#939699 1px dotted;
			width:191px;
			text-align:center;
			padding:10px 0 10px 0; 
		}
		
		DIV #left_menu TABLE {
			width:194px;
		}
		
	/* This concerns each link from the menu. It describes a background for each */
	DIV #left_menu UL {
		width:194px;
		list-style-type: none;
		margin:0;
		padding:0;
	}
	
		DIV #left_menu LI {
			padding: 5px 0 6px 22px ;
			margin:1px;
		}
		
		#menu LI UL {
			width:171px ;
			margin-bottom:-6px;
			border:none;
		}
				
		#menu LI LI {
			margin:0px;
			margin-left:-22px;
			padding:2px 0 6px 32px !important;
			/*line-height:0.6em;*/
		}
		
		#menu LI LI:first-child {
			margin-top:6px;
			border-top:1px white solid;
		}

		#menu LI LI A {
			color:#383838 !important;
			font-size:0.95em;
		}
		
		#menu LI LI A:hover 
		{
			font-weight:bold;
		}
		
		#menu LI LI UL
		{			
			width:138px ;
		}
		#menu LI LI LI:first-child
		{			
			border-top:none;
		}
		
		DIV #left_menu #yellow {
			background:left top url(../../images/menu_bg_locations.gif) no-repeat;
		}
		
		DIV #left_menu #yellow LI {
			background-color:#fecd08;
		}
		
		DIV #left_menu #orange {
			background:left top url(../../images/menu_bg_courses.gif) no-repeat;
		}		
		DIV #left_menu #orange LI {
			background-color:#f89938;			
			
		}
		
		DIV #left_menu #violet {
			background:left top url(../../images/menu_bg_english.gif) no-repeat;
		}
		
		DIV #left_menu #violet LI  {
			background-color:#cc9ac6;
		}
		
		DIV #left_menu #manganese {
			background:left top url(../../images/menu_bg_awarness.gif) no-repeat;
		}
		
		DIV #left_menu #manganese LI {
			background-color:#149a9a;
		}
		
		DIV #left_menu #lightblue {
			background:left top url(../../images/menu_bg_about.gif) no-repeat;
		}
		
		DIV #left_menu #lightblue LI {
			background-color:#1999ce;
		}
		
		DIV #left_menu #darkblue {
			background:left top url(../../images/menu_bg_support.gif) no-repeat;
		}
		
		DIV #left_menu #darkblue LI {
			background-color:#32689b;
		}
		
		DIV #left_menu #brown {
			background:left top url(../../images/menu_bg_elearning.gif) no-repeat;
		}
		
		DIV #left_menu #brown LI {
			background-color:#cc9a34;
		}
		
		DIV #left_menu #green {
			background:left top url(../../images/menu_bg_brochure.gif) no-repeat;
		}
		
		DIV #left_menu #green LI {
			background-color:#99ca3c;
		}
		
		DIV #left_menu #darkviolet {
			background:left top url(../../images/menu_bg_employment.gif) no-repeat;
		}
		
		DIV #left_menu #darkviolet LI {
			background-color:#9a3267;
		}
		
	
	/* content of the central column */
	DIV #MainContent {
		float:left;	
		width:602px;
		border-left:#939699 1px dotted;
	}

	/*  For all the paragraphs in the content div */
	DIV #MainContent P {
		margin:5px 10px 10px 20px;	
	}	
	/* For the other styles of the content of the page (#MainContent), refer to homepage.css or default_content.css . */
	
	
	/* Position and styles the footer */	
	DIV #footer {
		width:758px;
		float:left;
		text-align:center;
		padding:10px 0 20px 42px;
		border-top:#939699 1px dotted;
	}
	
		DIV #footer IMG {
			margin-right:49px;
			border:0px;			
		}

.dspcont{
   display:none;
   }