html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	vertical-align:baseline;
}


html
{
    height:100%; 
    margin-bottom: 0px; 
}

body 
{

    text-align:left;
    height:100%; 
    margin-bottom: 0px;
	font-family: 'Roboto', sans-serif;
	direction:ltr;
	color:rgba(96,98,102,1.00)
}

.container
{
	margin:0 auto;
	width:960px;
	
}

.header
{
	height:82px;
	margin:0 auto;
	width:100%;

}

.header .container
{
	padding-bottom:16px;
	border-bottom:dotted 3px rgba(96,98,102,1.00);

}

.header ul {
	list-style: none;
	float:right;
	margin-top:44px;
	margin-right:40px;
	
}
.header li 
{
	margin-left: 30px;
	float: left;
}

.header li a
{
	text-decoration:none;
	display:inline-block;
	color:rgba(96,98,102,1.00);
	font-size:19px;
	font-weight:bold;
}

.header li a:hover
{
	color:#166ff5;	
}

.header a.logo
{
	margin-top:29px;
	text-decoration:none;
	display:inline-block;
	color:brown;
	font-size:32px;
	
}

.header a.logo:hover
{
	color:#166ff5;	
}

.contact
{
	margin-top:35px;
	color:rgba(96,98,102,1.00);
	font-size:19px;
	margin-left:42px;
	float:left;
	display:inline-block;

}

.contact span
{
	color:brown;
}

.contact a.faculty
{
	text-decoration:none;
	display:inline-block;
	color:rgba(96,98,102,1.00);
	font-size:19px;
}

.image
{
	margin:0 auto;
	float:left;
	width:180px;
	height:208px;
	margin-top:40px;
	background-image:url(../images/irit.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	transition:0.3s;
	display:inline-block;

}

.image:hover
{
	background-image:url(../images/irit2.jpg);
	background-position:center;
	transition:0.3s;
	background-size:108% 108%;
	
}

h1.iam
{
	font-weight:300;
	margin-top:36px;
	font-size:19px;
	color:rgba(96,98,102,1.00);
	border-bottom:dotted 3px rgba(96,98,102,1.00);
	border-top:dotted 3px rgba(96,98,102,1.00);
	padding-bottom:16px;
	padding-top:12px;
	display:inline-block;
	width:66%;
	float:left;
	
}

.main
{
	width:80%;
	margin-top:5px;
	float:left;
}

a.focs
{
		font-size:24px;
		text-decoration:none;
		color:purple;
		display:inline-block;
		margin-top:36px;
		padding-top:6px;
		padding-bottom:6px;
		padding-right:6px;
		border-bottom:dotted 3px rgba(96,98,102,1.00);
		border-top:dotted 3px rgba(96,98,102,1.00);
		float:right;
}

a.focs span
{
	font-weight:200;
}



.main a.focs:hover
{
	color:#166ff5;	
}

a.faculty:hover
{
	color:#166ff5;	
}

.community
{
	margin-top:0px;
	padding-bottom:30px;
	border-bottom:dotted 3px rgba(96,98,102,1.00);
	margin-bottom:40px;
	display:inline-block;
}

.community h2
{
	margin-top:30px;
	font-size:22px;
	width:505;
	font-weight:bold;
	color:brown;
	
}

.community h3.ws
{
	margin-top:50px;

}

.community h3
{
	color:brown;
	font-size:20px;
	margin-top:30px;
}

.community li
{
	color:rgba(96,98,102,1.00);
	font-size:18px;
	
	font-weight:300;
	margin-top:20px;
	margin-left:30px;
}



.community ul
{
	margin-bottom:30px;
}

.community li a
{
	text-decoration:none;
	color:rgba(96,98,102,1.00);
}

.community li a span
{
	font-weight:100;
}
	
.community li a:hover
{
	color:#166ff5;
}

.community h3 a
{
	text-decoration:none;
	color:brown;
}

.community h3 a span
{
	text-decoration:underline;
}

.community h3 a:hover
{
	color:#166ff5;
}

.community ul.pc li
{
	display:inline-block;
	width:147px;
	margin-top:20px;
	margin-left:23px;
	
}

.community ul.pc
{
	margin-bottom:42px;
	margin-top:12px;
}

.community ul.ws li a
{
	margin-left:10px;
	
}

.community ul.ws li
{
	margin-bottom:20px;
}