body {
		margin: 0;
        padding:0;
        border:0;		
		font-family:Verdana, Geneva, sans-serif;
		/* background-image:url(../images/spiral.png); */
		/*background-color:#875836; */
		background-color:#5e391f;
    }
	
	a {

		text-decoration: none;
		color: #43256f;
		font-weight:normal;
	}
	
		
 	a:hover {

		text-decoration: underline;
		color: #99ccff;
	}	


	
	img {
		border:none;
	}
	

	dd {
		margin-bottom:1em;
	}




/* Header styles */

/* top logo area */

#headerContainer {
	position:relative;
	height: 100px;
	background-color: #3b185a;
	border-bottom: 0px solid #000;
	width: 100%;
	clear:both;
	text-align:center;
	margin:auto;
	background-image:url(../images/purpleback.gif);
	background-repeat:repeat-x;
	 
}













		

.pageWidth{
	width: 1024px;
		margin:auto;
}



/*ADOBE SPRY MENU /////////////////////////////// */
	
	
	

/* container for the Adobe Spry Menu area */
	#navcontainer {
	display: none;
}

.topnavwidth {
		width:1024px;
		background-color:#900b0e;
		margin: auto;

}



ul.MenuBarHorizontal#MenuBar4 li {
	width: auto;
}


ul.MenuBarHorizontal#MenuBar4 ul {
	width: 12em; /* width of the dropdown menu */
}

ul.MenuBarHorizontal#MenuBar4 ul li {
	display: block;
	float: none;
	width: auto;
	border-bottom: solid 1px #666; /*bottom border of each submenu item */
}

ul.MenuBarHorizontal#MenuBar4 a.MenuBarItemSubmenu {
	padding: 0.5em 2em 0.5em 0.75em; 
}




	
	
	
	
/* column container */
	.layout {
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
		border-right: 0px solid #fff; /* adds a border to the left column and to the right edge of the right column */
		border-left: 0px solid #fff;
		
	}
	
	.content {
		float:left;
		width:100%;
		position:relative;
		background-color:#e6dcb8;
	}
	
	
	.leftcol {
		float:left;
		position:relative;
		padding:15px 0 0 0px;
		overflow:hidden;
	}
	
	.rightcol {
		float:left;
		position:relative;
		padding:15px 0 0 0px;
		overflow:hidden;
	}
	
	
	/* 2 Column (left menu) settings - this is the outer layer of the two column layout */
	.container {
		background:#fff;		
	}

	.container .content {
		right:40%;				/* right column width */
		background-color:#e6dcb8;		/* left column background colour */
		border-right: 0px solid #ddd; /*  column border */
				
	}
	.container .rightcol {
		width:40%;				/* right column content width */
		left:97%;				/* 100% plus left column left padding  lower number moves left*/
		font-size: 80%;
	}
	.container .leftcol {
		width:40%;				/* left column content width (column width minus left and right padding) */
		left:9%;				/* (right column left and right padding) plus (left column left padding)  lower number moves left*/
		font-size: 80%;
	}

	
	
	
/* INDEX PAGE LAYOUT ONLY /////////////// */	
	.contentindex {
		float:left;
		width:100%;
		position:relative;
		background-color:#fff;
	}
	
	.indexleft {
		float:left;
		position:relative;
		padding:15px 0 0 0px;
		overflow:hidden;
	}
	
	.indexright {
		float:left;
		position:relative;
		padding:15px 0 0 0px;
		overflow:hidden;
	}
	
	.container2 {
		background:#e6dcb8;		
	}

	.container2 .contentindex {
		right:32%;				/* right column width */
		background-color:#fff;		/* left column background colour */
		border-right: 0px solid #ddd; /* column border */
				
	}
	.container2 .indexright {
		width:32%;				/* right column content width */
		left:98%;/* 100% plus left column left padding  lower number moves left*/
	}
	.container2 .indexleft {
		width:65%;				/* left column content width (column width minus left and right padding) */
		left:2%;				/* (right column left and right padding) plus (left column left padding)  lower number moves left*/
	}
	

	

