/**
* WCMC Typography 
*/


body {
	font: 12px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #524d47;
	font-weight: normal;
}




/*----------------------------------------------------------------
  HTML TAG BASE DEFAULTS
-----------------------------------------------------------------*/

a { 
	color: #a12929; 
	text-decoration: none;
}

a:hover {
	color: #ffffff;
	cursor: pointer;
}

#guts a:hover {
	background-color: #a12929;
}

h1, h2, h3, h4, h5, h6, h7, h8, h9 {
	font-family: Trebuchet MS, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #342206;
	margin-bottom: .75em;
}
h1 {
	font-size: 32px;
	margin-top: 0;
	padding-top: 0;
	line-height: .9em;
	margin-bottom: .75em;
}
h2 {
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: .025em;
	font-weight: normal;
	color: #a46e08;
	line-height: 1.3em;
}
h3 {
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: .025em;
	font-weight: normal;
	line-height: 1.3em;
}
h4 { 
	font-size: 18px; 
}
h5 {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .025em;
	font-weight: bold;
}
h6 {
	font-size: 14px;
	font-weight: bold;
}
h7 { 
	font-size: 14px; 
}
h8 {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-weight: bold;
}
h9 {
	font-size: 12px;
	font-weight: bold;
}

p {
	color: #393939;
	margin: 0 0 1em 0;
	font-family: Georgia, Serif;
	line-height: 1.6em;
}

em { font-style: italic; }

strong {
	font-weight: bold;
	font-family: Helvetica Neue, Helvetica, Arial, sans;
}

small { 
	font-size:11px; 
	line-height:1.25em; 
	font-family:Arial, Helvetica, sans-serif; 
}

hr { 
	color: #cfcece; 
}

blockquote {
	color: #a0998c;
	padding: 10px 20px 20px 20px;
	font-family: Helvetica Neue, Helvetica, Arial, sans;
	line-height: 1.5em;
	font-size: 12px;
	display: block;
}

sub, sup {
	color: #5e5c5c;
	font-size: .75em;
	font-family: Helvetica Neue, Helvetica, Arial, sans;
}

ol li { 
	list-style: decimal; 
}

ul li { 
	list-style: none; 
}






/*----------------------------------------------------------------
  SPECIFIC CLASSES
-----------------------------------------------------------------*/

.BodyTitle {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #332206;
	text-transform: Uppercase;
}

.pre {
	color: #91736a;
	font-size: 14px;
	font-weight: normal !important;
	padding-bottom: 8px;
}

.pre2 {
	color: #393939;
	font-size: 12px;
	font-weight: normal !important;
}

.pre2 p {
	color: #393939;
	font-size: 12px;
	font-weight: normal !important;
}

.tag { 
	margin-bottom: 20px; 
}

/* Optional add ons for headers */
.bottom-border { 
	border-bottom: solid 1px #cfcece; 
}
.top-border { 
	border-top: solid 1px #cfcece; 
}

.subhead {
	display: block;
	font-size: .7em;
	text-transform: none;
	color: #342206;
	line-height: 1.2em;
	font-weight: normal;
}

.sidebar .left_content_table { 
	background: red; 
}

/* Styles for generic HTML elements */


/* positioning for left and right */
.left {
	float: left;
	margin: .4em 20px 20px 0;
}

.right {
	float: right;
	margin: .4em 0px 20px 20px;
}



/* Generic Table Styles */

table.border_bottom {
	border-bottom: none;
}

table {
	vertical-align: top;
	margin: 5px;
	font-size: 12px;
	border: #cfcece solid;
	border-width: 1px 0;
}

th {
	padding: 5px;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #cfcece;
	background-color: #fafbf5;
}

/*
Table formatting
*/

table td.cols3 {
	width: 33%;
}

table td.width_40pcent {
	width: 40%;
}

table td.width_50pcent {
	width: 50%;
}

table td.width_60pcent {
	width: 60%;
}

td {
	padding: 5px;
	margin: 0;
	border: 0;
	vertical-align: top;
}

/* Styles for insets */
.inset {
	border-bottom: 3px double #CFCECE;
	border-top: 3px double #CFCECE;
	padding-top: 10px;
	width: 210px;
	font-size: 1em;
	font-family: Helvetica Neue, Helvetica, Arial, sans;
}

.inset p {
	font-family: Helvetica Neue, Helvetica, Arial, sans;
	font-size: .9em;
}

.inset h2, 
.inset h3, 
.inset h4, 
.inset h5, 
.inset h6, 
.inset h7 {
	line-height: 1.2em;
	text-transform: uppercase;
	font-weight: ;
	normal: ;
	font-size: 1.5em;
	color: #a0998c;
}

/* for multiple column lists */
.col_list {
	width: 300px;
	float: left;
	margin: 0 20px 20px 10px;
}

.col_2 {
	width: 310px;
	float: left;
	margin: 0 20px 20px 0px;
}

.col_3 {
	width: 208px;
	float: left;
	margin: 0 20px 20px 0px;
}


