div#fade {
	background: #fff url( ../../../images/new/topfade_beige.gif);;
	background-position:  top center;
	background-repeat: repeat-x;
}

/* Special */

.print_only {
	display: none;
}

h1.title {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.5em;
	color: #fff;
	background-color: #292929;
	border-bottom: none;
	padding: 8px 5px 6px 15px;
	margin: 2px;
}


div#content {
	font: 105%/180% "Helvetica", Arial, Verdana, sans-serif;
}

div#content h1 {
                font: normal 250% "Helvetica", Arial, sans-serif;
		color:#222;
		padding: 30px 0 10px 0;
                margin: 0 0 10px 0;
	}
		
	div#content h2 {
                font: normal 180% "Helvetica", Arial, sans-serif;
		color: #222;
                margin: 20px 0 5px 0;
                padding: 0;
  }

	div#content h3 {
            font: 140% "Helvetica", Arial, sans-serif;
	    color: #222;
            padding: 10px 0;
            margin: 0;
	    line-height: 18px;
  }

	div#content h4 {
            font: 120% "Helvetica", Arial, sans-serif;
	    color: #222;
            padding: 0 0 5px 0;
	    line-height: 18px;
  }

	div#content h5 {
            font: 110% "Helvetica", Arial, sans-serif;
	    color: #222;
            font-weight: bold;
            padding: 0;
	    line-height: 18px;
  }

	div#content p {
		color: #222;
		margin: 0 0 1.5em 0;
	}

	div#content p small {
		color: #222;
		margin: 0 0 1.5em 0;
                padding: 0;
	}


/* ---------------------------------------------------------------- 
 *  Content
 * ---------------------------------------------------------------- 
*/ 

div#content {
	min-height: 700px;
	width: 715px;
        float: left;
	padding: 0 0 50px 20px;
	margin: 0;
	line-height: 1.6em;
	}

div#inner-content {
	padding-left: 10px;
	}

div.content-inner-inner {
	min-height: 700px;
	width: 450px;
        float: left;
	padding: 0 0 50px 0;
	margin: 0;
	line-height: 1.6em;
	}

div#content div#title img {
	margin: 2em 0 0 0;
        display: block;
}

div#content div#local_header img {
	margin: 2em 0 0 0;
        display: block;
	border: 3px solid #d9d3c3;
}

	div#content div#border {
		border: 3px solid #d9d3c3;
                width: 400px;
                height: 300px;
	}

div#content img {
	border: 3px solid #d9d3c3;
}

div#content img.right {
	clear: none;
	float: right;
        margin: 0 0 20px 20px;
	border: 3px solid #d9d3c3;
}

div#content img.right_noborder {
	clear: none;
	float: right;
        margin: 0 0 20px 20px;
	border: none;
}


div#content img.left {
	clear: none;
	float: left;
        margin: 0 20px 20px 0;
	border: 3px solid #d9d3c3;
}

	div#content ul {
		list-style: disc;
		margin: 0 0 2em 25px;
	}

		div#content ul li, div#content ol li {
			padding: .4em 0;
		}

	        div#content ul li ul {
		        list-style: disc;
		        margin: 0 0 0 15px;
	        }

	div#content blockquote {
		padding: 0 0 0 15px;
		border-left: 1px solid #ebe8e3;
		margin: 0 0 2em 0;
	}

div#content dl {
	border-bottom:1px solid #eee;
	}

div#content dl dd {
	border-top:1px solid #eee;
        border-left:1px solid #eee;
	border-right:1px solid #eee;
        padding: 10px 9px;
	font: normal 100% "Helvetica", Arial, Tahoma, sans-serif;
	margin: 0 0 0 155px;
        height: auto;
	}

div#content dl dt {
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	color:#333;
        padding: 10px 0 10px 10px;
	font: bold 100% "Helvetica", Arial, Tahoma, sans-serif;
        width: 145px;
        height: auto;
        float: left;
	}

	div#content hr {
		height: 1px;
		background-color: #ebe8e3;
		color: #ebe8e3;
		padding: 0;
		border: none;
		margin: 2.5em 0 1.5em 0;
	}


