@charset "utf-8";
/* CSS Document */

.container{
	font-size:14px;
	text-align:justify;
}

#header{
	margin-top:0;
	padding-top:12px;
	height:110px;
/*
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
*/
	background-color:#fff;
	position:relative;
	margin-bottom:8px;
}

#title{
        font-family:Arial, Helvetica, sans-serif;
	padding-top:30px;
	font-size:27px;
        font-weight:bold;
		margin-left:2px;
	color:#444;
	text-align:right;
	padding-bottom:2px;
	margin-bottom:0;
        text-transform:uppercase;
	/* border-bottom:1px solid #123; */
}

#subtitle{
	text-align:right;
	font-size:20px;
	color:#444;
	padding:0 auto;
	margin:0 auto;
}

#topband{
	position:absolute;
	top:5px;
	right:5px;
	text-align:right;
}

#mainmenu{
	height:318px;
	background-color:#444;
	
/*	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
*/
	margin-right:0;
	overflow:hidden;
	padding:0;
}


#mainmenu ul{
	display:block;
	list-style:none;
	margin:0;
	margin-top:25px;
	padding:0;
	
}

#mainmenu ul li{
	margin-left:20px;
	margin-right:10px;
	padding:5px;
	margin-bottom:0;
	border-bottom:dotted 1px #fff;
	position:relative;
	
}


#mainmenu ul li a{
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	width:100%;
	color:#FFF;
	padding-left:5px;
	text-decoration:none;
}

#mainmenu ul li a:hover{
	background-color:#ccc;
	color:#440e0e;
}

#mainmenu ul li.blink{
	text-decoration:blink;
}

#slideshow{
	
	text-align:left;
	height: 318px; /* important to be same as image height */
	position: relative; /* important */
   	overflow: hidden; /* important */
      }

#slideshowContent {
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   list-style-type:none;
   padding:0;
   margin:0;
   z-index:0;
}

.slideshowImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   z-index:0;
}

.slideshowImage span {
   position: absolute; /* important */
   left: 0;
   font: 12px/17px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width:100%;   
   background-color: #CCC;
   filter: alpha(opacity=60); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #603;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}


#leftbar, #rightbar, #main{background-color:#ccc;}
#leftbar h3, #rightbar h3, #main h3, #recruiters h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	border-bottom:2px dotted #999;
	margin:0;
	padding:0;
	padding-top:10px;
	padding-left:3px;
	color:#444;
	margin-bottom:4px;
	
	}
	
#main p{
	padding:2px 9px;
	}
	
#leftbar table, #rightbar table{
	width:100%;
	border-collapse:collapse;
        text-align:left;
}


#news, #gallery, .events {
	margin:2px;
	margin-left:10px;
	height:auto;
	margin-right:10px;
	text-indent:0;
	

	
}

.events{
	font-size:10px;
}

#news{
height: 165px;
}

#news ul{
	list-style-type:none;
	padding:0;
	margin:0;
	}
	
#news li{
	padding:3px;
	margin:0;
        text-align:left;
		font-size:12px;
	}
	

#recruiters{
	background-color:#ccc;
	height:95px;
}



#footer{
	padding-top:10px;
	border-top:1px solid #CCC;
	background-color:#444;
	color:#fff;
	
}

#footer p{
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:12px;
	padding:2px 7px;
	
}

#footer h3{
	padding:10px 4px 4px 4px;
	margin-left:4px;
	color:#fff;
	border-bottom:1px solid #fff;
	
}



#login_form{
	display:none;
	position:absolute;
	bottom:25px;
	left:100px;
	background-color:#FC9;
	border:1px solid #F00;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:5px;
	color:#666;
	
}

#footer table{
	width:90%;
	border-collapse:collapse;
	margin-left:5px;
	}

#footer table tr td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom:1px dotted #999;
	padding:3px;
	margin:3px;

}

#footer table tr td.date{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:3px;
	text-align:center;
	vertical-align:top;
	
}

#footer div ul{
list-style-type: none;
margin:0;
padding:0;

	}
	
#footer div ul li{
padding:0;
margin:0;
list-style:none;
padding:3px;
border-bottom:1px dotted #f7e7e7;


}

#footer div ul#courses li{
	
	text-align:left;
}

#footer div ul#courses li ul li{
	padding-left:5px;
	margin-top:3px;
	font-size:12px;
	border-bottom:0 none;	
 }

#footer li a{
	display: block;
	text-decoration: none;
	padding:2px 5px;
	color: inherit;
	font-size:12px;
}

#footer li a:hover{
	background-color:#ccc;
	color:#440e0e;
	}