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

body {
	margin:0px auto;
	padding:0px;
	font: 80%/160% Verdana, Arial, Helvetica, sans-serif;
	background:#222831  url(../images/bgrep.jpg) repeat-x center top;
	position:relative;
}

.clearBoth{
	clear:both;
	margin:0px;
	padding:0px;
}

#mainBody{
	width:936px;
	height:200px;
	background:#666;
	margin:0px auto;		
}

#header{
	background:url(../images/header.jpg) 0px 0px no-repeat;
	width:936px;
	height:391px;	
}

img {
    max-width: 100%;
    max-height: 100%;
}

#profilePicHolder{
	height:344px;
	width:257px;
	float:left;
}

#profilePic{
	width:191px;
	height:330px;
	background:url(../images/Lutteroth-ProfilePic.jpg) 0px 0px no-repeat;
	margin-left:47px;
	margin-top:50px;
	float:left;
}

#topNav{
	height:48px;
	width:936px;
}

#topNav #Bath{
	height:48px;
	width:156px;
	float:right;
	background:url(../images/Bath-Logo2.jpg) 0px 0px no-repeat;
}

#topNav #Auckland{
	height:48px;
	width:151px;
	float:right;
	background:url(../images/UOA_logo.jpg) 2px 2px no-repeat;
}

#contactInfo{
	background:url(../images/topinfo.jpg) 5px 7px no-repeat;
	width:670px;
	height:200px;
	margin-top:93px;
	float:left;
}

#location{
	height:200px;
	width:340px;
	float:left;
}

#location h2{
	padding-left:65px !important;	
	padding-top:25px !important;
}

#location p{
	padding:16px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

#contactInfo h2{
	padding:0px;
	margin:0px;
	font-family:"Times New Roman", Times, serif;
	font-size:25px;
	font-style:italic;
	font-weight:normal;
}

#post{
	height:200px;
	width:330px;
	float:left;
}

#post h2{
	padding-left:55px !important;	
	padding-top:25px !important;
}

#post p{
	padding:16px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

#mainNav{
	height:47px;
	width:936px;
	margin-top:296px;
}

#mainNav ul{
	list-style:none;
	margin:0px 0px 0px 6px;
	padding:0px;
	width:936px;
	
	height:47px;
}

#mainNav ul li{
	margin:0px;
	padding:0px;
	float:left;
	height:47px;
}

#mainNav ul li a{
	margin:0px;
	padding:0px;
	height:47px;
	width:132px;
	display:block;
	text-indent:-5000em;
	outline:none;
}

#mainNav #main a{ background:url(../images/ButtonMain.jpg) 0px 0px no-repeat; }
#mainNav #teachings a{ background:url(../images/ButtonTeachings.jpg) 0px 0px no-repeat; }
#mainNav #students a{ background:url(../images/ButtonStudents.jpg) 0px 0px no-repeat; }
#mainNav #research a{ background:url(../images/ButtonResearch.jpg) 0px 0px no-repeat; }
#mainNav #publications a{ background:url(../images/ButtonPublications.jpg) 0px 0px no-repeat; }
#mainNav #activities a{ background:url(../images/ButtonActivities.jpg) 0px 0px no-repeat; }
#mainNav #Other a{ background:url(../images/ButtonOther.jpg) 0px 0px no-repeat; }

#mainNav #main a:hover{ background:url(../images/ButtonMain_over.jpg) 0px 0px no-repeat; }
#mainNav #teachings a:hover{ background:url(../images/ButtonTeachings_over.jpg) 0px 0px no-repeat; }
#mainNav #students a:hover{ background:url(../images/ButtonStudents_over.jpg) 0px 0px no-repeat; }
#mainNav #research a:hover{ background:url(../images/ButtonResearch_over.jpg) 0px 0px no-repeat; }
#mainNav #publications a:hover{ background:url(../images/ButtonPublications_over.jpg) 0px 0px no-repeat; }
#mainNav #activities a:hover{ background:url(../images/ButtonActivities_over.jpg) 0px 0px no-repeat; }
#mainNav #Other a:hover{ background:url(../images/ButtonOther_over.jpg) 0px 0px no-repeat; }


#mainNav #mainSelected a{ background:url(../images/ButtonMain_over.jpg) 0px 0px no-repeat; }
#mainNav #teachingsSelected a{ background:url(../images/ButtonTeachings_over.jpg) 0px 0px no-repeat; }
#mainNav #studentsSelected a{ background:url(../images/ButtonStudents_over.jpg) 0px 0px no-repeat; }
#mainNav #researchSelected a{ background:url(../images/ButtonResearch_over.jpg) 0px 0px no-repeat; }
#mainNav #publicationsSelected a{ background:url(../images/ButtonPublications_over.jpg) 0px 0px no-repeat; }
#mainNav #activitiesSelected a{ background:url(../images/ButtonActivities_over.jpg) 0px 0px no-repeat; }
#mainNav #OtherSelected a{ background:url(../images/ButtonOther_over.jpg) 0px 0px no-repeat; }


#content{
	background:#FFF;
	width:936px;
	min-height:500px;
}

#content h2{
	font-size:30px;
	margin:0px;
	padding:0px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	width:930px;
	border-bottom:dotted 1px #666;
	font-weight:normal;
	
}

