body,html {
	color: #000;
	background-color: #fff;
	height:100%;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border:0;
	background-color: transparent;
}

ul {
	line-height: 1.5em;
	list-style-type: square;
	margin: 0.5em 0 0 1em;
	padding: 0;
	list-style-image: url(bullet.gif);
	text-align: left;
}

li {	
	margin-bottom: 1em;
}

#main {

}

.main_head {
	position: relative;
   	top: 0px;
	left: 0px;
	height: 100px; 

	border: 0;
	margin: 0;
	padding: 0;
}

.head_foot {
	position:relative; 
	top: 82px; 
	color: #000;
	background-color: #dde6ef;
	z-index: 1;
}

.logo_pic {
	position: relative;
	top: 24px;
	float: left; 

	text-align: left; 

	margin: 0; 
	padding: 0;

	z-index: 10;

}

.logo_uniud {
	position: relative;
	float: right;

      	text-align: right; 

	margin-left: -100px;
	padding: 0;

	z-index: 10;

}


.nav_bar {
	position: relative;
	top: 0px;

	clear: both;

	font-family: Arial, Helvetica, sans-serif;
      	font-weight: bold;
	font-size: 13px;

	border: 0px;

	text-decoration: none;

	color: #dee7ec;
      	background-color: #8cacbb;

	height:18px;

	margin: 0;
	padding: 0;
}

.nav_bar a {

	font-weight: bold;
	border: 0px;

	color: #dee7ec;
	background-color: #8cacbb;

	padding-left: 10px;
	padding-right: 10px;

	text-decoration: none;
}

.nav_bar a:hover {

	color: #436976;
	visibility:visible;

	padding-left: 10px;
	padding-right: 10px;

	background-color: #dee7ec;
}

.current_pos {
	color: #000;
	background-color: #fff;
      	border-bottom: 1px solid #8cacbb;
	padding-left: 10px;
	font-size: 12px;
}

.current_pos a {
	text-decoration: none;
	color: #8cacbb;
	background-color: #fff;
}

.body_container {

	margin: 10px auto;
	background-color: #fff;
	color: #333;
	line-height: 130%;

	font-size: 12px;

}

.menu {

	float: left;
	width: 160px;
	margin: 0;
	padding: 10px;

	font-size: 10px;

}

.content {

	margin-left: 200px;
	border-left: 1px solid gray;

	padding: 10px 20px 10px 10px;

	z-index: 1;

	height: 550px;
}

.action_tools {
	margin-top: 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #8cacbb;
	text-align: right;
	padding: 0px;
}

.action_tools a {
	text-align: right;
	text-decoration: none;
	padding: 0px;
	border: 0;
}

.action_tools h2 {
	
	margin-top: 0px;
	margin-bottom: -16px; 
	font-size: 18px;
	text-align: left;	
}

#left_slot {

	margin-left: 0px;

	padding-top: 10px;

	float: left;
	width: 45%;
	height: 90%;

	text-align: center;

}


#left_slot h2 {

	font-size: 18px;
	text-align: left;
}


#right_slot {

	margin-right: 10px;

	padding-left: 10px;
	padding-top: 10px;

	float: right;

	border: 1px solid #8cacbb;

	width: 45%;
	height: 70%;
	
	text-align: center;


}

#right_slot h2 {

	font-size: 18px;
	text-align: left;
}

#calendar-container {

	float: left; 
	margin-left: 0px; 
	margin-bottom: 0px; 
	border: 0px;
}

.box {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #8cacbb;
}

.box p {
	text-align: left;
}

.box h3 {
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
}

.valid_w3 {
	border: 0;
	text-align: right;
	margin: 0;
	padding: 0;
}

.footer {      
	color: #000;
	background-color: #dee7ec;
	text-align: center;
       
      	border-top: 1px solid #8cacbb;
	border-bottom: 1px solid #8cacbb;

      	padding-top: 5px;
      	padding-bottom: 5px;

      	margin-top: 10px;
      	margin-bottom: 10px;

	font-size: 12px;
}