.col_4 {
	float: left;
	width: 210px;
	margin: 0 20px 20px 0px;
}
	
.last {
	margin-left: 0; 
	margin-right: 0;
}	

.utilities_col {
	width: 310px;
	margin: 0 20px 20px 0px;
}


/* Back to top button (of course) */
.back_to_top {
	margin: 20px 0 0 0;
	clear: left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans;
	float: left;
	white-space:nowrap;
	/* added by Moises so it doesn't wrap in cases were float left/right tags are used. i.e careers/current-employees.html */
}

/* utilities - departments: non-js enabled browsers */
.modal_content_container .filter_bg {
	background: url(/static/images/header/departments_filter_bg2.gif) no-repeat;
	background-color: white;
	margin-bottom:15px;
	padding-left:25px;
	width:90%;
}

.departments .modal_list_column {
	width:310px;
	margin: 0 20px 20px 0;
}

/* Styles for the Guts. Anything in here will only affect whats between the Header and the Footer (including the left nav) */
#content ul, 
#content  ol, 
#content dl {
	line-height: 1.5em;
	margin: 0 0 20px 10px;
	padding: 0 0 0 10px;
}

#content ul {
	background: none;
	list-style-type: disc;
}

#content ul li, 
#content  ol li, 
#content  dl dd { 
	margin-bottom: 16px; 
}

#content dl dt {
	font-weight: bold;
	margin: 0;
}

#content .related_links ul {
	padding: 0;
	margin: 0;
}

#content .related_links li {
	float: left;
	margin: 2px 1px;
}

#content .related_links li a {
	background: #ABA79C;
	padding: 3px 10px;
	color: #ffffff;
	white-space:nowrap;
}

#content .related_links li a:hover { 
	background: #a12924; 
}


#sidebar ul.bullet
{
	list-style-type: disc;
	margin-bottom: 3em;
	padding-left: 10px;
	margin-left: 10px;
}


ul.bullet li
{
	list-style-type: disc;
}

.related_links h2 {
	color: #928e7e;
	border-top: solid 1px #CFCECE;
	padding-top: 10px;
}



.buttons {
	background:#ABA79C none repeat scroll 0 0;
	color:#FFFFFF;
	padding:3px 10px;
}





/*----------------------------------------------------------------
  FORMS
-----------------------------------------------------------------*/

input {
	text-decoration: none; 
	border: solid 1px #524D47; 
	padding: 2px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 12px; 
}

textarea {
	border: solid 1px #524D47; 
}

select {
	border: solid 1px #524D47; 
}

input.textfield {
	width: 100%;
}

/*----------------------------------------------------------------
  LEFT 4TH LEVEL NAV i.e. News and Highlights, Dean's Bulleting, Faculty Nav
-----------------------------------------------------------------*/

.left_content_table {
	padding: 20px 0 0 0px;
	float: left;
	width: 100%;
}


#sidebar h2, 
#sidebar h3, 
#sidebar h4, 
#sidebar h5, 
#sidebar h6, 
#sidebar h7, 
#sidebar h8, 
 {
	padding-left: 8px;
}


#sidebar h2 {
	color: #342206;
	font-size: 18px;
	border-bottom: 1px solid #cfcece;
	margin-bottom: 10px;
}

#sidebar p, 
#sidebar dl, 
#sidebar ol, 
#sidebar ul { 
	margin: 0 0 20px 8px; 
}

#sidebar ul.headLineLink { 
	margin: 0; 
}

#sidebar ul.headLineLink li a {
	background: none;
	color: #717262;
	font-size: 12px;
	padding: 3px 0 2px 8px;
	width: 278px;
	width: 277px;
	display: block;
}

#sidebar .left_content_table ul li a:hover {
	background: #961B1E;
	color: #fff;
}

#footer span a {
	color: #fff; 
	text-decoration: none;
}




/*----------------------------------------------------------------
  MODAL STYLES
-----------------------------------------------------------------*/