.indexleft h1 {
	margin: 0 0 0px 0px;
	padding-left: 25px;
	font-size: 130%;
	color: #e6dcb8;
	text-align: left;
}


.indexleft h2 {
	margin: 0 0 0px 0px;
	padding-left: 25px;
	font-size: 120%;
	color: #900b0e;
	text-align: left;
}


.indexleft p {
	margin: 0 0 0px 0px;
	padding-left: 25px;
	font-size: 80%;
	color: #000;
	text-align: left;
}


/* END INDEX PAGE LAYOUT */









	
/* SINGLECOL USED FOR FULL PAGE LAYOUT///////////////////////////////////// */
	
.singlecol {
	width:90%;		
	padding: 0em 5em 2em 5em;
	margin-top:2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}



.singlecol h1 {
	margin: 0 0 15px 0px;
	padding-left: 0px;
	font-size: 150%;
	color: #5e391f;
	text-align: left;
	border-bottom: 1px solid;
	border-bottom-color: #eee;
}


.singlecol h2 {
	margin: 0 0 10px 0px;
	padding-left: 0px;
	font-size: 145%;
	color: #3b185a;
	text-align: left;
}



	
.singlecol a {
	text-decoration: none;
	color: #3b185a;
	font-weight:normal;
}	

.singlecol a:hover {
	text-decoration: underline;
	color: #900b0e;
}	




/* to increase the space after bullet points */
.singlecol ul li {
    padding: .5em 0 .4em 0;
	margin-bottom:0em;
}	


/* END SINGLECOL SYYLES /////////////////////////// */






.toplist ul li {
    padding: 0em 0 .4em 0;
	margin-bottom: 0em;
	margin-left: 2em;
	text-decoration: none;
    border-bottom: 1px solid #eee; /*too inconsistent where the line appears based on word count */
	color:#000;
}	









		
/* spotlight box on the index page */		
div.spotlight {
	background-color: #e6dcb8;
	text-align: center;
}

div.spotlight-text {
	background-color: #e6dcb8;
	/*background-image:url(../images/event2.gif) ;
	background-repeat:no-repeat; */
	padding: 0 0 0px 0px;
	margin: 0 0 0px 0px;
	color: #99ccff;
	font-size:80%;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
	text-align: left;
	height:300px;
	border:0px solid #43256f;
}



#sidebar {
		background:#e6dcb8;
		float:right;
		width:300px;
		margin-bottom: 0px;
		border:0px solid #43256f;
		padding: 0 0 10px 0px;
		margin: 0 0 10px 0px;

}


#sidebar a {
	color: #000;
	text-decoration: none;
	font-weight:bold;

}
	
#sidebar a:hover {

	text-decoration: underline;
	color: #900b0e;
}	




.box {
	border: 1px solid #900b0e;
	padding:1em;
	width:500px;
	font-size:90%;
	color:#ebdcb8;
	text-align:center;
	margin-left:4em;
	margin-top:4em;
	text-align:center;
}
.box a {
	color:#ebdcb8;
}

.box a:hover {

	text-decoration: underline;
	color: #900b0e;
}	






