/* CSS Document */



body {
	background-color: #80a9bb;
}

#container {
	width: 800px;
	height: 800px;
	margin: auto;
	border-width:2px;
	border-color:#fff;
	border-style:solid;
	background-color: #fff;
	}
	
.header {
	background-color: #fff;
	border-width:2px;
	border-color:#fff;
	border-style:none;
	width: 800px;
	height: 70px;

	}
	
/* container_long is used for cv pg2.htm */
	
#container_long {
	width: 800px;
	height: 6000px;
	margin: auto;
	border-width:2px;
	border-color:#fff;
	border-style:solid;
	background-color: #fff;
}
	
	
/* cv_text is used for cv and elsewhere in academic */

.cv_text {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	background-color: #fff;
	color: #369;
	text-decoration:none;
}


.cv_text a {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	background-color: #fff;
	color: #369;
	text-decoration:none;
	margin: 8px 8px 0px 10px;
}

.cv_text a:hover {
    background-color: #fff;
	color: #333;
}

.cv_text_big {
	font-size: 16px;
	font-family: Verdana, Tahoma, sans-serif;
	background-color: #fff;
	color: #369;
	text-decoration:none;
}


/* s (strong / bold) is used for cv pg2.htm */

.s {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	font-weight: bold;
	background-color: #fff;
	color: #369;
	text-decoration:none;
}


/* container_long_artwork is used for projects.htm */
#container_long_artwork {
	width: 800px;
	height: 1700px;
	margin: auto;
	border-width:2px;
	border-color:#fff;
	border-style:solid;
	background-color: #fff;
	}







/* top nav menus mymenu is the main studentmenu is students */
#studentmenu {
    width: 790px;
    height: 50px;
    background-color: #ffffff;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 12px;
	font-weight: bold;
	}
#studentmenu ul {
    list-style:none;
    margin: -29px 0px 0px -40px;
  }

#studentmenu ul li {
    display:block;
    margin: 0px 10px;
    float: left;
	border-width:1px;
	border-color:#999999;
	border-style:solid;
	padding: 0px;
	margin: 0px;
  }



#mymenu {
    width: 700px;
    height: 50px;
    background-color: #ffffff;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 12px;
	font-weight: bold;
	}
#mymenu ul {
    list-style:none;
    margin: 8px 8px 0px -40px;
  }

#mymenu ul li {
    display:block;
    margin: 0px 10px;
    float: left;
	border-width:1px;
	border-color:#999999;
	border-style:solid;
	padding: 0px;
	margin: 0px;
  }
  
.selectedmenu {
	/* THIS NEEDS TO BE INSERTED DYNAMICALLY */
	background-color: #369;
	/* THIS NEEDS TO BE INSERTED DYNAMICALLY */
	border: 1px solid #369;
}

.selectedmenu a {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:none;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 20px;
	display: block;
	}
	
.menu a {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #858283;
	text-decoration:none;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 20px;
	display: block;
}

.menu a:hover {
	display:block;
	background-color: #9ac0d3;
	color: #2F251D;
}


  
/* end top nav menu */

/* left and right column divs used for web projects page */

.left_column {
	width: 300px;
	height: 500px;
	float: left;
	background-color: #fff;
	border-width:1px;
	border-color:#f00;
	border-style:none;
	padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:5px;

}

.right_column {
	width: 470px;
	height: 500px;
	float: right;
	border-width:1px;
	border-color:#f00;
	border-style:none;
	background-color: #fff;
	padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:5px;

}

.projects_text {
	font-size: 14px;
	font-family: Verdana, Tahoma, sans-serif;
	font-weight: normal;
	color: #666;
	text-decoration:none;
	margin: 8px 8px 0px 10px;
}

.projects_text a {
	font-size: 14px;
	font-family: Verdana, Tahoma, sans-serif;
	font-weight: bold;
	color: #666;
	text-decoration:none;

}

.projects_text a:hover {
	font-size: 14px;
	font-family: Verdana, Tahoma, sans-serif;
	font-weight: bold;
	color: #369;
	text-decoration:underline;
}

.project_links {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	background-color: #fff;
	color: #666;
	text-decoration:none;
}


.project_links a {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	background-color: #fff;
	color: #666;
	text-decoration:none;
	margin: 8px 8px 0px 10px;
}

