/*
	project: web application template
	author: luka cvrk (www.solucija.com)
*/

*{ margin: 0; padding: 0; }*
body { margin:0; background: #efefef url(../images/bg1.jpg); font: .74em "Trebuchet MS", Arial, Sans-Serif; color: #444; }
	h1 { font-size: 2.8em; font-weight: bold; float: left; }
	h1 a { text-decoration: none; font-family:arial; }
	h2 { font-size: 2em; color: #FFF2B3; font-weight: normal; margin: 0 0 .8em; }
	h3 { font-size: 1.3em; border-bottom: 1px solid #eee; margin:0.8em 0.3em 0.8em; }
	p  { margin: 0 0 .1em 0; line-height: 1.5em; text-align:left;}
	.head  { margin: 0 0 2em 0; line-height: 1.8em; text-align:left; font-size:16px;}
	em { border-bottom: 1px dotted #fff; cursor: pointer; }
	a { color: #9d2900; }
	a:hover { color: #0072BC; text-decoration: none; }
	img { border: 0; }
	.red { color: #9D2900; }
	
.wrap { width: 900px; margin: 0 auto; }
 
#header { width: 900px; height: 50px; margin: 0 auto; }
	#menu  { float: right; padding: 6px 0 0 0; list-style: none; }
		#menu li { display: inline; }
		#menu a { display: block; float: left; margin-left: 30px; padding: 7px; text-decoration: none; font-size: 13px; color: #000000; }
		#menu a:hover { color: #000; border-bottom: 2px solid #ccc; }
		#menu .active a { border-bottom: 2px solid #C70012; color: #9D2900;}
 
#teaser { clear: both; height: 259px; background: #fff url(../images/teaserbg.jpg) repeat-x; }
	.box { float: left; padding: 66px 0 0; width: 480px; color: #C7E3EE; }
	#image { float: right; width: 388px; position: relative; top: 16px; background: url(../images/logotype.jpg) no-repeat top right; height: 258px; }
	
#bar { height: 40px; margin: 0 0 30px; padding: 8px 0 0 0; background: url(../images/bar.gif) repeat-x; }
	.step { cursor: pointer; color: #FAFDDD; padding: 4px 0 0 11px; margin: 0 35px 0 0; font-size: 1.4em; float: left; text-align: center; background: url(../images/step.gif) no-repeat; height: 30px; }
	.step a { color: #fff; margin: 0 10px 0 0; }
	
.col { float: left; width: 276px; margin: 0 12px 16px 0; padding:5px;}
	.last { float: right; margin:0px;padding:4px 0 0 0; }
	.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px; }

#footer { clear: both; width: 886px; margin: 0 auto; padding: 5px; border-top: 1px solid #e0e0e0; background:#bbd9ed;/* background: #fff url(../images/small_logotype.gif) no-repeat right 13px; */ }	
	#footer .right { float: right; margin: 0 55px 0 0; }
	#footer a { color: #222; font-weight: normal; }

ul.left {
	padding:0px;
	margin:0px;
	list-style:none;
	color:#555;
	
	}
ul.left li{
	padding:2px 0 5px 15px;
	font-weight:bold;
	}
ul.left li a{
	text-decoration: none;
	font: bold 11px/18px Arial, "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}
ul.left li a.active{
	color:#c00;
}
#bodyPannel{
	/*  background:url(../images/midle_bg.gif) repeat-y 0 0 #0072bc; color:#4E4628;  */
	width:225px; padding:0 0px; float:left;}
#bodyPannel form.search{
	background-color:#FFFFFF; color:#000000; border:#ECE8DB 0px solid;
	width:225px; 
	padding:7px 17px 18px 17px;
	float:left;}
#bodyPannel form.search h2{
	background:url(../images/search_h2_bg.gif) no-repeat 0 0 #FFFFFF; color:#786E4E;
	width:197px; padding:0 0 10px 40px; float:left;
	font:normal 24px/42px Georgia, "Times New Roman", Times, serif;}
#bodyPannel form.search h2 span{
	background-color:#FFFFFF; color:#0B0B0B;
	font:normal 24px/42px Georgia, "Times New Roman", Times, serif;}
#bodyPannel form.search label{
	background-color:#FFFFFF; color:#0B0B0B; margin:0 0 8px 0; float:left;
	font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#bodyPannel form.search input{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:158px; height:22px; padding:2px; margin:0 0 8px 0; float:right;
	font:normal 14px/20px Arial, Helvetica, sans-serif;}
#bodyPannel form.search p{
	background-color:#FFFFFF; color:#CC0000; float:left; margin:6px 0 0 0;
	font:normal 13px/15px Arial, Helvetica, sans-serif;}
#bodyPannel form.search input.check{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:15px; height:15px; float:left; margin:6px 0 0 9px;}
#bodyPannel form.search input.submit{
	background:url(../images/submit_bg.gif) no-repeat 37px 0 #FFFFFF; color:#0B0B0B; border:none;
	width:53px; height:13px; float:right; margin:7px 0 0 0; padding:0 23px 0 0; cursor:pointer;
	font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.span_head {
	font-family: Cambria;
	color : #0072BC;
	font-size:24px;
	text-decoration : underline;
	font-weight:bold;
	padding-left:5px;
}
ul#left{
	margin-left:0px;
	padding-left:10px;
	list-style:none;
}

ul#left li.selected{
	margin:0px;
	padding:7px 0 0 22px;
	display:block;
	background:#fff;
	background:#fff url(../images/more_bg.gif) 2px 9px no-repeat;
	color:#0072BC;
	font-weight:bold;
	border-bottom:none;
}

ul#left li{
	margin:2px;
	padding:7px 0 0 22px;
	display:block;
	background:#fff url(../images/more_bg.gif) 0px 9px no-repeat;
	color:#000;
}

ul#left li a{
	color:#000;
}

