/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
* {margin:0;
   padding:0;
}


body {color: #000;
	  background:#D7D7D7 url(images/bg.gif) repeat-x;
	  font:100% "Trebuchet MS", Verdana, sans-serif;
}


#container {margin:0 auto;
	        width:750px;
}


/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/
#header {width:100%;
	     height:108px;
}


.Home {background:#FFF url('images/BannerHome.gif');}

.Help {background:#FFF url('images/BannerHelp.gif');}

.Login {background:#FFF url('images/BannerLoginInfo.gif');}

.Outlines {background:#FFF url('images/BannerOutlines.gif');}

.Orientation {background:#FFF url('images/BannerOrientation.gif');}

.Etudes {background:#FFF url('images/BannerEtudes.gif');}

.Moodle {background:#FFF url('images/BannerMoodle.gif');}


#header h1 {margin-bottom:0px;
	        font: 1px Arial;
	        color:#000;
	        text-align:left;
}


#sub_header {text-align:right;
	         font-weight:bold;
	         font-size:125%;
	         color:#FFF;
	         padding-right:20px;
	         padding-bottom:20px;
}


/* -------------------------------------------*/
/* ---------->>> PAGE STRUCTURE <<<-----------*/
/* -------------------------------------------*/
#main_content {margin:0 auto;
	           width:100%;
	           background:#FFF url('images/background_content.gif');
	           background-repeat:repeat-y;
}


#main_content_top {height:30px;
	               background:#FFF url('images/background_top.gif');
}


#main_content_bottom {height:30px;
	                  background:#FFF url('images/background_bottom.gif');
}


#footer {text-align:center;
	     font-size:75%;
	     margin:10px auto;
}


#content {float:left;
	      width:85%;
	      text-align:justify;
	      padding:10px 28px 0 30px;
}


#clear {display:block;
	    clear:both;
	    width:100%;
	    height:1px;
	    overflow:hidden;
}


/* -------------------------------------*/
/* ---------->>> HEADINGS <<<-----------*/
/* -------------------------------------*/
#content h2 {margin-top:0px;
	         font-size:150%;
	         font-weight:bold;
	         color:#A40008;
}


#content h3 {margin-top:0px;
	         margin-left:2px;
	         font-size:130%;
	         font-weight:normal;
	         color:#000;
}


#content h4 {margin-top:0px;
	         margin-left:15px;
	         font-size:110%;
	         font-weight:normal;
	         color:#FFF;
	         background-color:#000;
}


/* ----------------------------------------*/
/* ---------->>> TEXT STYLES <<<-----------*/
/* ----------------------------------------*/
#content p {font-size:80%;}


#content li {font-size:80%;
             margin-left: 20px;
}


#content li li {font-size:100%;}


.attention {margin:15px 25px;
	        text-align:center;
	        font-weight:bold;
}


.tight {margin-top:0;
	    margin-bottom:0;
	    padding-top:0;
	    padding-bottom:0;
}


/* ---------------------------------------*/
/* ---------->>> NAVIGATION <<<-----------*/
/* ---------------------------------------*/
#nav {width:150px;
	  float:right;
	  padding:0 15px 0 20px;
	  border-left:#DDD 1px solid;
}


h2.menu_title {font-size:110%;
	           font-weight:bold;
	           color:#A40008;
	           padding-top:5px;
	           margin-top:2px;
	           margin-bottom:5px;
}


.menu {margin:0;
	   padding:0 0 0 6px;
	   width:130px;
	   font-size:0.75em;
	   list-style-type:none;
}


.menu li a {display:block;
	        width:100%;
	        padding:1px 4px;
	        text-decoration:none;
	        font-weight:bold;
	        color:#009;
	        background-color:#FFF;
	        border:2px solid #FFF;
	        text-decoration:none;
}


.menu li a:visited {color:#636;}


.menu li a:hover {color:#000;
	              background-color:#CCC;
	              border-style:outset;
}


.menu a:link.current,  .menu a:visited.current,  .menu a:hover.current {
	  color:#000;
	  background-color:#DDD;
	  text-decoration:none;
	  font-weight:normal;
	  border-style:none;
}