/* CSS Document [law] */

/* ---------- links ---------- */
a:link {color:#782626; cursor:pointer; text-decoration:underline;}
a:visited {color:#782626; cursor:pointer; text-decoration:underline;}
a:hover {color:#000; cursor:pointer; text-decoration:none;}
a:active {color:#990000; cursor:pointer; text-decoration:none;}


/* ---------- global classes ---------- */	
.clearer {clear:both; font-size:1px; height:1px; background-color:transparent;}
.separator {clear:both; height:30px; background-color:transparent;}


/* ---------- global styles ---------- */
form {border:0; margin:0; padding:0;}
fieldset {border:0; margin:0; padding:0;}
input {border:1px solid #ddd; font-family:inherit; font-size:inherit; height:20px; margin:1px; padding:1px 2px; width:150px;}
select {border:1px solid #ddd; font-family:inherit; font-size:inherit; height:20px; margin:1px; padding:1px 2px 1px 0; width:150px;}
textarea {border:1px solid #ddd; font-family:inherit; font-size:inherit; height:80px; margin:1px; padding:1px 2px; width:150px;}

	input.button {border:1px solid #ccc; background-color:#eee; cursor:pointer; height:26px; text-align:center; width:auto;}

	a img {border:0; margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
q:before, q:after, blockquote:before, blockquote:after {content:"";}



/* ---------- body ---------- */
body {background:#fff;
font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-size:12px;
font-weight:normal;
margin:0;
padding:17px 25px;
text-align:left;}

	
/* ---------- layout ---------- */
	#main {margin:0 auto; max-width:1000px; min-width:948px; /*width:948px; */
	width: expression(document.body.clientWidth < 965? "948px" : document.body.clientWidth > 1000? "1030px" : "auto");
	}
		#top {border-top:1px solid #fff; background:#890000;}
			#top #logo {float:left;}
				#top #logo .logo-red {width:440px; background:#831212; height:88px; float:left; display:inline;}
					#top #logo .logo-red img {margin:12px 10px 0 20px; float:left; display:inline;}
					#top #logo .logo-red h1, #top #logo .logo-red h2, #top #logo .logo-red strong {font-family: Georgia, "Times New Roman", Times, serif; font-size:26px; font-weight:normal; display:block; margin:25px 0 2px 0; padding:0; color:#fff; line-height:26px; text-decoration:none;}
					#top #logo .logo-red a {font-family: Georgia, "Times New Roman", Times, serif; color:#fff; text-decoration:none;}
					
					#top #logo .logo-red span {font-family:Tahoma, sans-serif; font-size:12px; font-weight:normal; display:block; margin:0; padding:0; color:#CC9D9D; clear:right;}
					
				#top #logo .logo-white {width:440px; background:#fff; height:88px; float:left; display:inline;}
					#top #logo .logo-white span {font-family: Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; display:block; margin:35px 0 5px 58px; padding:0; color:#000;}
				#top #logo img {float:left; }
			
/* ---------- system menu ---------- */
		#sysmenu {color:#656265; float:right; font-size:11px; padding:25px 8px 0 0;}
			#sysmenu a {color:#656265; display:block; font-size:11px; line-height:14px; text-decoration:none;}
			#sysmenu span {color:#000; display:block; font-size:11px; line-height:14px;}
				#sysmenu a:hover {color:#000;}
			
		#block {clear:both; background:#891213 url(../img/main.jpg) top center repeat-x; height:263px; padding:0 0 16px 0;}
		#nextblock {clear:both; background:#891213; height:153px; padding:0 0 18px 0;}
			#nextblock .image-1 {background:url(../img/next.jpg) top center repeat-x; height:153px;}
			#nextblock .image-2 {background:url(../img/next3.jpg) top center repeat-x; height:153px;}
			
			/*#menusearch {background:#474747; float:right; line-height:18px; margin:41px 0 0 0; padding:10px 0 10px 0; width:72%;}*/
			#menusearch {background:#474747; float:right; margin:41px 0 0 0; padding:0;/*10px 0 10px 0*/ width:/*72%*/74%;}
			#nextblock #menusearch {margin:0;}
				#topmenu {float:left;}
					#topmenu a {background:url(../img/dots-1.gif) center left no-repeat; color:#fff; font-size:14px; /*padding:4px 24px 2px 20px;*/ padding:13px 16px 14px 16px; text-decoration:none; float:left;}
						#topmenu a.first {background:none;}
						#topmenu a.active {background:#821212;}
						#topmenu a:hover {color:#ddd; text-decoration:none;}


/* ---------- search ---------- */	
	#search {float:right; display:inline; text-align:right; width:/*293px*/240px; margin:10px 6px 10px 0;}
		#search input {border:1px solid #000; display:inline; font-size:11px; float:left; height:17px; margin:0; padding:0 5px; width:/*170px*/140px;}
			#search input.button {background:transparent url(../img/search.gif) left bottom no-repeat; border:0; color:#fff; cursor:pointer; font-size:12px; height:16px; margin:0 0 0 /*16px*/8px; padding:0 0 0 /*25px*/16px; width:70px;}
		strong.tx-indexedsearch-redMarkup {color:#000;}


/* ---------- menu ---------- */
	#menu {display:inline; float:left; /*height:38px; line-height:38px;*/ margin:116px 0 0 0; padding:0; width:100%;}
		#menu .menu-cont {background:#fff; margin:0 1px; height:38px; line-height:37px;}
		#menu .menu-l {float:left; display:inline; height:38px; width:44px;}
		
	#nextblock  #menu {margin:71px 0 0 0;}
	
		#menu a {background:url(../img/dots-2.gif) center left no-repeat; font-size:14px; text-decoration:none; color:#000; padding:10px 23px 11px 28px;}
			#menu a.first {background:none;}				
			#menu a.active {background:#891213; color:#fff;}	
			#menu a.active:hover {color:#fff;}	
			#menu a:hover {color:#6E1616; text-decoration:none;}

/* ---------- pathway styles ---------- */
	#pathway {background:#891213; color:#fff; float:right; font-size:11px; padding:0 8px 7px 16px; margin-top:-7px;}
		#pathway a {color:#fff; text-decoration:none;}
		#pathway span {color:#CB9D9D;}
		#pathway a:hover {color:#CB9D9D;}
		
	
	
/* ---------- layout ---------- */
 	#content {clear:both; padding:15px 30px 30px 30px;}
		#content .left {float:left; width:44%;}
		#content .right {float:right; width:50%;}
		
		#nextcontent .left-next {float:left; width:53.7%;}
		#nextcontent .right-next {float:right; width:15.4%; margin-top:10px;/*55*/}
		
/* ---------- submenu first level ---------- */
	#nextcontent {clear:both; padding:0 20px 30px 20px;}
		#nextcontent .submenu {float:left; width:22%; margin-right:4.4%;}
			#nextcontent .submenu ul {padding:0 0 0 8px; margin:0;}
			#nextcontent .submenu ul li {background:url(../img/dots-line.gif) bottom left repeat-x; list-style-type:none; padding:10px 0; margin:0;}
				#nextcontent .submenu ul li a {color:#6E1616; text-decoration:none;}
					#nextcontent .submenu ul li a:hover {color:#000;}
					#nextcontent .submenu ul li strong a {color:#000;}
			
			
/* ---------- submenu second level ---------- */
		#nextcontent .submenu2 {background:url(../img/dots-line.gif) top left repeat-x; margin:75px 0 20px 0;}
			#nextcontent .submenu2 ul {padding:8px 0; margin:0;}
			#nextcontent .submenu2 ul li {list-style-type:none; padding:0 0 0 6px; margin:8px 0;}
			#nextcontent .submenu2 ul li a {text-decoration:none;}
			#nextcontent .submenu2 ul li a:hover {color:#000;}
			#nextcontent .submenu2 ul li strong a {color:#000;}
		


	#main p {font-size:12px; margin:13px 0; padding:0; line-height:16px;}
		#main p.align-right {text-align:right;}
	#main ol {margin:10px 2px 16px 20px; padding:0 0 0 20px; list-style-type:decimal;}
	#main ul {margin:10px 2px 16px 20px; padding:0 0 0 20px; list-style-type:disc;}
	#main li {margin:0 0 0 5px; padding:0 0 0 5px; line-height:16px;}
	#main b, #main strong {font-weight:bold;}
	#main i, #main em {font-style:italic;}
	#main h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; line-height:22px; margin:35px 0 30px 0; padding:0;}
	#main h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; line-height:20px; margin:35px 0 30px 0; padding:0;}
	#main h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; line-height:18px; margin:35px 0 20px 0; padding:0;}
	#main h4 {color:#831212; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:16px; font-weight:normal; margin:25px 0 20px 0; padding:0;}
	#main h5 {background:url(../img/dots-line.gif) bottom left repeat-x; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:normal; line-height:16px; margin:4px 0; padding:12px 0;}
	#main h6 {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; line-height:12px; margin:4px 0; padding:0;}

/* ---------- news styles on main page ---------- */
	#main .line {background:url(../img/dots-line.gif) center left repeat-x; clear:both; height:1px; font-size:1px; padding:13px 0;}
	#main .news span {color:#474747; clear:both; font-size:11px; float:left; width:28%;}
	#main .news a {color:#6E1616; float:left; text-decoration:none; width:72%; padding:0 0 2px 0;}
		#main .news a:hover {text-decoration:none; color:#000;}
	
	#main .news .news-rss-archive {clear:both; padding:0 0 0 0; text-align:right;}
		#main .news .news-rss-archive a {color:#000; float:none; font-size:11px; padding:0 5px; text-decoration:underline; width:auto;}
		
/* ---------- news styles on news page ---------- */
	#main #nextcontent .news span {width:24%;}
	#main #nextcontent .news a {width:76%; font-size:14px;}
	

	#main .news-list {margin:20px 0 0 0; padding:0 0 20px 0; background:url(../img/dots-line.gif) bottom left repeat-x; clear:both; overflow:hidden;}
	#main .news-single {margin:0; padding:0 0 20px 0; background:url(../img/dots-line.gif) bottom left repeat-x; clear:both; overflow:hidden;}
	
	#main .news-single h4, #main .news-list h4 {margin:2px 0 4px 0;}
	#main .news-single img, #main .news-list img {float:left; border:2px solid #ACACAC; margin:0 10px 10px 0;}
	#main .news-content {}
	#main .news-single .date, #main .news-list .date {color:#474747; font-size:11px;}
	#main .news-single div.hide {display: none;}
	#main .news-single div.topic-image-big {width: 220px;}

	#main .news-image-single {float:left; display:inline; margin:13px 10px 10px 0; width:210px;}

/* ---------- publications styles ---------- */
	#content .publications img {border:1px solid #dadada; margin:0 12px 10px 0; float:left;}
	#content .publications .book {float:left; width:174px; padding:8px;}
		#content .publications .book a {text-decoration:none;}
		#content .publications .book p {text-indent:0; margin:0; padding:0; color:#474747; display:block; font-size:10px;}


/* ---------- form styles ---------- */
	.form-style label {clear:both; float:left; font-weight:normal; margin:5px 20px 0 0; padding:4px 0 0 0; text-align:right; width:120px;}
	.form-style  input, .form-style select {float:left; margin:5px 0 0 0; width:150px;}
	.form-style textarea {float:left; margin:5px 0 0 0; width:300px; height:200px;}
		.form-style input.button {margin-top:16px; width:100px;}


/* ---------- lecturer ---------- */
	#main .lecturer {clear:both; margin:0 0 0 0; padding:25px 0 25px 0; background:url(../img/dots-line.gif) bottom left repeat-x; clear:both; overflow:hidden;}
		#main .lecturer img {float:left; margin:0 10px 4px 0; border:2px solid #ACACAC;}
		#main .lecturer-info {float:left; display:inline; width:80%;}
		#main .lecturer-photo {float:left; display:inline; width:20%;}
		#main .lecturer h3 {margin:0 0 5px 0; font-size:16px; line-height:16px;}
			#main .lecturer h3 a {color:#000; text-decoration:none;}
		#main .lecturer p {margin:10px 0 10px 0; text-indent:0; color:#474747;}
		
		#main .lecturer ul {margin:10px 0 10px 0; padding:0 0 0 20px;}
		#main .lecturer li {margin:0; padding:0; color:#851212; font-size:11px; list-style-type:square;}
			#main .lecturer li a {color:#851212; font-size:11px;}
		
	#main div.csc-textpic img {border:2px solid #ACACAC;}
	#main div.csc-textpic-intext-left div.csc-textpic-imagewrap {margin-right:30px!important;}

	
	#main h4.link a {color:#000; text-decoration:none;}
	

/* ---------- gallery ---------- */
	#main .gallery img {float:left; display:inline; border:2px solid #ACACAC; margin:4px 4px 0 0;}
	#main .gallery p {text-indent:0;}
	#main .gallery .gallery-list {padding:25px 0 25px 0; background:url(../img/dots-line.gif) top left repeat-x;}
	
	
/* ---------- faq styles ---------- */	
	#main .tx-irfaq-pi1 .additional-info {border:0; background:url(../img/dots-line.gif) center bottom repeat-x; padding:0 0 10px 0;}
	#main .faq-q {color: #782626;}
		#main .faq-q p {margin:4px 0;}
	#main .faq-n {color: #474747; font-size:11px;}
		#main .faq-n p {margin:4px 0;}
	#main .faq-a {font-weight:bold; margin:15px 0 5px 0;}
		#main .faq-a p {margin:4px 0;}

/* ---------- bottom ---------- */	
	#bottom {clear:both; border-top:16px solid #474747; font-size:11px; overflow:hidden;}
		#bottom a {color:#474747; text-decoration:none;}
			#bottom a:hover {color:#000; text-decoration:none;}
		
		#copyrights {float:left; display:inline; padding:12px 0 8px 13px;}

		#webdes {float:right; display:inline; padding:12px 13px 8px 0;}

		#bottom-menu {color:#02050B; float:left; display:inline; clear:both; padding:0 0 2px 5px;}
			#bottom-menu a, #bottom-menu span {padding:0 7px 0 9px;}