#otherTitle{
	background:url(../images/other.jpg) 10px 10px no-repeat;
	padding:40px 0px 20px 90px !important;
	width:846px !important;
}

#teachingTitle{
	background:url(../images/teachingTitle.jpg) 10px 10px no-repeat;
	padding:40px 0px 20px 90px !important;
	width:846px !important;
}

#studentTitle{
	background:url(../images/studentsIcon.jpg) 10px 10px no-repeat;
	padding:40px 0px 20px 90px !important;
	width:846px !important;
}

#talkTitle{
	background:url(../images/talkTitle.jpg) 10px 10px no-repeat;
	padding:40px 0px 20px 90px !important;
	width:846px !important;
}


#bookTitle{
	background:url(../images/bookTitle.jpg) 10px 10px no-repeat;
	padding:40px 0px 20px 90px !important;
	width:846px !important;
}

#projectTitle{
	background:url(../images/projectTitle.jpg) 10px 10px no-repeat;
	padding:40px 0px 20px 90px !important;
	width:846px !important;
}

#actTitle{
	background:url(../images/actTitle.jpg) 10px 10px no-repeat;
	padding:40px 0px 20px 90px !important;
	width:846px !important;
}

#jourTitle{
	background:url(../images/jourTitle.jpg) 10px 10px no-repeat;
	padding:40px 0px 20px 90px !important;
	width:846px !important;
}

#confTitle{
	background:url(../images/confTitle.jpg) 10px 10px no-repeat;
	padding:40px 0px 20px 90px !important;
	width:846px !important;
}

#insidecontent{
	width:926px;
	padding:5px;
}

#teachingHolder{
	margin-bottom:20px;
}

.publicationHeading{
	height:20px;
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left:50px;
	padding-top:10px;
	padding-bottom:10px;
	color:#000000;
}

.conf{
	background:url(../images/ConferencePublications.jpg) 0 0 no-repeat;	
}

.jour{
	background:url(../images/JournalArticle.jpg) 0 0 no-repeat;	
}

.book{
	background:url(../images/bookTitle.jpg) 0 0 no-repeat;		
}


.tech{
	background:url(../images/technicalTitle.jpg) 0 0 no-repeat;		
}

.talks{
	background:url(../images/talkTitle.jpg) 0 0 no-repeat;	
}

.otherpub{
	background:url(../images/otherPub.jpg) 0 0 no-repeat;		
}

#teachingTime{
	height:30px;
	font-size:25px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../images/cal.png) 0 0 no-repeat;
	padding-left:30px;
	padding-top:2px;
	padding-bottom:10px;
	width:100px;
	float:left;
}

.gradstudentHeading{
	height:30px;
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../images/grad_student.jpg) 0 0 no-repeat;
	padding-left:55px;
	padding-top:5px;
	padding-bottom:10px;
}

.currstudentHeading{
	height:30px;
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../images/currentStudent.jpg) 0 0 no-repeat;
	padding-left:55px;
	padding-top:5px;
	padding-bottom:10px;
}

.studentUL{
	list-style:none;
	width:900px;
	padding-left:30px;
	margin-top:-10px;
}

.studentUL li{
	border-bottom:1px #eaeaea dashed;
}


#course{
	float:left;
	padding:0px;
	margin:0px;
	list-style:none;
}

#course li a{
	height:20px;
	width:783px;
	background:#f6f6f6;
	display:block;
	margin-bottom:2px;
	padding:5px;
	border:1px solid #d2e2f5;
	text-decoration:none;
	color:#000;
}

#course li a:hover{
	background:#227ff1;
	color:#FFF;
	border:1px solid #0e468b;
}


#conference{
	padding:0px;
	margin:0px;
	list-style:none;	
}

#conference li{
	padding:5px 5px 5px 45px;
	width:876px;
	margin-bottom:10px;
	background:url(../images/arrow.jpg) 0px 10px no-repeat;
	border-bottom:1px dotted #cacaca;
	min-height:35px;
}


#conference a{
	text-decoration:none;
	font-weight:bold;
	color:#06F;
}

#conference a:hover{
	color:#000;
}


#projects{
	padding:0px;
	margin:0px;
	list-style:none;	
}

#projects #projectUIModels{
	background:url(../images/ui-logo.jpg) 0 0 no-repeat;
	padding-top:1px;
}

#projects #projectUICustomization{
	background:url(../images/ui-customization-logo.png) 0 0 no-repeat;
	padding-top:1px;
}

#projects #projectModels{
	background:url(../images/se-logo.jpg) 0 0 no-repeat;
	padding-top:1px;
}

#projects #projectEyeGaze{
	background:url(../images/eyegaze-logo.png) 0 0 no-repeat;
	padding-top:1px;
}

#projects #projectVR{
	background:url(../images/vr-logo.jpg) 0 0 no-repeat;
	padding-top:1px;
}

#projects li{
	padding-left:200px !important;	
}

#projects li h4{
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-bottom:0px;
}

#projects a{
	text-decoration:none;
	font-weight:bold;
	color:#06F;
}

#projects a:hover{
	color:#000;
}

#footer{
	background:url(../images/footer.jpg) 0px 0px no-repeat;
	width:936px;
	height:20px;
}