/* ---------------------------------------------------------------- 
 *  Hide and Sow text-javascript
 * ---------------------------------------------------------------- 
*/ 

div#content span.small {
	font: 60% "Helvetica", Arial, Verdana, sans-serif;
	margin: 0;
	padding: 6px 4px;
}

div#content .more {
    display: none;
    padding: 10px 0;
    border-top: 1px solid #690a0a;
    border-bottom: 1px solid #690a0a; 
}

div#content a.showLink, div#content a.hideLink {
    text-decoration: none;
    padding-left: 8px;
    background: transparent url(/cms/renderfile/www.willamette.edu/cla/philosophy/images/arrow.gif) no-repeat left; 
}

div#content a.hideLink {
    background: transparent url(/cms/renderfile/www.willamette.edu/cla/philosophy/images/up_arrow.gif) no-repeat left; 
}

div#content a.showLink:hover, div#content a.hideLink:hover {
    border-bottom: 1px dotted;
}



/* ---------------------------------------------------------------- 
 *  Listing of Files
 * ---------------------------------------------------------------- 
*/

div#content ul.files, div#content ul.application {
	list-style: none;
	padding: 0;
	margin-left: 0;
}

	div#content ul.files li, div#content ul.application li {
		background: transparent;
	        background-repeat: no-repeat;
	        background-position: 0px 4px;
		padding-left: 23px;
	}

	div#content ul.files li.pdf {
		background-image: url(../../../images/new/design/pdf.gif);
	}

	div#content ul.files li.doc {
		background-image: url(../../../images/new/design/doc.gif);
	}

	div#content ul.files li.ppt {
		background-image: url(../../../images/new/design/ppt.gif);
	}

	div#content ul.files li.web {
		background-image: url(../../../images/new/design/web.gif);
	        background-position: 0px 6px;
		padding-left: 14px;
	}

	div#content ul.files li.secure {
		background-image: url(../../../images/new/design/lock.gif);
	        background-position: 0px 6px;
		padding-left: 14px;
	}

	div#content ul.files li.link {
		background-image: url(../../../images/new/design/link.gif);
	        background-position: 0px 6px;
		padding-left: 14px;
	}

	div#content ul.files li.email {
		background-image: url(../../../images/new/design/mail.gif);
	        background-position: 0px 6px;
		padding-left: 14px;
	}

/* ---------------------------------------------------------------- 
 *  PDF and DOC icons
 * ---------------------------------------------------------------- 
*/

div#content a.pdf, div#content a.doc, div#content a.ppt, div#content a.web, div#content a.link, div#content a.secure, div#content a.email {
	background: transparent;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 10px 0 10px 18px;
}

div#content a.web {
	background-image: url(../../../images/new/design/web.gif);
	padding: 10px 0 10px 14px;
	}

div#content a.pdf {
	background-image: url(../../../images/new/design/pdf.gif);
}

div#content a.doc {
	background-image: url(../../../images/new/design/doc.gif);
}

div#content a.ppt {
	background-image: url(../../../images/new/design/ppt.gif);
}

div#content a.link {
	background-image: url(../../../images/new/design/link.gif);
	padding: 10px 0 10px 14px;
}

div#content a.secure {
	background-image: url(../../../images/new/design/lock.gif);
	padding: 10px 0 10px 14px;
}

div#content a.email {
	background-image: url(../../../images/new/design/mail.gif);
	padding: 10px 0 10px 14px;
}

/* ---------------------------------------------------------------- 
 *  Contact Us - Styling
 * ---------------------------------------------------------------- 
*/

div#content div.contact {
	border-left: 2px dotted #907f46;
	padding-left: 1em;
	margin: 1.3em 0;
}

	div#content div.contact p {
		margin: 0;
	}

	div#content div.contact p.name {
		color: #907f46;
		font: bold 120% "Garamond", Times New Roman, Times, serif;
		letter-spacing: 0.05em;
		margin-bottom: .2em;
	}

	div#content div.contact p.dept {
		color: #907f46;
		font-size: 110%;
		font-variant: small-caps;
	}

	div#content div.contact p.dept, div#content div.contact p.address {
		margin-bottom: .5em;
	}



