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

body {
	background-color:#000;
}

#ubercontainer {
	width:1024px;
	height:768px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	width:1024px;
	height:160px;
}

#content {
	width:1024px;
	height:465px;
	background-image:url(../images/content.jpg);
}

#left {
	width:330px;
	height:465px;
	float:left;
	position:relative;
	margin-left:100px;
}

.leftport {
	background-image:url(../images/left_port.jpg);
}

.rightport {
	background-image:url(../images/right_port.jpg);
}

.leftcli {
	background-image:url(../images/left_cli.jpg);
}

.rightcli {
	background-image:url(../images/right_cli.jpg);
}

.leftvit {
	background-image:url(../images/left_vit.jpg);
}

.rightvit{
	background-image:url(../images/right_vit.jpg);
}

.leftproj {
	background-image:url(../images/left_proj.jpg);
}

.rightproj {
	background-image:url(../images/right_proj.jpg);
}

.leftteach {
	background-image:url(../images/left_teach.jpg);
}

.rightteach {
	background-image:url(../images/right_teach.jpg);
}

#lnav {
	width:290px;
	height:400px;
	margin-left:20px;
	margin-top:20px;
	float:left;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#300;
	font-weight:bold;
	overflow:auto;
	overflow-x:hidden;
}

#lnav a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

#lnav a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#300;
	font-weight:bold;
	text-decoration:underline;
}

#lnav2 {
	width:305px;
	height:400px;
	margin-left:20px;
	margin-top:20px;
	float:left;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#300;
	font-weight:bold;
	overflow:auto;
	overflow-x:hidden;
}

#lnav2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

#lnav2 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#300;
	font-weight:bold;
	text-decoration:underline;
}

#form {
	width:470px;
	height:320px;
	margin-left:20px;
	margin-top:20px;
	float:left;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#300;
	font-weight:bold;
	margin-left:20px;
	float:left;
	position:relative;
}

#right_content {
	width:470px;
	height:320px;
	margin-left:20px;
	margin-top:20px;
	float:left;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#300;
	font-weight:bold;
	margin-left:20px;
	float:left;
	position:relative;
}

#right_content a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

#right_content a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#300;
	font-weight:bold;
	text-decoration:underline;
}


.vitimg {
	margin-left:78px;
	margin-top:70px;
	position:relative;
	float:left;
	filter:alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;
}

.vitimg:hover {
	margin-left:78px;
	margin-top:70px;
	position:relative;
	float:left;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
}


#right {
	width:505px;
	height:360px;
	float:left;
	position:relative;
}
	

#nav {
	width:350px;
	height:80px;
	float:left;
	position:relative;
	margin-left:80px;
	margin-top:12px;
}

.toes {
	width:65px;
	height:80px;
	float:left;
	position:relative;
	margin-left:4px;
	filter:alpha(opacity=35);
	-moz-opacity:.35;
	opacity:.35;
}

.toes:hover {
	width:65px;
	height:80px;
	float:left;
	position:relative;
	margin-left:4px;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
}

#title {
	width:1024px;
	height:65px;
}

.titport {
	background-image:url(../images/title_port.jpg);
}

.titcli {
	background-image:url(../images/title_cli.jpg);
}

.titproj {
	background-image:url(../images/title_proj.jpg);
}

.titteach {
	background-image:url(../images/title_teach.jpg);
}

.titvit{
	background-image:url(../images/title_vit.jpg);
}

#footer {
	width:1024px;
	height:78px;
	background-image:url(../images/footer.jpg);
	overflow:hidden;
}

#footer_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	text-align:center;
	margin-top:18px;
	filter:alpha(opacity=35);
	-moz-opacity:.35;
	opacity:.35;
	font-weight:bold;
}

/*Left Nav - Individual Components*/
#lnav_interior {
	overflow:auto;
	overflow-x:hidden;
}

#lnav_interior2 {
	width:290px;
	height:300px;
	overflow:auto;
	overflow-x:hidden;
	margin-left:20px;
	color:#300;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	position:relative;
}

#lnav_interior2 a {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:600;
}

#lnav_interior2 a:hover {
	color:#300;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight:600;
}


#listunit {
	width:100%;
	height:90px;
	margin-bottom:3px;
	filter:alpha(opacity=55);
	-moz-opacity:.55;
	opacity:.55;
	}

#listunit:hover {
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	}

#imagelistunit {
	width:100px;
	height:80px;
	background-color:#000000;
	float:left;
	}

#contentlistunit {
	width:170px;
	height:65px;
	float:left;
	margin-left:3px;
	margin-top:16px;
	}

.contentlist {
	font-size:10px;
	}
	

#topnav {
	width:200px;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	margin-top:20px;
	margin-left:20px;
	}

#topnav a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	}

#topnav a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	text-decoration:underline;
	}
	
	#righty {
	width:50%;
	float:left;
	text-align:center;
	}

.porttitles {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:600;
	color:#000000;
	margin-top:11px;
	}

.portdesc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	margin-top:2px;
	}

.portdesc a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	text-decoration:none;
	}

.portdesc a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	text-decoration:underline;
	}

.porttopnav {
	width:50px;
	height:75px;
	text-align:center;
	float:left;
	margin-right:5px;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	}

.porttopnav:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}