/*CSS StyleSheet Semiotics Project*/
body{
	background-color: #c0c0c0;
	margin:0;
	padding:0;
	font-family:Verdana, helvetica, arial, Sans-Serif;
}
/*--------------- LOGO ---------------*/
#logo{
	height:46px;
	width:400px;
	background: url('../img/logo_umweb.gif') 0 0 no-repeat;
	margin:10px 0 0 36px;
}
#logo h1, #logo .logo_nb{
	display:none;
	background-image:url('../img/loading.gif');
}
#logo_semiotics{
	background: url('../img/logo_semiotics.gif') 0 0 no-repeat;
	width:94px;
	height:13px;
	float:left;
	margin:28px 0 0 228px;
}
/*--------------- MAIN ---------------*/		
#main{
	margin:0 0 0 36px;
	width:664px;
	background:#FFFFFF url('../img/main_fnd_right.gif') 661px 4px repeat-y;
}
#main_footer{
	width:661px;
	height:30px;
	background:#FFFFFF url('../img/main_fnd_down.gif') 0 0 no-repeat;
	clear:both;
}
/*--------------- CHAPTER SELECTION ---------------*/
h3 {
	padding: 0px 0px;
	font-weight: normal;
	color: #FFFFFF;
	background: #161616;
	cursor: pointer;
	margin:3px 0px 2px 0px;
}		
#chap_sel{
	width:280px;
	height:296px;
	margin:7px;
	float:left;
	background:#161616 url('../img/vid_sel_frame.gif') 0 0 no-repeat;
}
#chap_sel h1{
	margin:2px 0 2px 0;
	padding:0;
	color:#FFFFFF;
	font-size:7pt;
	text-transform:uppercase;
	border-bottom:#e0e0e0 1px solid;
}
#chap{
	padding:10px;
}

#chap ul{
	margin:0;
	padding:0;
}
#chap li{
	list-style: none;
	margin:5px 0 5px 0;
	padding:0;			
	width:260px;
	height:27px;
}
#chap a, #chap a:link, #chap a:visited{
	padding:7px 2px 4px 40px;
	display: block;
	background: url('../img/chap_fnd_t.gif') 0 0 no-repeat;
	width:218px;/*260*/
	height:16px;
	color:#FFFFFF;
	font-size:8pt;
	text-decoration:none;
}
#chap a:hover, #chap a:active{
	background:url('../img/chap_fnd_sel.gif') 0 0 no-repeat;
}
#chap a.chapselect{
	background:url('../img/chap_fnd_t.gif') 0 0 no-repeat;
}
#chap a.chap:hover{
	background:url('../img/chap_fnd_t.gif') 0 0 no-repeat;
}
#chap h3.toggler{
	background-color:#028800;/*#028800;*/
}
#chap .min{
	font-size:7pt;
	float:left;
	margin:-12px 0 0 180px;
	padding:0;
	/*border: 1px solid #FF0000;*/
	text-align:right;
}
#chap p{
	color:#FFFFFF;
	font-size:7pt;
	margin:2px 0px 3px 40px;
	padding:0;
}
ul.lang{
	list-style: none;
	margin:5px 0 5px 0;
	padding:0;
	border: 1px solid #999;	
}
li.langli{
	display:inline;
}
#lang{
	margin:0 0 0 40px;
}
#lang a, #lang a:link, #lang a:visited{
	background:none;
	padding:0;
	display: inline;
	width:26px;
	height:15px;
	color:#FFFFFF;
	font-size:8pt;
	text-decoration:none;
}
#lang a:hover, #lang a:active{
	background:none;
}
#lang .subtitle{
	margin:0;
	padding:0;
	color:#FFFFFF;
	font-size:7pt;
	text-transform:uppercase;
	font-weight: bold;
}
#lang a.launch, #lang a.launch:link, #lang a.launch:visited{
	color:#FFFFFF;
	text-decoration:none;
	margin:0;
	padding:0;
	font-size:7pt;
	text-transform:uppercase;
	font-weight: bold;	
}
#lang a.launch:hover, #lang a.launch:active{
	text-decoration:underline;
}
#lang .flag{
	border:1px solid #363636;
}
#lang .flag:hover{
	border:1px solid #FFFFFF;	
}
/*--------------- VIDEO ---------------*/
#video{
	background:#161616 url('../img/fake_video.gif') 0 0 no-repeat;
	width:360px;
	height:312px;
	float:left;
	margin:7px 0 0 0;
}
/*--------------- MENU ---------------*/
#menu{
	margin:20px 0 0 0;
	width:100%;
	float:left;
	height:40px;
}
#menu ul{
	font-size:9pt;
	color:#086e00;
	margin:0;
	padding:0;
}
#menu li{
	display:inline;
	margin:5px 12px;
	background:url('../img/def_brac_right.gif') 100% 0 no-repeat;
	padding:0px 5px 2px 0px;
}
#menu a, #menu a:link, #menu a:visited{
	text-decoration:none;
	color:#086e00;
	background:url('../img/def_brac_left.gif') 0 0 no-repeat;
	padding:0px 0 2px 5px;
}
#menu a:hover, #menu a:active{
	color:#0dbe00;
	text-decoration:none;
}
/*--------------- PAGE ---------------*/		
#page{
	padding:10px;
}
#page h2{
	color:#086e00;
	font-size:11pt;
	margin:10px 0 4px 0;
}
#page p{
	margin:5px 0 10px 0;
	color:#086e00;
	font-size:9pt;
}
#page>p a, #page>p a:link,#page>p a:visited{
	color:#0dbe00;
	text-decoration:none;	
}
#page>p a:hover,#page>p a:active{
	color:#0dbe00;
	text-decoration:underline;	
}
/*--------------- DEFINITION FRAME ---------------*/
#page h4{
	margin:0;
	padding:0;
	color:#c0c0c0;
	font-size:7pt;
	text-transform:uppercase;	
}	
#def_frame{
	border: 1px solid #c0c0c0;
	background: url('../img/def_bg.gif') 0 100% repeat-x;
	float:left;
	width:99%;
	padding:8px 0 8px 0;
	margin:0 0px 15px 0;
}
#def_frame ul{
	margin:0;
	padding:0;
	font-size:9pt;			
}
#def_frame li{
	display:inline;
	margin:6px 10px 6px 10px;
	line-height:2em;			
}
#def_frame a, #def_frame a:link, #def_frame a:visited{
	color:#0dbe00;			
	text-decoration:none;
}
#def_frame a:hover, #def_frame a:active{
	color:#3bf22d;
	background:url('../img/def_sel.gif') 50% 130% no-repeat;
}
/*--------------- COPY RIGHT ---------------*/
#copyright{
	background:url('../img/copyright.gif') 0 0 no-repeat;
	width:14px;
	height:142px;
	margin:-145px 0 0 702px;
	float:left;
}
#copyright strong{
	display:none;
}