/* CSS Document */

body {
	color: #003366;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
#outcontainer {
	margin:auto;
	width:800px;
	height: auto;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	color: #000000;
	border-bottom: 1px solid #000000;
    
	}
	
.content{
	float:left;
	width:780px;
	height: auto;
	margin-left:auto;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding:0 10px 0 10px;
	background:url(../images/background-image-2.jpg) no-repeat #FFFFFF;
}	



#header {
	width:auto;
	height:100px;
	background-color:#000000;
	color:#FFFFFF;
	overflow:auto;
	border-bottom: 1px solid #000000;
	background:url(../images/header-4.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
		


.home a, .about a, .uniwork a, .personel a, .contact a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:16px;
	text-decoration: none;
	display:block;
	padding:10px 5px 10px 5px;
	background-color:#336666;
	}
	
.home a:hover, .about a:hover, .uniwork a:hover, .personel a:hover, .contact a:hover {
	color:#000000;
	background-color: #FFFFCC;
	text-decoration:underline;
	}
	
.home{
	float:left;
	width:159px;
	border-bottom: 1px solid #FF9966;
	border-right: 1px solid #FF9966;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:16px;
	background-color:#0066CC;
	text-align:center;
	}

.about{
	float:left;
	width:159px;
	background-color:#0066CC;
	border-bottom: 1px solid #FF9966;
	border-right: 1px solid #FF9966;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:16px;
	text-align:center;
	}
	
.uniwork{
	float:left;
	width:159px;
	background-color:#0066CC;
	border-bottom: 1px solid #FF9966;
	border-right: 1px solid #FF9966;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:16px;
	text-align:center;
}
	
.personel{
	float:left;
	width:159px;
	background-color:#0066CC;
	border-bottom: 1px solid #FF9966;
	border-right: 1px solid #FF9966;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:16px;
	text-align:center;
}


.contact{
	float:left;
	width:159px;
	border-bottom: 1px solid #FF9966;
	border-right: 1px solid #FF9966;
	background-color:#0066CC;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:16px;
	text-align:center;
}

.level-1{
	float:left;
	width:780px;
	border-bottom: 1px solid #FF9966;
	border-right: 1px solid #FF9966;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:16px;
	background-color:#0066CC;
	text-align:center;
}



.content a {
	color:red;
	font-weight:bold;
	text-decoration:none;
}

.content a:hover {
	color:green;
}

.right {float:right;padding:10px}
h1 {text-align:center;font-size:20px;font-family:Arial, serif;margin:0;padding:0;color:#666666
}

#floattext{
float:left;
}
#floatconfused{
float:right;
margin-right: 300px;
margin-top: 25px;
}

#floatimg{
float:left;
margin: 0 0 0 0;
}

h1{
text-align:left;
color:#666666;
font-family:"Courier New", Courier, monospace;
text-decoration:underline
}

h3{
text-align:center;
color:#009900;
font-family:"Courier New", Courier, monospace;
text-decoration:underline;
font-size:16px;
}

#id semester{
text-align:left;
color:#33CC66;
font-family:"Courier New", Courier, monospace;
text-decoration:underline;
font-size:18px;
}