/*normalizing*/

body, div, ul, li, h1, h2, h3, h4, h5, h6, p, td

{margin:0; padding:0;}

h1, h2, h3, h4, h5, h6

{font-size: 100%;}

ul

{list-style:none;}

img

{

	border:0;

	margin: 0px;

	padding: 0px;

}



/*-------------------------------------------*/

/*fixed width-, centered*/

body{

	mid-width: 760px;

	text-align: center;

	color: #333333;

	font-size: 85%;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-color: #FFFFFF;

	background-image: url(gradfour.jpg);

	background-repeat: repeat;

	}

#wrapper {

	text-align: left;

	position: relative;

	width: 840px;

	background-color: #FFFFFF;

	border-left-style: inset;

	border-right-style: ridge;

	border-right-width: medium;

	border-right-color: #CCFF66;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	border-left-width: thin;

	border-left-color: #bcbdc1;

		}

#content{

	width: 826px;

	margin-top: auto;

	background-color: #eaeaea;

	padding: 5px;

	z-index: 2;

	position: relative;

	top: 15px;

	border-top-style: double;

	border-left-width: 1pt;

	border-right-width: 1px;

	border-top-style: double;

	border-left-style: double;

	border-right-style: double;

	border-top-color: #eaeaea;

	border-left-color: #CCCCCC;

	border-right-color: #cccccc;

	border-bottom-width: medium;

	border-bottom-style: solid;

	border-bottom-color: #eaeaea;

}



.gardner #content {

	height:815px;

}

/*.jill #content {

	height:2620px;

}*/

.jill p {

	padding-right: 20px;

}



.givens #content {

	height:1630px;

}



/*-----------------stuff for tags----------------------*/

p {

	margin-top: 1px;

	padding-left: 14px;

	padding-bottom: 10px;

	padding-right: 70px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.9em;

	}

li {

	line-height: 17px;

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: .85em;

	vertical-align: middle;

	padding-left: 5px;

	}	

h4{

	background-color: #bddab4;

	height: 12px;

	font-family: Georgia, Times New Roman, Times, serif;

	font-style: normal;

	font-size: .9em;

	color: #633;

	text-align: left;

	text-indent: 7px;

	letter-spacing: 2pt;

	font-style: italic;

	padding-top: 10px;

	margin: 5px;

	padding-bottom: 5px;

	border-left-width: 2px;

	border-left-style: double;

	border-left-color: #ccc;

	z-index: 90;

}

ul ul {

	text-indent: 15pt;

}

li li {

	font-size: 1em;

}



/*-----------------------navigation stuff*/

#navigation li{

	display: inline;

	vertical-align: middle;

	margin: 5px;

	padding-top: 1px;

	padding-right: 2em;

	padding-bottom: 1px;

}

#navtwo li{

	display: inline;

	padding: 20px;	

}	



	

a:link, a:visited {

color: #6699CC;

text-decoration: none;

}

a:hover, a:active {

	color: #330033;

	background-color: #c9c3ed;

	text-decoration: underline overline;

}



#navigation {

	width: 840px;

	height: 50px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #333399;

	border-bottom-color: #CCCCCC;

	font-size: 100%;

	}

/*secondary navigation*/

#navtwo {

	left: 0px;

	width: 837px;

	background-color: #cccccc;

	border-top-width: thin;

	border-right-width: thin;

	border-bottom-width: thick;

	border-left-width: thin;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #bddab4;

	border-right-color: #bddab4;

	border-bottom-color: #bddab4;

	border-left-color: #bddab4;

	padding-top: 15px;

	margin-top: 15px;

}



/*----------------------------------boxes-----------------*/

/*faculty pic*/

#box2 {

	position: absolute;

	left: 11px;

	top: 161px;

	width: 187px;

	height: 209px;

	z-index: 5;

	border-right-width: thin;

	border-right-style: solid;

	border-right-color: #003399;

}

#box2 img {

		border: 0.9pt solid #999999;

}

/*address info*/

#box3 {

	background-image: url(../library/grayback.jpg);

	background-repeat: repeat-x;

	width: 343px;

	height: 126px;

	color: #333;

	text-indent: 5px;

	border-top-width: 0.8pt;

	border-top-style: solid;

	border-top-color: #669966;

	background-color: #FFFFFF;

}

#box3 h4 {

	margin-right: 25px;

}