/* ---------------------------------------------------------------- 
 *  Forms
 * ----------------------------------------------------------------*/ 

div#content input {
	background-color: #eee;
    	border-width:1px; 
    	border-bottom: 1px solid #cecece;
	border-right:1px solid #cecece;
    	font-size:1.1em; 
    	color:#000; 
    	width: 250px;
       	padding: 2px 0; 
        margin-top: 6px;
    	min-height:1.5em;
    	}
    	
    div#content select {
	width: 250px;
	background-color: #eee;
    	border-width:1px; 
    	font-size:1.1em; 
    	color:#000;
      	padding:2px; 
    	margin: 6px 0 0 0; 
    	min-height:1.5em; 
        }

   div#content input.radio {
    	cursor:pointer; 
 	display: inline;
	margin-right: 0.5em;
	width: 15px;
	text-align: left;
        border: none;
        vertical-align: bottom;
        background-color: none;
     	}

div#content input.radio, div#content input.checkbox {
	width: auto;
	height: auto;
	vertical-align: bottom;
	border: none;
        }

div#content input.phone1 {
	width: 101px;
	vertical-align: middle;
	text-align: center;
}

div#content input.phone2 {
	width: 130px;
	vertical-align: middle;
	text-align: center;
}

div#content input.phone3 {
	width: 130px;
	vertical-align: middle;
	text-align: center;
}

div#content input.submit {
	width: 120px;
	font-family: "Helvetica Neue",sans-serif;
	font-size: 98%;
	font-weight: bold;
        cursor:pointer; 
        background-color: #690a0a;
        color: #fff;
        }

div#content input.submit:hover {
	color: #eee;
	background-color: #4e0808; 
        }	




/* ---------------------------------------------------------------- 
 *  Two-column picture portal list
 * ----------------------------------------------------------------*/ 

/* ---------------------------------------------------------------- 
 *  two-columns-different ways
 * ---------------------------------------------------------------- 
*/
		
div#content div.pane {
	float: left;
	width: 300px;
	height: auto;
        display: block;
	padding: 0 20px;
	margin: 0 0 20px 0;
        border-bottom: none;
	}

div#content div.pane img {
	padding: 0;
	margin: 0;
	}

div#content div.pane img a {
	padding: 0;
	margin: 0;
        border: 1px solid #eee;
	}

div#content div.pane p {
        display: block;
	width: 294px;
	height: auto;
        background-color: #eee;
	padding: 5px;
	margin: 0 0 10px 0;
        font-size: 130%;
        border: 1px solid #ddd;
	}

div#content div.pane p a, 
div#content div.pane p a:link,
div#content div.pane p a:active,
div#content div.pane p a:visited {
        color: #690a0a;
        text-decoration: none;
	}

div#content div.pane p a:hover {
        color: #333;
	}

div#content div.pane dl {
	border:1px solid #eee;
        width: 305px;
	}

div#content div.pane dl dd {
	border-top: none;
        border-left:1px solid #eee;
	border-right:none;
        padding: 15px 9px;
	font: normal 100% "Helvetica", Arial, Tahoma, sans-serif;
	margin: 0 0 0 105px;
        height: auto;
	}

div#content div.pane dl dt {
	border-top: none;
	border-left: none;
	color:#333;
        padding: 15px 0 10px 10px;
	font: bold 100% "Helvetica", Arial, Tahoma, sans-serif;
        width: 105px;
        height: auto;
        float: left;
	}

div#content div.pane_2column {
	float: left;
	width: 300px;
	height: auto;
	padding: 0 45px 0 0;
	margin: 5px 0 0 0;
        border-bottom: none;
	}

div#content div.portal {
	float: left;
	width: 300px;
	height: 500px;
	padding: 0 20px;
        border-bottom: none;
	margin: 5px 0 0 0;
	}

/* ---------------------------------------------------------------- 
 *  Tables
 * ----------------------------------------------------------------*/ 

div#content table {
	width:90%;
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	margin:1.5em auto;
	border-collapse:collapse;
	}

div#content table td {
	border:1px solid #eee;
	}

