/* 	Department Template CSS 
	10/10/07						*/
body
	{
	margin: 0;
	padding: 0;
	background-color: #D7D1CA;
	font-family: georgia, times, times new roman, serif;
	font-size:12px;
	line-height: 18px;
	color:#333;
	}
	
ul { list-style-type: none; }

img
	{
	border: 0;
	}
	
img, input, select, label
	{
	vertical-align: middle;
	}
	
select
	{
	background-color: #E5E2DD;
	color: #333;
	font-family: verdana, arial, sans-serif;
	font-size:11px; border-right: 1px solid #A19D9A;
	border-top: 1px solid #A19D9A ;
	border-left: 1px solid #A19D9A ;
	border-bottom: 1px solid #A19D9A; 
	width:185px;
	margin: 3px 0;
	} 


h1, h2, h3, h4, h5, h6
	{
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0;
	}

dl, dt, dd
	{
	margin: 0;
	padding: 0;
	}
	
form
	{
	margin: 0;
	padding: 0;
	}

fieldset 
	{ 
 	padding: 0; margin: 0; border: 0;
	}
	
a {text-decoration:none; border-bottom: 1px solid #A3AA8D;}
a:link {color:#3D5201;}
a:visited {color:#3D5201;}
a:active {color:#3D5201;}
a:hover {color:#000; border-bottom: 1px solid #000;}

input, textarea
	{
	margin: 0;	
	border: 1px solid #ccc;
	color: #000;
	font-size:  11px;
	font-weight: normal;
	padding: 2px;
	}
	
input.top
	{
	background-color: #B4B6A0;
	color: #000;
	width: 100px;
	font-family: georgia, times, serif;
	font-size: 11px;
	}
						
.uberclear
	{
	float: none;
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
	line-height: 0;
	font-size: 0;
	}
	* html .uberclear
	{
	height: 0;
	}

	
	
.wrapper {
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: transparent;
	}
	
.mainContain {
	width: 776px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
	}
	
	
/* HEADER
----------------------------------------------------*/	

	.header {
		height: 108px;
		position: relative;
		}
			
			.header h1 {
				position: absolute;
				left: 22px;
				top: 30px;
				background-image: url("../images/department.gif") ;
				background-repeat: no-repeat;
				background-position: 0 0;
				background-color: transparent;
				width: 188px;
				height: 61px;
				}
				
			.header h1 a {
				display: block;
				width: 188px;
				height: 61px;
				text-indent: -999em;
				text-decoration: none;
				border: 0;
				overflow: hidden;
				}
					
			.header h1 a:hover {
				text-decoration: none;
				background-color: transparent; 
				border: 0;
				}	
					
			.header .topNav {
				position: absolute;
				left: 528px;
				top: 23px;
				width: 225px;
				height: 70px;
				text-align: right;
				font-size: 10px;
				letter-spacing: 1px;
				}
				
			.header .topNav a {text-decoration:none; text-transform: uppercase; border:0;}
			.header .topNav a:link {color:#797F52;  border:0;}
			.header .topNav a:visited {color:#797F52;  border:0;}
			.header .topNav a:active {color:#797F52;  border:0;}
			.header .topNav a:hover {color:#fff;  border:0;}
				
			.header .topNav input {
				border: 0;
				}
					
			.header .topNav input.top {
				font-size: 10px;
				border: 0;
				}
				
				
	.navigation {
		margin-top: 1px;
		margin-left: 0px;
		height: 26px;
		background-color: transparent;
		}
		
			.navigation ul {
				margin: 0;
				padding: 0;
				height: 26px;
				list-style: none;
				}
			
			.navigation ul li {
				display: inline;
				/*float: left;removed 10.15.07*/
				height: 26px;
				margin: 0;
				padding: 0;
				background-color: transparent;
				}
			
			.navigation ul li a {
				/* modified for dept templates */
				/*display: block;removed 10.15.07*/
				float: left;
				padding: 0 14px;
				color: #F5EEE7;
				font-size: 10px;
				letter-spacing: 1px;
				text-transform: uppercase;
				border:0;
				text-decoration: none;
				height: 26px;
				text-align: center;
				line-height: 26px;		
				}
			
			.navigation ul li a:hover { background-color: #4B371F; border:0; }
			.navigation ul li a.on { background-color: #763F06; }
			.navigation ul li a:visited, .navigation ul li a:hover, .navigation ul li a:active { color: #F5EEE7; }
			
	
/* FOOTER
----------------------------------------------------*/
	
.footer {
	width: 731px;
	margin-left: auto;
	margin-right: auto;
	}
	
	.footer a {
		text-decoration:none;
		font-weight: bold;
		text-transform: uppercase;
		border: 0;
		}
		
	.footer a:link {color: #804A15;}
	.footer a:visited {color:#804A15;}
	.footer a:active {color:#804A15;}
	.footer a:hover {color:#000; border:0;}
	
	.bottomNav {
		border-bottom: 1px solid #9D8A79;
		/*border-top: 1px solid #9D8A79;*/
		border-top:0;
		text-align: center;
		padding: 17px 0 12px 0;
		font-size: 10px;
		letter-spacing: 1px;
		}
	
		.bottomNav a {
			margin: 0 15px 0 15px;
			}
		
	.bottominfo {
		margin: 1px 0 0 0;
		padding: 20px 0 20px 0;
		border-top: 1px solid #9D8A79;
		color: #837D75;
		font-size: 11px;
		}
		
		.bottominfo .cellOne {
			float: left;
			width: 415px;
			}
	
		.bottominfo .cellOne a {
			font-size: 10px;
			letter-spacing: 1px;
			}
		
		.bottominfo .cellTwo {
			float: right;
			width: 310px;
			text-align: right;
			font-size: 10px;
			line-height: 14px;
			text-transform: uppercase;
			}
			
		.bottominfo .cellTwo img {
			float: right;
			margin: 0 0 0 10px;
			}
			
			
/* CONTENT
----------------------------------------------------*/

body.department {
	background-color: #D7D1CA;
	}
	
.department .wrapper {
	border-bottom: 2px solid #B09F8F;
	background-image: url("../images/bg_secondary.jpg") ;
	background-color: #fff;
	}
	
	.department .wrapper .mainContain .content {
		clear: both;
		background-image: url("../images/bg_secondaryContent.jpg") ;
		background-repeat: repeat-y;
		background-position: 0 0;
		background-color: transparent;
		padding:0;
		}
	
		.department .wrapper .content .cellOne {
			float: left;
			width: 236px;
		}

		.department .wrapper .content .cellOne h1 {
			width: 236px;
			height: 58px;
			background-repeat: repeat-y;
			background-position: 0 0;
			background-color: #E8E2DB;
			text-align:center;
			font-size: 20px;
			line-height:58px;
			color:#364106;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
			/*text-indent: -999em;*/
		}

		.department .wrapper .content .cellOne .subnav {
			width: 230px;
			margin: 7px 0 25px 5px;
			padding: 0;
			list-style: none;
			}

			.department .wrapper .content .cellOne .subnav li {
				border-bottom: 1px solid #fff;
				font-size:13px;
				background-color: transparent; 
				margin: 0;
				padding: 0;
				}
				
			.department .wrapper .content .cellOne .subnav li.empty {
				border-bottom: 1px solid #A3AA8D;				
				font-size:13px;
				background-color: transparent; 
				color:#bbb;
				padding:6px 6px 6px 18px;
				margin: 0;
				}					

			.department .wrapper .content .cellOne .subnav li a {
				text-decoration: none;
				background-color: transparent; 
				display: block;
				padding: 6px 6px 6px 18px;
				}

			.department .wrapper .content .cellOne .subnav li a:link,
			.department .wrapper .content .cellOne .subnav li a:visited {
				color:#663300; 
				background-color: transparent;
				}

			.department .wrapper .content .cellOne .subnav li a:active {
				color:#fff; 
				background-color: #6C3906;
				}

			.department .wrapper .content .cellOne .subnav li a:hover {
				color:#fff; 
				background-color: #6C3906;
				border-bottom: 1px solid #D2CEC9;
				}

			.department .wrapper .content .cellOne .subnav li.on a,
			.department .wrapper .content .cellOne .subnav li.on a:link,
			.department .wrapper .content .cellOne .subnav li.on a:visited,
			.department .wrapper .content .cellOne .subnav li.on a:active,
			.department .wrapper .content .cellOne .subnav li.on a:hover {
				color: black;
				background-color: #fff;
				}

			.department .wrapper .content .cellOne .subnav li ul {
				list-style: none;
				padding: 0;
				margin: 0;
				}

				.department .wrapper .mainContain .content .cellOne .subnav li ul li {
					padding-left: 23px;
					background-image: url("/images/arrow.gif") ;
					background-repeat: no-repeat;
					background-position: 23px 15px;
					background-color: transparent;
					border: 0;
					border-bottom:1px solid #fff; /* added to fix extra spaces in secondary menus in side nav in IE*/
					}

				.department .wrapper .content .cellOne .subnav li ul li a {
					border: 0;
					color: #666;
					}

				.department .wrapper .content .cellOne .subnav li.on ul li a,
				.department .wrapper .content .cellOne .subnav li.on ul li a:link,
				.department .wrapper .content .cellOne .subnav li.on ul li a:visited,
				.department .wrapper .content .cellOne .subnav li.on ul li a:active,
				.department .wrapper .content .cellOne .subnav li ul li a:link,
				.department .wrapper .content .cellOne .subnav li ul li a:visited,
				.department .wrapper .content .cellOne .subnav li ul li a:active,
				.department .wrapper .content .cellOne .subnav li ul li a:hover {
					color: #666;
					border: 0;
					background-color: transparent;
					}

		.department .wrapper .content .cellTwo {
			float: left;
			width: 539px;	
			padding: 25px 20px 20px 32px;
			voice-family: "\"}\"";
			voice-family: inherit;
			width: 485px;
			}
			/* Begin hiding from Mac IE */
			/* \*/
			html>body.department .wrapper .content .cellTwo 
			{
			width: 485px;
			}
			/* End hiding from Mac IE */

		.department .wrapper .content .cellTwo h1 {
			color: #000;
			font-size: 21px;
			font-weight: normal;
			color: #333;
			margin: 15px 0 30px 0;
			}

		.department .wrapper .content .cellTwo h2 {
			color: #4F2201;
			font-size: 13px;
			font-weight: normal;
			text-transform: uppercase;
			letter-spacing: 1px;
			}

		.department .wrapper .content .cellTwo h3 {
			color: #333;
			font-size: 10px;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 1px;
			}

		.department .wrapper .content .cellTwo h5 {
			color: #000;
			font-size: 17px;
			font-weight: normal;
			color: #333;
			}			

		.department .wrapper .content .cellTwo p {
			color: #333;
			font-size: 12px;
			font-weight: normal;
			line-height: 22px;
			}

		.department .wrapper .content .cellTwo .imageOne {
			float: right;
			margin: 10px 0 15px 15px;
			}

			
/* Extras */

div.dashed { height:1px; width: 100%; border-bottom: 1px dotted #777; }	
hr.thin  { height:1px; width: 100%; background-color: #777; border:0;}	

table.centeredList td.name { text-align:right; font-weight: bold; padding-bottom: 8px;}
table.centeredList td.details {  padding: 0 0 8px 10px;  }
		
ul.creativewriting-facultyList { margin:0; padding:0; }
ul.creativewriting-facultyList li { width: 478px; margin:0; padding:0; padding-bottom: 10px; margin-bottom: 20px; clear:both; }
ul.creativewriting-facultyList li img { float: left; margin: 0 10px 5px 0; border: 1px solid #ddd; padding: 3px; }
ul.creativewriting-facultyList li span.small { font-size: 11px; }
		
ul.facultyList { margin:0; padding:0; }
ul.facultyList li { width: 478px; margin:0; padding:0; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 20px; clear:both; }
ul.facultyList li img { float: left; margin: 0 10px 5px 0; border: 1px solid #ddd; padding: 3px; }
ul.facultyList li span.small { font-size: 11px; }
ul.links { margin:0; padding:0; }
ul.links li { font-size: 11px; display: inline; margin:0; padding:0 ;padding-left: 10px; margin-right: 10px; background: transparent url(/template/images/arrow_sm.gif) no-repeat left; border-bottom: 0; clear:none;}

ul.facultyListSimple li { border-bottom: 0; }

ul.facultyQuick { margin:0; padding:0; float: left; padding-right: 20px; width: 139px; }
ul.nopadding { padding: 0; }
ul.facultyQuick li { font-size: 11px; }

ul.extraline li, ol.extraline li { margin-bottom: 13px; }


img.photo, div.photo { padding: 3px; border: 1px solid #ccc; }
img.right, div.right { float: right; margin: 10px 0 10px 10px; }
img.left, div.left { float: left; margin: 10px 10px 10px 0; }
img.center, div.center { margin: 10px auto; }
img.profile { margin-top: 0; }

p.indent { margin-left: 20px; }
div.indent { margin-left: 30px; }

li.doc { background: url(/images/icons/doc.gif) no-repeat center left; padding-left: 20px;}
li.pdf { background: url(/images/icons/pdf.gif) no-repeat center left; padding-left: 20px;}
li.zip { background: url(/images/icons/zip.gif) no-repeat center left; padding-left: 20px;}
li.xls { background: url(/images/icons/xls.gif) no-repeat center left; padding-left: 20px;}
li.ppt { background: url(/images/icons/ppt.gif) no-repeat center left; padding-left: 20px;}
li.lock { background: url(/images/icons/lock.gif) no-repeat center left; padding-left: 20px;}

table.staff td.desc {  width: 180px; font-size: 10px; font-weight: normal; color: #555555; text-align: right; padding-right: 10px;}
table.staff td.phone { width: 100px; }
table.staff td { width: 200px; vertical-align: top; padding-bottom: 20px; }

ul.extraline li { margin-bottom: 13px; }
ul.square { list-style-type: square; }

p.indent { margin-left: 20px; }

ul.fields li {  padding-bottom: 10px; }
ul.fields h3 { width: 150px; float: left; text-align: right; }
ul.fields ul { margin:0; padding:0; padding-left: 170px; }
ul.fields li ul li { padding: 0; }

table.list { font-size: 12px; }
table.list td { border-bottom: 1px solid #ccc; padding-top: 10px; padding-bottom: 5px; }
table.list td.name { width: 210px; }
table.list td.location { width: 90px; text-align:left; }
table.list td.info { width: 235px; }
table.list td em { font-size: 10px; }
table.list td strong { font-size: 11px;  }		
table.list a { font-size: 11px; }
table.list span.not { font-size: 11px; color: #666; font-style: italic; }

div.continued { display: none; }

table.adrates td { padding: 2px 5px; }

.department .wrapper .content .cellOne h1.jjls { font-size: 14px; }

body.jjls .header h1 { 
	background-image: url("../images/jjls/department2.gif") ; 
	left: 10px;
	top: 18px;
	width: 415px;
	height: 90px;
}
				
body.jjls .header h1 a {
	display: block;
	width: 415px;
	height: 90px;
}

.order-subscriptions th { width:90px; font-weight: normal; }
.order-subscriptions td { text-align: center; border-bottom: 1px solid #ccc;  }
.shipping-info label { width: 100px; display: block; float: left; }
.shipping-info input { margin-bottom: 3px; }
	
.department .wrapper .content .cellTwo h1.calculated-total { color: #990000;  padding: 4px;  border:1px solid #fff;}	

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

ul.uspeak-events { list-style-type:none; margin: 0; padding:0; }
ul.uspeak-events li {  margin-bottom:20px; padding-bottom: 5px; clear:both;}

div.alumni-publications img { width: 100px; }

.testimonial-photo { float: right; margin: 10px; border: 1px solid #ccc; }
	.testimonial-photo img { margin: 2px; }
	.department .wrapper .content .cellTwo .testimonial-photo p { color:#666666; font-size:11px; margin: 2px; text-align: right; }	
	
hr.testimonial { border: none; background-color: #999; height: 1px; margin: 20px 0; }


form.order-form { }

	form.order-form fieldset { margin: 20px 0; }
	form.order-form div.row { clear:both;  }
		form.order-form div.row label { display: block; float: left; width: 70px; text-align: right; margin: 0 10px 5px 0; }
		form.order-form div.row input { float: left; }
		form.order-form div.row div.text { float: left; line-height: 14px; vertical-align: top; }
		form.order-form div.row span.price { font-weight: bold; font-style: italic; margin-left: 5px; }
		form.order-form div.row .verify-note { font-family:arial; color:#555; font-size:11px; }
	
.uspeak-title { text-transform: none; }

table#gallery * { border: 0; }
table#gallery td { text-align: center; width: 120px; height: 82px;}
table#gallery td a { text-decoration: none; }
table#gallery td img { border: 1px solid #ccc; padding: 2px; }

table.creative-writing-calendar {  }
table.creative-writing-calendar td { vertical-align: top;  }
table.creative-writing-calendar tr.title td { font-weight:bold; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; }
table.creative-writing-calendar tr td.subtitle { text-align: right; font-style:italic; color: #777; width: 95px; }

p.mangrove-bio { padding-left: 20px; border-left: 2px solid #eee; margin-bottom:25px; }

div.writenow-heading { padding-left:70px; margin-bottom:20px; background-color:#eee; }

p.uspeak-timelocation, .department .wrapper .content .cellTwo p.uspeak-timelocation { margin-left: 20px; color:#555; line-height: 15px; }

.rsvp-form fieldset dl dt { width: 100px; text-align: right; float: left; }
.rsvp-form fieldset dl dd { margin-left: 120px; margin-bottom: 10px; }

.rsvp-dates * { padding:0; margin: 0; }
.rsvp-dates td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.rsvp-dates th { width: 78px; border-bottom: 1px solid #ccc; padding:0; }
.rsvp-dates td { text-align: center; padding: 0; height: 25px; }
.rsvp-dates td.time, .rsvp-dates th.time { font-size: 14px; color: #333; border-bottom:0; color:#69C; }

div.thanks { border: 1px solid #777; }
	div.thanks p, .department .wrapper .content .cellTwo div.thanks p  { text-align: center; font-size: 13px; color:#C00; }
	
div.photo-caption, .department .wrapper .content .cellTwo div.photo-caption { width: 478px; border: 1px solid #ccc; padding:2px; font-size: 11px; color:#777; margin: 0 0 20px 0; }
	div.photo-caption img { width: 478px; }