@font-face{
	font-family:'Brush Script';
	src:url(/ethicsinscience/Brush%20Script.ttf);
	font-style:italic;
}
body {margin:0;padding:0;width:100%;color:#5f5f5f;font:normal 12px/1.8em arial, Times New Roman, sans-serif}
html, .main {padding:0;margin:0;background:#FFF9F9}
.clr {clear:both;padding:0;margin:0;width:100%;font-size:0px;line-height:0px}
h1 {margin:0;padding:32px 0 0 40px;color:#fff;font:normal 40px/1.2em arial, sans-serif}
h1 a, h1 a:hover {color:#fff;text-decoration:none}
h1 span {color:#008236}
h1 small {font:normal 13px/1.2em arial, Times New Roman, sans-serif;color:#63d7f3}
h2 {font: normal 24px verdana, Times New Roman, sans-serif;color:#4b4b4b;padding:8px 0;margin:8px 0}


h3 {
	font: normal 20px arial, Times New Roman, sans-serif;
	color: #FF0000;
	padding: 8px 0;
	margin: 8px 0 0 0
}
h4 {
	font: normal 20px arial, Times New Roman, sans-serif;
	color: #FF0000;
	padding: 0px 0;
	margin: 8px 0 -10px 0
}
p.style1 {font: 18px/33px 'Brush Script', Arial, sans-serif;}
p2 {font-size: 22px; text-decoration:none;}
heading1 {font:normal 16px arial, Times New Roman, sans-serif;color:#4b4b4b;padding:8px 0;margin:8px 0}
p {margin:8px 0;padding:0 0 0 0; font: Verdana; font-size:16px; text-align:justify;}
.nonjustified {margin:8px 0;padding:0 0 8px 0;font: Verdana; font-size:16px}

a {color:#FF0000;text-decoration:underline}
.nul {text-decoration:none}
.header {margin:0;padding:0px}
.headerText {margin:12px 0 0 3px;padding:0px}
.content, .fbg, .footer, form, /*ol, ol li, */ul, .content .mainbar, .columnbar, .homepagemainbar, .content .sidebar {margin:0;padding:0px}
.FWicon { position:relative;}
.content_resize, .fbg_resize, .footer_resize {margin:0 auto;padding:0 40px;width:890px}
/*.header {background:#CC0000 url(images/Rotation/rotator.php) no-repeat center top}*/
.header {background:#CC0000  url(../nivo-slider/demo/images/header_background.jpg) no-repeat center top}
.header_resize {margin:0 auto;padding:0;width:970px;height:258px}
.header .logo {padding:0;float:left;width:auto}
.header .logo2 {padding:0;float:right;width:auto}
.menu_nav {margin:13px 10px 10px 10px; padding:0px 0 0 20px;float:right;width:auto; z-index:0;}
.menu_nav ol {margin:0;padding:0}
.menu_nav ul {list-style:none;padding-top:0px}
.menu_nav ul li {margin:0 0px;float:left}
.menu_nav ul li a {display:block;margin:0;padding:0px 15px;color:#fff;text-decoration:none;font-size:18px;}
.menu_nav ul li.active a, .menu_nav ul li a:hover {text-decoration:underline}
.content_resize {
	margin-top: 0px;
	padding: 16px 0 24px 40px;
	width: 930px;
	background: #fff;
	font-family: arial, "Times New Roman", sans-serif;
}
/* added 49 to 64 */
.menu_nav li ul {
	position: absolute;
	width: 20em;
	left: -999em;
	z-index:1000;
}

.menu_nav li:hover ul {
	left: auto;
}

.menu_nav li ul li {float: left; background-color: #CC0000; border-bottom: 0px solid #ccc; padding: 8px;  border-top: 0px solid #ccc; width: 200px; }
.menu_nav li ul il a {display: block; padding: 8px 22px; text-decoration: none; font-weight: bold; font-size:13px; color: #FF0000;
      border-right: 1px solid #ccc; }
/* added 49 to 64 */
.inner_copy {border:0;color:#f00;float:right;width:50% !important;margin:-100% 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:11px}
.content .titlebar {float:left;width:820px; margin-left:-40px}
.content .homepagemainbar {float:left;width:925px;}
.content .homepagemainbar img {margin-bottom:24px;padding:4px; border:1px solid #b7b7b7;background:#fff}
.content .homepagemainbar img.fl {float:left;margin-right:12px}
.content .homepagemainbar .article, .content .sidebar .gadget {	margin: 0;	padding: 0 0 20px 0;	color: #4b4b4b;	text-align: justify;}

.content .coursepagemainbar {float:left;width:925px}
.content .coursepagemainbar img {margin-bottom:24px;padding:4px; border:1px solid #b7b7b7;background:#fff}
.content .coursepagemainbar img.fl {float:left;margin-right:12px}
.content .coursepagemainbar .article, .content .sidebar .gadget {	margin: 0;	padding: 0 0 20px 0;	color: #4b4b4b;	text-align: justify;}

.content .mainbar {float:left;width:630px}
.content .mainbar img {
	margin-bottom: 24px;
	padding: 4px;
	border: 0px solid #b7b7b7;
	background: #fff
}
.content .mainbar img.fl {float:left;margin-right:12px}
.content .mainbar .article, .content .sidebar .gadget {	margin: 0;	padding: 0 0 20px 0;	color: #4b4b4b;	text-align: justify;}

.content .columnbar {float:left;width:925px}
.content .columnbar img {margin-bottom:24px;padding:4px; border:1px solid #b7b7b7;background:#fff}
.content .columnbar img.fl {float:left;margin-right:12px}
.content .columnbar .article, .content .sidebar .gadget {
	margin: 0;
	padding: 0 0 20px 0;
	color: #4b4b4b;
	text-align: justify;
}
.content .FWicon { float:right; width:147px}
.content .sidebar {float:right;width:280px}
ul.sb_menu, ul.ex_menu {margin:0;padding:0;list-style:none;color:#4b4b4b}
ul.sb_menu li {padding:4px 0;border-bottom:1px solid #e3e3e3;width:240px}
ul.ex_menu li {padding:4px 0 8px}
ul.sb_menu li, ul.ex_menu li {margin:0;padding-left:16px;background:url(/ethicsinscience/images/li.gif) no-repeat left 9px}
ul.sb_menu li a, ul.ex_menu li a {color:#5f5f5f;text-decoration:none;margin-left:-16px;padding-left:16px}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {color:#4ea4ba}
ul.sb_menu li a:hover {text-decoration:underline; color:#FF0000}
ul.ex_menu li a:hover {text-decoration:none}
li.courses {list-style-type:none; font-size:18px; color:#ff0000; text-decoration:none; padding:0 0 10px 0; margin:0 0 10px 0}
.content .mainbar .comment {margin:0;padding:16px 0 0 0}
.content .mainbar .comment img.userpic {border:1px solid #dedede;margin:10px 16px 0 0;padding:0;float:left}
.fbg_resize {padding:24px 40px;background:#4ea4ba}
.fbg, .fbg a, .fbg h2 {color:#fff}
.fbg img {padding:4px;background:#fff;border:1px solid #5e99a8}
.fbg .col {margin:0;float:left}
.fbg .c1 {padding:0 16px 0 0;width:240px}
.fbg .c2 {padding:0 16px;width:296px}
.fbg .c3 {padding:0 0 0 16px;width:290px}
.fbg .c1 img {margin:4px}
.fbg .c3 img {margin:8px 16px 4px 0;float:left}
.footer {padding:16px}
.footer p.lf {margin:0;padding:4px 0;float:right;width:auto;line-height:1.5em;color:#727272}
ul.fmenu {margin:0;padding:2px 0;list-style:none;float:left;width:auto}
ul.fmenu li {margin:0;padding:0 4px;float:left}
ul.fmenu li a {color:#727272;text-decoration:none;padding:2px 6px}
ul.fmenu li a:hover, ul.fmenu li.active a {color:#FF0000}
ul.fmenu li a:hover {text-decoration:underline}
img.float { float:left; margin:auto; border:none; margin: 0px 25px 0px 0 ;}
img.floatLeft { float: left; margin: 14px 25px 0px 0 ;  }
img.floatRight { float: right; margin: 14px 0 0px 25px ; border-style: none; }
img.HomepageSeminar { float: left; margin: 14px 10px 15px 0 ; }
table_panel{margin:15px 30px;}


#nav{	list-style:none; color:#4b4b4b;	font-weight:bold; font-size:14px; border:1px solid;  /* Clear floats */	float:left;	width:100%; margin:0;}
#nav li{	float:left;	margin-right:10px;	position:relative;}
#nav a{	display:block;	padding:5px;	color:#4b4b4b;	background:#FFFFFF;	text-decoration:none;}
#nav a:hover{	color:#FF0000;		text-decoration:none; }

#nav ul{	background:#FFFFFF; 	list-style:none;	position:absolute;	left:-9999px;  height:30px}
#nav ul li{	padding-top:1px; 	float:none; height:30px}
#nav ul a{	white-space:nowrap; color:#FF0000}
#nav li:hover ul{ 	left:0;}
#nav li:hover a{ 	background:#FFF9F9;	text-decoration:underline; }
#nav li:hover ul a{ 	text-decoration:none; }
#nav li:hover ul li a:hover{background:#FFFFFF; }
.clearFloat { clear:both; margin:0; padding:0; }

#sidenav ul {	margin: 0;	padding: 0;	list-style: none; font-size:14px; }
#sidenav ul li {	position: relative;  left: 0px; }	
#sidenav li:hover li ul{	position: relative; }
#sidenav li ul {	position: relative;	left: 0px;	top: 0;	display: none;	text-decoration: none;	color: #777;  }	
#sidenav ul li a {	display: block; text-decoration:none; color: #777;	background: #fff;	padding: 5px;}	
#sidenav ul {	margin: 0;	padding: 0;	list-style:none ;	width: 265px; 		}
#sidenav li:hover ul{ display: block; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:100 }
#sidenav a:hover { color:#FF0000; }
#sidenav li {margin:0;padding-left:16px;background:url(/ethicsinscience/images/li.gif) no-repeat left 9px}
#sidenav hr {  color:#4b4b4b;  width: 100%;}
#sidenav li.active ul{ display: block; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:100 }


#seminarnav ul {	margin: 0;	padding: 0;	list-style: none; font-size:14px; }
#seminarnav ul li {	position: relative;  left: 0px; }	
#seminarnav li ul {	position: relative;	left: 0px;	top: 0;	display: none;	text-decoration: none;	color: #777;  }	
#seminarnav ul li a {	display: block; text-decoration:none; color: #777;	background: #fff;	padding: 5px;}	
#seminarnav ul li.active {margin:0;padding-left:16px;background:url(/ethicsinscience/images/Minus.png) no-repeat left 9px}
#seminarnav ul li.inactive {margin:0;padding-left:16px;background:url(/ethicsinscience/images/Plus.png) no-repeat left 9px}
/* #seminarnav ul li.inactive:hover {margin:0;padding-left:16px;background:url(/ethicsinscience/images/Minus.png) no-repeat left 9px}	*/
#seminarnav ul {	margin: 0;	padding: 0;	list-style:none ;	width: 265px; 		}
/* #seminarnav li:hover ul{ display: block; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:100 }*/
#seminarnav a:hover { color:#FF0000; }
#seminarnav li.nochild {margin:0;padding-left:16px;background:url(/ethicsinscience/images/SeminarLi.png) no-repeat left 9px}
#seminarnav hr {  color:#4b4b4b;  width: 100%;}
#seminarnav li.active ul{ display: block; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:100 }
#seminarnav li:hover li ul{	position: relative;}

.clearFloat { clear:both; margin:0; padding:0; }

<style type="text/css">
.changelink
	{
	border:1px solid #ddd;
	padding:3px;
	}
.changelink ul
	{
	list-style:none;
	}
.changelink ul li
	{
	display:none;
	}
.changelink ul li.show
	{
	display:block;
	}
	</style>

<style type="text/css">
.changeblog
	{
	border:1px solid #ddd;
	padding:3px;
	}
.changeblog ul
	{
	list-style:none;
	}
.changeblog ul li
	{
	display:none;
	}
.changeblog ul li.show
	{
	display:block;
	}
	</style>

/*ol {list-style:none}
ol li {display:block;clear:both}
ol li label {display:block;margin:0;padding:16px 0 0 0}
ol li input.text {width:480px;border:1px solid #c0c0c0;margin:2px 0;padding:5px 2px;height:16px;background:#fff}
ol li textarea {width:480px;border:1px solid #c0c0c0;margin:2px 0;padding:2px;background:#fff}
ol li .send {margin:16px 0 0 0}*/
.blinkytext {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; text-decoration: blink; font-style: normal;}



#slideshowleft {  position:relative; }
#slideshowleft IMG {    position:absolute;    top:0px;    left:0px; right:15px;   z-index:8;}
#slideshowleft IMG.active {    z-index:10;}
#slideshowleft IMG.last-active {    z-index:9;}

#slideshowright {  position:relative; }
#slideshowright IMG {    position:absolute;    top:0px;    left:0px; left:26px;   z-index:8;}
#slideshowright IMG.active {    z-index:10;}
#slideshowright IMG.last-active {    z-index:9;}

#picturegallary{ position:relative; top:12px; height: 390px; width: 290px; float:left; margin:20 25 25 0}
#picturegallary2{ position:relative; top:12px; height: 390px; width: 290px; float:right; margin:20 0 25 25}

ul.popout{	/*width: 200px;*/	list-style: none;	margin: 0 auto; padding: 0;}

ul.popout li{display:inline;/*	width: 100px;*/	float: left;	margin: 120px; padding: 0;	position: relative;}

ul.popout li:hover {z-index: 99;}

ul.popout li .info {
	position: relative;
	left:  -7px; top: 3px;
	padding: 0px 10px 5px ;
	width: 200px;
	height:auto;
	display: none;
	background: #fff;
/*	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
}

ul.popout li:hover .info {display: block;}
.info {font-style:italic;}
.fine_text { 	font-size: 11px; }
.move_up {	font-size: 16px;	margin-top:-10px;}

strong { font-weight:900 !important; }

table.course { background-color:#FFF9F9; box-shadow: 2px 2px 2px 3px #999; }
.course:hover{  box-shadow: 3px 3px 3px 4px #999;}


#float_navigation_container{float:left; width:220px; margin-top:20px; margin-left:-40px; position-x:fixed;}
#navigation_container{float:left; width:220px; margin-top:20px; margin-left:-40px;}
#navigation {height: 100%; color:#3e8ff6; width:220px; font-size:18px; text-align:left }
#navigation ul { list-style-type: none; }
#navigation li { padding: 10px 10px 10px 10px; background-color:#f2f2f2 }
#navigation ul li { border-bottom:#999 solid; border-width: 1px; }
#navigation li:first-child { border-top:#999 solid; border-width: 1px; }
#navigation li a {text-decoration:none;	 decoration: none;}
#navigation ul li.active{ background-color:#FFF	}

#mainbody {	width:75%; background-color:#FFF; margin-left:200px;}

#hnav { width: 100%; float: left;  margin: 0 0 1em 0; padding: 0; }
#hnav ul {list-style: none; width: 800px; margin: 0 auto; padding: 0; }
#hnav li {float: left; background-color: #f2f2f2; border-bottom: 1px solid #ccc;  border-top: 1px solid #ccc; }
#hnav li a {display: block; padding: 8px 22px; text-decoration: none; font-weight: bold; font-size:13px; color: #FF0000;
      border-right: 1px solid #ccc; }
#hnav li:first-child a { border-left: 1px solid #ccc; }
#hnav ul li.active{ background-color:#FFF}
#hnav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}
#hnav li ul {
	position: absolute;
	width: 30em;
	left: -999em;
}

#hnav li:hover ul {
	left: auto;
}

#hnav li ul li {float: left; background-color: #f2f2f2; border-bottom: 1px solid #ccc;  border-top: 1px solid #ccc; }
#hnav li ul il a {display: block; padding: 8px 22px; text-decoration: none; font-weight: bold; font-size:13px; color: #FF0000;
      border-right: 1px solid #ccc; }
	  
	  
.picture { background-color: #FFF; border: 1px solid #CCCCCC; font: 14px/1.4em Arial, sans-serif; }
.picture img { border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 1px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; }
#nocolor a:link
{
  color: #5f5f5f;
  border-bottom:solid red 1px;
  text-decoration:none;
  
}

#nocolororunderline a:link
{
  color: #ff0000;
  text-decoration:none;
  
}
#nounderline a:link
{

  text-decoration:none;
  
}

#p1 a:link
{
  color: #FF0000;
  text-decoration:none;
  font: normal 23px verdana, Times New Roman, sans-serif;
  
  
}