ul#left li a:hover{
	color:#0072BC;
}

ul#left li.selected a{
	color:#000;
}

p.text{
	font-size:1.1em;
	color:#555;
	text-align:justify;
	margin:2px;
	padding:2px 2px 2px 8px;
	line-height:1.7em;
}
ul.text{
	margin:5px 20px;
}
ul.text li{
	font-size:1.1em;
	color:#555;
	text-align:justify;
	margin:2px;
	padding:2px 2px 2px 8px;
}

p img{
	margin:5px;
}
p.text span.author{
	color:#2A509C;
	float:right;
	font-size:1.1em;
	font-weight:bold;
}
table.text td{
	border-bottom:1px solid #ddd;
}

table.faculty{
	padding:5px;
	font-size:1.1em;
}

table.faculty th{
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #eee;
	margin:10px;
}

table.faculty td{
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #eee;
	margin:10px;
	line-height:1.5em;
}
div.img_gallery{
	background:#f1f1f1;
	margin:0px;
	border:1px dashed #fafafa;
	padding:8px;
	float:left;
	width:45%;
	text-align:center;
}
div.img_gallery p{
	font-weight:bold;
}
div.img_gallery img{
	border:6px solid #fff;
}
/* form styles */
form.default{
	background:#faFCFF;
	padding:4px;
	color:#555;
}

form.default fieldset, fieldset.default{
	border:3px double #106291;
}

form.default legend, fieldset.default legend{
	color:#fff;
	padding:5px;
	font-weight:bold;
	text-align:left;
	background:#106291;
	border:3px double #106291;
	margin-left:10px;
}

form.default th{
	text-align:left;
	padding:5px;
	color:#555;
	width:30%;
	border-bottom:1px dashed #cfcfcf;
}

form.default td{
	text-align:left;
	padding:5px;
	color:#555;
	border-bottom:1px solid #dfdfdf;
}

form.default td.heading{
	text-align:center;
	padding:5px;
	color:#555;
	font-weight:bold;
	background:url(../images/skin1/th_bg1.gif) 0px 0px repeat-x;
}
/* --------------- */

div.college{
	width:250px;float:left;margin:12px;border:1px solid #ddd;background:#efefef;text-align:center;
}