/***************************************************
Created: 01/06/2007
Last Update: 17/06/2008 (C.B.)
Filename: bass.css
Author: Capucine Batteur

NOTES:
Please take note of the CSS hacks that are required
for each browser to display this CSS correctly. (!)

	
Explorer Hack Eg.:

	#Classname {
	...normal CSS element followed by
	voice-family: "\"}\"";
	voice-family: inherit;
	...the Explorer specific CSS;
	}

Mozilla/Safari/Opera Hack Eg.:

	....normal CSS
	
	html>body #classname {
	...the opera specific css;
	}
	
	html>body #classname is a selector that is
	valid CSS code that IE6 doesn't read (!),
	so the rule of margins gets overwritten on
	Mozilla and Safari browsers.

/***************************************************
TO REMOVE THE OUTLINES AROUND THE LINKS WITH FF
***************************************************/
	
:active, :focus { outline-style: none; -moz-outline-style:none; }

/***************************************************
		
NOTE: If you add anything or take anything away,
please leave a comment with a short description!

***************************************************/



#shadow{
width:1200px;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right:auto;
}

#shadow_mh{
height:900px;
margin:0px;
border:0px;
width:0px;
float:right;
}

#mainbody{
width:900px;
w\idth:883px;
overflow:hidden;
background-color: #FFFFFF;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 17px;
padding-top: 0px;
margin-left: auto;
margin-right:auto;
}
#mainbody_mh{
height:900px;
margin:0px;
border:0px;
width:0px;
float:right;
}

#content{
width:670px;
w\idth:659px;
overflow:hidden;
margin-top: 12px;
margin-bottom: 20px;
padding-left: 6px;
padding-right: 5px;
padding-top: 12px;
float: left
;}
#content_mh{
height:900px;
margin:0px;
border:0px;
width:0px;
float:right;
}

#menu_top{
width:660px;
w\idth:655px;
overflow:hidden;
height:45px;
background-color: #00395C;
text-align: justify;
font-family: Trebuchet-MS, Sans-serif;
font-size: 12px;
color: #00395C;
padding-right: 5px;
margin-left: auto;
margin-right:auto;
}

body{
background-color: #FFFFFF;
font-family: Trebuchet-MS, Sans-serif;
font-size: 12px;
line-height: 14px;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-left: auto;
margin-right:auto;
}

#menu{
width:660px;
w\idth:642px;
overflow:hidden;
margin-top: 75px;
padding-left: 18px;
float: left
;}

#submenu_top{
width:660px;
w\idth:655px;
overflow:hidden;
background-color: #EB352D;
padding-right: 5px;
float: left
;}

#submenu_top_items{
padding-right: 15px;
padding-top: 3px;
padding-bottom: 2px;
float: right;
}

#submenu_image{
float: left
;}

#content_text{
width:662px;
w\idth:642px;
overflow:hidden;
text-align: left;
line-height: 20px;
padding-left: 15px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
float: right;
}

a{
font-family: Trebuchet-MS, Sans-serif;
color: #00395C;
}

#menu_top_items{
text-align: justify;
margin-top: 17px;
margin-bottom: 0px;
padding-left: 0px;
padding-right: 15px;
padding-top: 0px;
padding-bottom: 0px;
float: right;
}

#menu_top_image{
float: left
;}

#menu_column{
width:205px;
height:880px;
background-image: url("../images/column_bottom2.jpg");
 background-position: bottom left;
 background-repeat: no-repeat;
background-color: #0078AD;
border-color: #FFFFFF;
border-bottom-width: 5px;
border-bottom-style: solid;
margin-top: 75px;
padding-top: 15px;
float: left
;}

Form{
width:450px;
margin-left: auto;
margin-right:auto;
}

#mainbody2{
width:900px;
background-color: #FFFFFF;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
margin-left: auto;
margin-right:auto;
}

#footer{
width:900px;
w\idth:880px;
overflow:hidden;
height:20px;
background-color: #FFFFFF;
text-align: right;
font-size: 9px;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: auto;
margin-right:auto;
}

#no_menu_top{
width:650px;
w\idth:640px;
overflow:hidden;
background-color: #FFFFFF;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 10px;
float: right;
}

#content_no_top_menu{
width:640px;
w\idth:635px;
overflow:hidden;
margin-bottom: 20px;
padding-left: 5px;
float: right;
}

#footer_line{
width:860px;
border-color: #3D7F99;
border-top-width: 1px;
border-top-style: solid;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: auto;
margin-right:auto;
}

#list_line{
width:620px;
border-color: #3D7F99;
border-top-width: 1px;
border-top-style: solid;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: auto;
margin-right:auto;
}

#maincourse_title{
width:642px;
background-color: #66B3D3;
margin-top: 15px;
margin-bottom: 5px;
}

#course{
width:642px;
w\idth:627px;
overflow:hidden;
background-color: #FFFFFF;
padding-left: 5px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
}

#sessions{
float: right;
}

#course_content{
width:642px;
color: #00395C;
float: left
;}

#course_elements{
padding-left: 7px;
padding-bottom: 7px;
}

.error{
color: #EB352D;
}

li{
list-style-position: inside;
padding-left: 0px;

}

#list_home{
width: 642px;
float: left;
text-align: left;
padding: 10px;
font-size: 10px;
margin-top: 15px;
}

.image_move{
float: left;

}