/*education*/

#box4{

	width: 471px;

	background-image:url(../library/boxj.jpg);

	background-repeat:repeat-x;

	text-indent: 5px;

	color: #333333;

	padding-right: 10px;

	padding-bottom: 10px;

	margin-top:250px;

	left: 6px;

	background-color: #FFFFFF;

}

#box5{

	position:absolute;

	width:322px;

	background-image:url(../library/bluelong.gif);

	background-repeat:repeat-x;

	left: 493px;

	top: 384px;

	font-family: Arial, Helvetica, sans-serif;

	text-indent: 5px;

	border-bottom-width: 0.9pt;

	border-left-width: 0.9pt;

	border-bottom-color: #CCCCCC;

	border-left-color: #CCCCCC;

	border-right-width: 0.9pt;

	border-right-color: #CCCCCC;

	z-index: 4;

	padding-bottom: 10px;

	padding-right: 10px;

	}

#box4 img {

	padding-left: 15px;

	margin-top: 5px;

}

/*--------------rolls--------------------*/

/*holds all, move this and move all roll stuff*/

#box1 {

	width:486px;

	left: 342px;

	position:absolute;

	top: 5px;

	z-index: 90;

	height: 305px;

	background-image: url(../library/grayback.jpg);

	background-repeat: repeat-x;

	border-top-width: 0.08em;

	border-top-style: solid;

	border-top-color: #669966;

}

/*holds all but box1, move this and move all but box1*/

#info {

	position:absolute;

	left: -322px;

	top: 84px;

	width: 469px;

}

#menu {

	position:absolute;

	top:67px;

	left:188px;

	width:74px;

	z-index:108;

	height:153px;

	

}

#move {

	left: 44px;

	top: 0px;

	position:absolute;

	height: 140px;

	width: 40px;

}	

/*got to stay block--describes the 1st menu column*/

#menu a.p1, #menu a.p1:visited {

	display:block;

	width:30px;

	height:30px;

	text-decoration:none;

	top:0;

	left:0;

	border: thin solid #eaeaea;

}

/*2nd column*/

#move a.p1, #move a.p1:visited {

	display:block;

	width:30px;

	height:30px;

	text-decoration:none;

	top:0;

	left:0;

	border: thin solid #eaeaea;	

}

/*large image loaded at no size -note menu contains move*/

#menu a .large {

	display:block;

	position:absolute;

	width:0;

	height:0;

	border:0px;

	left: -139px;

	top: -50px;

	}

/*image that shows 1st*/

#infoback{

	position:absolute;

	height:300px;

	left: 309px;

	top: -80px;

	width: 486px;

	background-image: url(../library/grayback.jpg);

	background-repeat: repeat-x;

	text-align: center;

	margin-top: 0.08em;

	margin-right: 0.08em;

	margin-bottom: 0.08em;

	margin-left: 0.08em;

}

#infowords{

	position:absolute;

	width:600px;

	height:37px;

	color:#333333;

	left: 200px;

	top: 243px;

	height: 37px;

	z-index:9;

	text-align: left;

	background-color: #669966;

	text-indent: 10pt;

	font-size: 1em;

	font-style: italic;

	}

/*this is the roll up one, where-ever and what-ever size !*/

/*change this zindex and the thumbs show instead*/

#menu a.p1:hover img{

	width:486px;

	height:300px;

	top:-146px;

	left:122px;

	position:absolute;

	display: block;

	}

/*second column roll-up*/

#move a.p1:hover img{ 

	left:78px;

	}

/*loads words*/	

#menu a.p1 .words {

display:none;}

/*location of words - 1st menu column*/

#menu a.p1:hover .words{

	width:600px;

	height:37px;

	top:176px;

	left:12px;

	position:absolute;

	color:#333333;

	z-index:10;

	background-color:#669966;

	text-indent: 10pt;

	font-style: italic;

	font-size: 1em;

	text-align: left;

	display: inline;

	}

/*words for 2nd menu column*/

#move a.p1:hover .words{

	left:-32px;

}	





.jose #box4 {

margin-top:275px;

}

#tall {

	margin-top: -9px;

	height: 9px;

	padding-top: -2px;

}

.rx #content {

	height: 1850px;

}

.gardner #content {
	height:1960px;

}
.gardner #box5 {
	padding-bottom: 30px;
}