div#content table td {
	font-weight:normal;
	color:#333;
	border-bottom: 1px solid #eee;
	border-left:1px solid #eee;
	padding:.8em 1em;
	text-align:left;
	vertical-align: top;
	}
				
div#content table th.column1 {
	background:#ddd;
	font-weight:bold;
	text-align:left;
	border-bottom: 1px solid #eee;
	border-left:1px solid #eee;
	padding:.8em 1em;
        color: #333;
	vertical-align: top;
	}

div#content table thead th {
	background:#dfdfdf;
	font-weight:normal;
	text-align:left;
	font:bold 1.2em/2em "Arial",Helvetica,sans-serif;
	border-bottom: 1px solid #eee;
	border-left:1px solid #eee;
	padding:.8em 1em;
        color: #333;
	}

tr.odd td	{
	background:#f6f6f6
	}

tr.odd .column1	{
	background:#f1f1f1;
	}

div#content table th tr p	{
	border: none;
	}

/* Schedule */

div#content table.schedule {
	margin: 1em 0 0 0;
        border: none;
        color: #333;
}

	div#content table.schedule tr {
                border: none;
	}

	div#content table.schedule th, div#content table.schedule td {
		vertical-align: top;
		padding: .5em 0;
                border: none;
	}

	div#content table.schedule th {
		width: 25%;
                color: #333;
		font-variant: small-caps;
		font-weight: normal;
		padding-left: .4em;
                border: none;
	}

	div#content table.schedule th.day {
		background-color: #e4e0da;
                color: #333;
		font: small-caps bold 110% Georgia, "Times New Roman", Times, serif;
		padding: .2em .4em .4em .4em;
	}

	div#content table.schedule td {
		font-weight: bold;
                border: none;
                color: #333;
	}

		div#content table.schedule td em, div#content table.schedule td span.location {
			font-weight: normal;
		}

		div#content table.schedule td span.location {
			font-variant: small-caps;
		}
	
	div#content table.schedule tr.last th, div#content table.schedule tr.last td {
		padding-bottom: 2em;
	}

	div#content table.schedule span.highlight {
		background-color: #e4e0da;
	}

		div#content table.schedule td span.description {
		        font-weight: normal;
		}

	div#content .faculty h3 a:link {
		font-weight: normal;
	}


/* ---------------------------------------------------------------- 
 *  Bread Crumbs
 * ----------------------------------------------------------------*/ 

div#content div#crumbs {
        display: block;
        width: 714px;
        height: auto;
        float: left;
        clear: right;
	border:1px solid #dedede;
	}
div#content div#crumbs ul, div#content div#crumbs li {
	list-style-type:none;
	padding:0;
	margin:0;
	}	
div#content div#crumbs ul li {
	background-image: none;
	}	
div#content div#crumbs ul li {
	float:left;
	line-height:1.9em;
	color:#777;
	padding-left:.75em;
        font-size: 10px;
	}
div#content div#crumbs li a {
	background-image: url(../../../images/new/design/crumbs.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display:block;
	padding:0 15px 0 0;
	}							
div#content div#crumbs li a:link,
div#content div#crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
a:link, a:visited,	
div#content div#crumbs li a:hover,
div#content div#crumbs li a:focus {
	color:#907f46;
	}
	
	
	div#content div.captionleft {
                float: left;
                clear: both;
                width: 280px;
                height: auto;
                display: block;
                padding: 5px 5px 10px 0;
	}

	div#content div.captionright {
                float: right;
                clear: both;
                width: 260px;
                height: auto;
                display: block;
                padding: 0 0 10px 20px;
	}

	div#content div.captionright img.noborder{
                 border: none;
                 float: right;
                 clear: both;
	}

	div#content div.captionright p{
                 padding-left: 2px;
	}



	div#content div.captionright_small {
                float: right;
                clear: both;
                width: 110px;
                height: auto;
                display: block;
                padding: 0 0 10px 20px;
	}

	div#content div.captionright_small p{
                 padding-left: 2px;
	}
	
div#content img.icon {
	margin: 0 0 0 8px;
	border: none;
}