/*
 * This is the style sheet where structure and id based styles are defined. 
 */			
			
/* 
 * **********************************
 * BEGIN LOGIN SECTION
 * **********************************
 * */


        #login {
            clear: both;
            margin-top:130px;
	    position:absolute;
	    top:0;
            width:90%;
            margin-left:20px;
        }
        
        
/* 
 * **********************************
 * BEGIN HEADER SECTION 
 * **********************************
 * */
	#logopage{
		background-color: #3c7bd1;
	}

	#header { clear: both;
		  background-color:#bdd9ff; 
		  border-bottom : 1px solid black ;
		  padding:5px;	
  		  position: absolute;
		  top:0;
		  left:0;
  		  height:112px;
  		  width:100%;
	}


	#header #credits {
		font-size: 0.75em;
		line-height: 1.0em;
		letter-spacing: .1em;
		font-weight: bold;
		position:absolute;
		left:180px;
		top:10px;
		min-width:80em;
		color: black;
		
	}

	#header h1 {
		font-family:  "Trebuchet MS", Arial, sans-serif;
		font-weight: bold;
		font-size: 1.5em;
		line-height: 1.2em;
		margin:0;
		padding:0;
		color: black;
	}

	#header h2 {
		font-family:  "Trebuchet MS", Arial, sans-serif;
		font-size:1.0em;
		font-weight:50;
		letter-spacing:.1em;
		margin:0;
		margin-bottom:0.3em;
		margin-top: 0.3em;
		padding:0;
		color: black;
	}

	#header #credits em {
		color: #800000;
		font-weight: bold;
	}    

	#header #logo { 
		width: 170px;
		height: 110px;
	}
        
        #header #logo img {
                display: block;
                margin-left: auto;
                margin-right: auto;
        }
        
	#header #norme {
		clear:both;
		position: absolute;
		right:1em;
		bottom:2px;
		border: 1px solid black;
		border-top: 1.5em solid black;
		padding: 0.5em;
		font-weight:bold;
	}

        
	#header #title {
		position: absolute;
		left:180px;
		bottom:2px;
		width: 80%;
		min-width:70em;
	}
/* 
 * **********************************
 * BEGIN TOPBAS SECTION 
 * **********************************
 * */

	#topbar {
		position:absolute;
		top:0;
		left:0;
		min-width:70em;	
		clear:both; 
		width:100%; 
		height:28px;
		color: white;
		background-color:#3c7bd1; 
		border-bottom : thin solid black;
		font-weight:bold;
		box-shadow:1px +1px 3px #888;
		-webkit-box-shadow:1px +1px 3px #888;
		-moz-box-shadow:1px +1px 3px #888888;
		position:relative;
	}

	#topbar #topbar_position {
		display:inline;
		margin-left:1em;
	}	 
	#topbar #topbar_logout {
		display:inline;
		margin-left:5em; 
	}	 
	#topbar a {
		color:white;
		font-size: .8em;
		}
/* 
 * **********************************
 * BEGIN NAVGATION SECTION 
 * **********************************
 * */
	#navigation{
  		position:absolute;
		top:0;
		left:0;
		float:left;
		width: 11em;
	}
	

/* 
 * **********************************
 * BEGIN FOOTER SECTION 
 * **********************************
 * */	
	#footer { 
		clear: both;
	}

/* 
 * **********************************
 * BEGIN CONTENT SECTION 
 * **********************************
 * */	
	
	#content{
		margin-left: 0em;
		margin-right: 1em;
		margin-top: 1.5em;
		padding:0.0em;
	}





/* 
 * **********************************
 * STYLES FOR THE LEFT MENU 
 * **********************************
 * */

	#left_messages{
		margin-top: 1em;
		width: 100%;
	}	
	#menu {
		width:100%;
		border-right: 1px dashed black;
	}
	#menu ul{
		display:block;
		list-style:none;
		z-index:5;
		text-align: right;
		display:block;
		padding:0;
		margin: 0;
		font-size: 1em;
		list-style: none outside;
	}

	#menu li {

		list-style: none outside;
	}

	#menu .menusection {
		list-style: none outside;
	}




	#menu ul li.menusectitle{
		display:block;
		background-color:#3c7bd1;
	        border-bottom: 1px solid black;	
		font-weight: bold;
		text-transform: uppercase;		
		position:relative;
		padding: 0.5em;
                color: white;
		list-style: none outside;
	}

	#menu ul.menusection li { 
		display:block;
		list-style:none;
		position:relative;
	        border-bottom: 1px dashed gray;
		font-variant: all-caps; 			
		list-style: none outside;
	}
	/* all menu links */
	#menu a {
		text-decoration:none;
		display:block;
		padding: 0.5em;
		background-color:#fff;
		color: black;
		font-size: 1.1em;
                
	}
	/* All menu links on hover or focus */
	#menu a:hover, #nav a:focus {
		background-color: #ffa20f;
		color: #ffffff;
	}

	#menu li a:hover,
	#menu li a:focus{
		background-color: #114080;
		color: #FFF;
	}