#no-flash {
	z-index: 2;
	position: relative;
	display: block;
	width: 1024px;
	height: 203px;
	margin: 0;
	padding: 0;
	background-image:url(../homeflash/slides/slides/p_0001.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
















table.generic
{
	border-collapse: collapse;
	border: 1px outset gray;
	width: 80%;
	padding: 0em;
	font-size: 100%; 
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	margin-left: 6.5em;
}

th { text-align: center; 
	font-size: 100%; 
	font-family: Verdana, Arial, sans-serif;
	background: #f5efc9;
	border-right: 1px gray;
	padding: .5em;
	width: 100%;
}


td.d1 {
	width: 111px;
	border-top: 0px;
	border-bottom: 1px solid;
	border-right: 1px solid;
	padding: 0em;
	vertical-align: top;
	text-align: center;
}














/* styles for staff and faculty pages */

.photolayout {
	
	width:90%;
	padding-left:2em;
}

.photolayout p {
	border-bottom: 0px solid gray;
	font-size: 80%; 
	display: block; 
	color:#666;
	border-bottom-color: #eee;
	clear:all;

}



.photolayout h1 {
	border-bottom: 1px solid gray;
	font-size: 140%; 
	color:#5e391f;
	border-bottom-color: #eee;
}

.photolayout h2 {
	border-bottom: 1px solid gray;
	font-size: 120%; 
	color:#666;
	border-bottom-color: #eee;
}

.photolayout h3 {
	border-bottom: 0px solid gray;
	font-size: 100%; 
	color:#666;
	border-bottom-color: #eee;

}





.photo-story {
	margin-right: 20px;
	margin-bottom: 10px;
}

p.photo-caption {
	margin-bottom: 5px;
	margin-left: 5px;
	font-style:italic;
	font-size:smaller;
}
.photo 
{
	padding: 2px;
	border: 1px solid #ddd;
	margin-bottom: 5px;
}

	
	
.subpageimagebottom {
	display: none;
}
	
	
	
/* STYLE FOR 2 COLUMN LAYOUT  */
	


#develop-bar {
	clear: both;
	padding-top: 6px;
}
#develop-bar a {
	color: #3b185a;
	text-decoration: none;
}
#develop-bar a:hover {
	color: #3b185a;
	text-decoration: underline;
}

#develop-bar a:visited {
	color: #3b185a;
	text-decoration: underline;
}




#develop-bar p {
	margin-top: 2px;
	margin-left:20px; 
	margin-right:10px;
	font-size: 100%;
	line-height: 130%;
	color:#000;
}
#develop-bar p a {
	text-decoration: underline;
	color:#3b185a;

}
#develop-bar p a:visited {
	color: #3b185a;
	text-decoration: underline;
}

#develop-bar p a:hover {
	color: #900b0e;
	text-decoration: underline;
}



#develop-bar .textbox {
	display: inline;
	float: left;
	width: 400px;
	margin-left: 2px;
	height: auto; 
	padding-bottom: 5px;
}



#develop-bar .textbox2 {
	display: inline;
	float: right;
	width:400px;
	margin-left: 2px;
	height: auto; 
	padding-bottom: 5px;
}

	

/* FOOTER ///////////////////////// */


	
#footer {
	background-color: #000;
	width: 1024px;

	clear: both;
	display: block;
	margin: auto;
	padding: 5px 0px 5px 0px;
	height: auto;
	text-align: center;
	font-size:70%;
	border-top: thin solid #999;
	float:left;
	border: 0px solid #900b0e;

}


#footer ul {
	margin: 0;
	padding: 0;
}
#footer li {
	display: inline;
	color: #fff;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footer li a {
	border-right: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	padding: 0 .66em;
}
#footer li a:hover {
	color: #900b0e;
	text-decoration: none;
}
#footer a.last {
	padding: 0 0 0 7px;
	border-right: 0px solid #fff;

}



#searchbox {
	background-color: #000;
	color: #999;
	margin: 0;
	padding-left: 10px;
	padding-top:20px;
	float:left;
	border: 0px solid #fff;
	text-align:left;

}



#copyright_info {
	background-color: #000;
	text-align: right;
	color: #999;
	margin-top: 0px;
	padding-right: 10px;
	float:right;
		
	border: 0px solid #fff;

}

#copyright_info a, #copyright_info a:visited {
	color: #999;
	text-decoration: none;
}



#copyright_info a:hover, #copyright_info a:active {
	color: #900b0e;
	text-decoration: underline;
}