.sitemap_404 #sitemap_filter_input {
	display:none;
}

	.modal_content_container {
		background: url(../images/transparent_pixels/white_transparent_pixel_90.png) repeat;
	}
	
	#affiliations {
		width: 300px;
	}
	
	#sitemap {
		width: 970px;
	}

	#related_sites {
		width: 380px;
	}

	#footer #related_sites .modal_list ul a {
		display: block;
		padding:4px 3px 4px 7px;
		width: 325px;
	}
	
		.modal_content_container .close {
			border: 1px solid #8d8a81;
		}
			.modal_content_container .close a {
				color: #8d8a81;
			}
		
			#footer .modal_content_container .close a:hover {
				color: #666;
			}
	
		.modal_list_column ul.section_nav  {
			margin-bottom:11px;
		}

			.modal_list_column ul.section_nav li {
		
			}
	
		.modal_list_column h6 {
   			margin-bottom: 5px;
  		}

  		.modal_list.sitemap_modal h2 {
   			font-size: 20px;
   			color:#393939;
   			padding:3px 6px;
  		}

  		.modal_list.sitemap_modal input {
   			width: 700px !important; 
   			background-repeat: no-repeat;
   			margin: 0 20px 0 7px;
   			padding-left: 22px;
   			font-size: 14px;
  		}
    
  		.modal_list_column h6 a {
   			padding:0px 8px;
   			margin: 0px 0 10px 0;
   			color:#342206;
   			display:block;
   		}

   		.modal_list_column h6 a:hover {
    		background:#961B1E;
    		color:white;
    	}
  
   		#header .modal_list ul,
   		#header .modal_list ul a,
   		#footer .modal_list ul,
   		#footer .modal_list ul a {
    		line-height: 1.25em;
    		color: #524f46;
    	}

		#footer .modal_list ul a:hover {
			background:#961B1E none repeat scroll 0;
			color:#FFFFFF;
			text-decoration:none;
		}
    
    	#header .modal_list ul {
     		margin: -6px 0 10px 5px;
     	}
		
				#header .modal_list ul a:hover {
					background: #961B1E;
					text-decoration: none;
					color: #ffffff;
					text-decoration: none;
					}
	
				.modal_list h3 {
					font-weight: bold;
					font-size: 1.4em;
					padding-bottom: 0;
				}
		
				.modal_list_column {
					float: left;
					width: 225px;
					_width: 210px;
					margin-right: 20px;
				}
		
					.modal_list ul {}
		
						.modal_list ul li {
							line-height: 1.5em;
							}
		
							.modal_list ul li ul {
								margin-bottom: 20px;
							}
			
								.modal_list ul li ul li ul {
									margin-bottom: 0;
								}
			
									.modal_list ul li ul li ul li ul {
										margin-left: 2em;
									}
						
										.modal_list ul li ul li ul li ul li ul {
											margin-left: 10px;
											font-size: 10px;
										}
										
		
		
		#dept_filter_input {
			margin-bottom: 10px;
		}
										
		.modal_list_column ul.section_nav li {
			margin-bottom: 4px;
			width: 225px;
			float: left;
		}
	
		.modal_list_column ul.section_nav li a {
			font-family: Trebuchet MS,Helvetica Neue,Helvetica,Arial,sans-serif;
			font-size: 12px;
			line-height: 14px;
			color: #393939;
			background: none;
			padding: 1px 0 2px 10px;
			width: 215px;
		}
	
		.modal_list_column .no_match {
			opacity:0.4;	
			filter:alpha(opacity=40);
		}
	
		#sitemap .modal_list .modal_list_column a {
			color: #524E47;
			float: left;
		}
		
		.sitemap_modal li.sitemap_hide {
			display: none;
		}
		
		#sitemap .modal_list_column .modal_titles,
		#departments_modal .modal_list_column .modal_titles, 
		.modal_list_column .modal_titles {
			font-size: 14px;
			font-weight:bold;
			font-family: Trebuchet MS,Helvetica Neue,Helvetica,Arial,sans-serif;
			color:#393939;
			width: 225px;
			padding: 3px 6px;
			line-height: 1.25em;
			float: left;
		}
		
			#sitemap .modal_list_column a:hover.modal_titles  {
				text-decoration:none;
				color:white;
				background: #961B1E;
				} 
		
		#departments_modal {
			text-align: left;
		}
			
			#departments_modal a:hover {
				color: #FFFFFF;
			}

				#departments_modal .modal_list_column a:hover.modal_titles  {
					text-decoration:none;
					color:white;
					background: #961B1E;
					} 
			
		.modal_list_column ul.section_nav li a.current {
			width:100%;
			background:none;
		}
	
		.modal_list_column ul.section_nav li a:hover {
			color:white;
			background: #961B1E;
			text-decoration:none;
		}
	
			.modal_list .modal_list_column ul.section_nav li div.secondary_nav {
				width: 195px;
				font-size: 11px;
				border: none;
				background: none;
				margin-left:15px;
				margin-top:0px;
				padding: 0px;
				display:block;
			}
		
					.modal_list .modal_list_column ul.section_nav li div.secondary_nav ul li {
						position: relative;
						background: none;
						margin: 0;
						margin-bottom: 0px;
						display:inline
					}

						.modal_list .modal_list_column ul.section_nav li div.secondary_nav ul li a {
							width:185px;
							color: #524E47;
							padding: 4px 3px 4px 7px;
							background: none;
							background-image: none;
							font-size:12px;
						}

						.modal_list_column ul.section_nav li div.secondary_nav ul li a:hover {
							color: white;
							background-color: #961B1E;
							background-image: none;
						}

						.modal_list .modal_list_column ul.section_nav li div.secondary_nav ul li div.tertiary_nav {
							position: relative;
							left: 40px;
							top: 0;
							width:150px;
						}

						.modal_list_column ul.section_nav li div.secondary_nav ul li div.tertiary_nav ul li a {
							display:block;
							width:144px;
						}
							
		.modal_list .modal_list_column ul.section_nav .home {
			display:none;
		}

		.modal_list .modal_list_column ul.section_nav li a.more_button {
			display:none;
		}
		
		
		