.project_links a:hover {
	font-size: 12px;
	background-color: #fff;
	font-family: Verdana, Tahoma, sans-serif;
	color: #369;
	text-decoration:none;
}

/* end web projects css */

/* begin student texts css */

#stuleft_column {
	width: 380px;
	height: 610px;
	float: left;
	background-color: #fff;
	border-width:1px;
	border-color:#f00;
	border-style:none;
	padding-top:0px; padding-left:5px; padding-right:5px; padding-bottom:5px;

}

#sturight_column {
	width: 380px;
	height: 610px;
	float: right;
	border-width:1px;
	border-color:#f00;
	border-style:none;
	background-color: #fff;
	padding-top:0px; padding-left:5px; padding-right:5px; padding-bottom:5px;

}


.stuproj_desc {
	font-size: 11px;
	font-family: Verdana, Tahoma, sans-serif;
	background-color: #fff;
	color: #369;
	text-decoration:none;
}


.stuproj_desc a {
	font-size: 11px;
	font-family: Verdana, Tahoma, sans-serif;
	background-color: #fff;
	color: #369;
	text-decoration:none;
	margin: 8px 8px 0px 10px;
}



.stuindex {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	background-color: #fff;
	color: #369;
	text-decoration:none;
}


.stuindex a {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	background-color: #fff;
	color: #666;
	text-decoration:none;

}


.row {
	width: 700px;
	height: 180px;
	float: left;
	background-color: #fff;
	border-width:1px;
	border-color:#f00;
	border-style:solid;
	}


	
.box_text {
	width: 150px;
	height: 180px;
	float: left;
	background-color: #fff;
	border-width:1px;
	border-color:#f00;
	border-style:solid;
	padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:5px;
	}
	
.stuindex_pic {
	width: 130px;
	height: 100px;
	float: left;
	background-color: #fff;
	border-width:1px;
	border-color:#f00;
	border-style:solid;
	padding-top:10px; padding-left:10px; padding-right:5px; padding-bottom:5px;
	}
	
	
/* end student texts css */








#containerindex {
	background-color: #fff;
	border-width:1px;
	border-color:#f00;
	border-style:none;
    width:800px;
	height:600px;

}



	
#h1container {
	width: 240px;
	height: 50px;
	float: left;
	background-color: #fff;
	border-width:1px;
	border-color:#f00;
	border-style:none;
	}

#indexleft_column {
	width: 300px;
	height: 500px;
	float: left;
	background-color: #fff;
	border-width:1px;
	border-color:#f00;
	border-style:none;

	}
	
#indexcenter_column {
	width: 350px;
	height: 500px;
	float: left;
	border-width:1px;
	border-color:#f00;
	border-style:none;
	background-color: #fff;
	padding-top:5px; padding-left:20px; padding-right:5px; padding-bottom:5px;
	}
		
#indexh1container {
	width: 340px;
	height: 50px;
	float: left;
	background-color: #fff;
	border-width:1px;
	border-color:#f00;
	border-style:none;
	}	
	


.style1 { background-color: #ffffff;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 12px;
	color: #369;
	float:left; 
	}
	
	
.style2 { background-color: #ffffff;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 16px;
	color: #369;
	float:left; 
	}
	

.cp { background-color: #ffffff;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 10px;
	float:left; 
	}

#centertext {
    background-color: #ffffff;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 12px;
	float:left;
  }
	
	
#indexsright_column1 {
	width: 50px;
	height: 600px;
	float: left;
	border-width:1px;
	border-color:#f00;
	border-style:none;
	background-color: #fff;
	padding-left:60px;

	}
	
#indexright_column2 {
	width: 50px;
	height: 600px;
	float: left;
	border-width:1px;
	border-color:#f00;
	border-style:none;
	background-color: #fff;

	}
	

	
.thumb {	
	width: 50px;
	padding-bottom:5px; padding-right:5px;
}






#right-container {
    width:300px;
    float:left;
	border-width:0px;
	border-color:#999999;
	border-style:none;
}

#thumbnails {
    list-style-type: none;
    margin:0;
    padding:0;
    float:left;
}


#thumbnails li {
    margin:0;
    padding:0;
    float:left;

}

div.small-image-frame {
    background-color:#fff;
    width:185px;
	height:110px;
    margin-bottom:10px;
    margin-left:5px;
    text-align:center;
    padding-bottom:0px;
    padding-top:0px;
	border-width:1px;
	border-color:#999999;
	border-style:solid;
}