/* CSS Document */




/* ************************ */
/* GLOBAL PAGE TAG ELEMENTS */
/* ************************ */

/* set background, margins, font defaults */
body { 
	background-image: url(../_images/page_bg.gif); 
	margin-top: 0px; 
	margin-bottom: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, "MS Sans Serif";
	font-size: small;
	line-height: 150%;
	color: #333;
}

/* Simplified Box Model Hack to force correct font sizing in IE5 */
* html body {
	font-size: x-small; /* for IE5/WIN */
	f\ont-size: small;  /* for other IE versions */
	line-height: 150%;
}

	
/* set header font sizing relative to 90% of 'small' */
h1 { 
	font-size: 160%; 
	color: #633;
	margin: 0px 210px 10px 0px;
	padding: 10px 0px 0px;
}
h2 { 
	font-size: 140%; 
	color: #633;
	margin: 0px 0px 5px;
	padding: 0px;
}
h3 { 
	font-size: 120%; 
	color: #333;
	margin: 0px 0px 5px;
	padding: 0px;
}

h4 { 
	font-size: 105%; 
	color: #000;
	margin: 0px 0px 0px;
	padding: 0px; 
}

table, tr, td { 
	border: none;
	font-family: "Trebuchet MS", Verdana, Arial, "MS Sans Serif";
}

table {
	margin-bottom: 15px;
}
p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	line-height: 150%;
	}
/* images */
img {
	border: none;
	}

/* Defaults all lists to be unpadded  */
ul { 
  margin: 0px 0px 15px 10px;
  padding: 0; 
  list-style: none;
}

/*ul li { padding-left: 10px; background-repeat: no-repeat; background-position: 0 .4em; line-height: 1.4em; } */

ul li {
/* -- Provides custom "arrow" bullet for unordered list items -- */
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 12px;
	background: url(../images/bullet-arrow.gif) no-repeat 0 5px;
	line-height: 150%;
}

ul.noArrows li {
/* -- Provides list with NO arrow bullet or list-style for unordered list items -- */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 150%;
	background: none; !important
}
ul.paddingBottom li {
	padding-bottom: 15px;
}
/* anchors */
a {
  font-weight: bold;
  color: #663333; 
	text-decoration: none;
}

a:visited { 
  color:#663333;
}

a:hover, a.shortcuts:hover { 
  text-decoration: underline; 
}


a.shortcuts:hover { 
  color: #ffffff; 
}

a.shortcuts:link, a.shortcuts:visited, a.shortcuts:active { 
  color: #fafafa;
}


/* *********************** */
/* PAGE STRUCTURE ELEMENTS */
/* *********************** */

/* wraps all content */
#wrapper { 
	/* shave the default font size */
	font-size: 90%;
	/* set the subtle gray and white border for the page */
	width: 779px; 
	background-color: #fff; 
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	border-left: 1px solid #c3c3c3;
	padding: 1px; 
	margin: 0px auto; 
}

#titleBar {
	width: 779px;
	height: 88px;
	margin: 0px;
	padding: 0px;
	}
	
#navbar { 
	clear: both;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	height: 32px;
}

/* Wrapper for Photo and Shortcuts boxes */
#banner { 
  clear: both; 
  width: 779px;
  height: 211px;  
  background-color: #7596A9; 
}

#bannerPhoto { 
  float: left; 
  width: 527px; 
  height: 211px; 
  border-right: 1px solid #FFFFFF;
}

#bannerShortcuts { 
  float: left; 
  width: 230px; 
  height: 191px;
  overflow:hidden;
  background-color: #7596A9; 
	font-family: "Trebuchet MS", Verdana, Arial, "MS Sans Serif", sans-serif;
	font-size:10px;
	padding: 10px;
}

#bannerShortcuts h2 {
	color:#FFFFFF;
	font-weight: normal;
	font-size: 140%; 
}

#shortcutsList {
	padding: 0px;
	margin: 0px;
}
#shortcutsList li { 
  padding-left: 10px; 
  background: url(../_images/bullet-arrow_shortcuts.gif) no-repeat 0 5px; 
  line-height: 16px; 
  color: #FFFFFF;
}

#shortcutsList li a {  
  color: #FFFFFF;
}


#bodyRight, #bodyLeft, #body {
	float: left; 
	color: #333; 
	font-family: "Trebuchet MS", Verdana, Arial, "MS Sans Serif", sans-serif; 
}

#body { 
	width:759px; 
	padding: 50px 10px 10px; 
	line-height: 140%; 
}

#bodyPhoto {
	width: 200px;
	height: 150px;
	float: right;
	margin: -40px 0px 5px 10px;
}

#bodyLeft { 
	width: 527px; 
	line-height: 140%;
	border-right: 1px solid #FFFFFF; 
}

#bodyRight { 
	width:250px;  
	line-height: 110%; 
}

#copyright { 
	padding: 10px; 
	clear: both; 
	font-size: 10px; 
	color: #333; 
	line-height: 150%; 
	border-top: 1px solid #c3c3c3;
}


/* ****************** */
/* MISC PAGE ELEMENTS */
/* ****************** */

/* hide content - useful for 'skip link' */
.hide { 
	display: none; 
}

.imageLeft {
border: none;
margin: 0px 10px 10px 0px;
float:left;
}

.imageRight {
border: none;
margin: 0px 0px 10px 10px;
float:right;
}

.alert {
color: red;
font-weight: bold;
}

/* ****************** */
/* FACULTY PAGE ELEMENTS */
/* ****************** */
.profileImage {
float: left;
border: none;
width: 175px;
height: 200px;
margin: 0px 20px 20px 0px;
padding: 0px;
}

.contactTable {
	width: 450px;
	margin: 10px 0px 10px;
	padding: 0px;
	border: 0px;
}

.contactLabelCell {
	text-align: right;
	vertical-align: text-top;
}

.contactInfoCell {
	text-align:left;
	vertical-align: text-top;
}
h4.profileCategory {
	margin: 20px 0px 10px;
	}

ul.profileLists li {
	padding-bottom: 5px;
	}

#directoryTable tr td {
	padding: 0px 5px 10px 0px;
	}
	
/* ***************************** */
/*   TABLE ELEMENTS     */
/* ***************************** */

table.diagram {
border: 1px solid #666;
width: 525px;
padding: 0px;
margin-bottom: 30px;
}
.diagram th {
	font-weight: bold;
	background-color:#CCC;
	padding: 4px;
	border: 1px solid #666;
}

.diagram td {
	padding: 4px;
	border: 1px solid #666;
	vertical-align: top;
	 }
 
 .diagram tfoot td {
	 font-style: italic;
 }
 
table.gallery {
padding: 0px;
margin-bottom: 30px;
}

.gallery td {
	vertical-align: top;
	padding-bottom: 20px;
}

.testimonial {
	padding: 10px 0px;
	border-bottom: 1px solid #666;
}

.testimonial img {
	width: 200px;
	height: 200px;
	float:left;
	margin: 0px 10px 10px 0px;
}

div.hightlightBox {
	background-color:#E2E2E2;
	margin: 10px 20px; 
	padding: 10px;
}

div.highlightBox a, div.highlightBox a:visited, div.highlightBox a:hover  {
	color:#000000;
}