/**
 * Washington Center Screen Styles
 *
 * Standard Layout (all parts) for Washington Center
 *
 * This style was contracted outside of Evergreen by .
 *
 * @project    Evergreen Homepage
 * @version    1.1
 * @package    html-css
 * @author     
 * @copyright  2012 by The Evergreen State College
 * @cssdoc     version 0.2.22
 *
 * @colordef   #fff; white
 * @colordef   #808080; standard grey
 */


body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#202020;
    margin:0;
    padding:0 0 20px 0;
    font-size:0.75em;
    line-height:1.5em;
    background-color:#b5b9aa;
}
#wrapper {
    width:960px;
    margin:0px auto;
    background-color:#fff;
}
    
    /**
     * Typography
     *
     * @section typography
     */  
    p {
        margin:0;
        padding-bottom:12px;
    }
    h1 {
        width:600px;
        min-height:23px;
        margin:0 -27px 16px -3px;
        padding:5px 16px 5px 16px;
        display:block;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size:17px;
        line-height:22px;
        color:#fff;
        background:url(../images/top-heading_bg.gif) left top no-repeat;
    }
    h2 {
        margin:10px 0 15px;
        padding:0 0 7px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:18px;
        line-height:21px;
        color:#4a5723;
        display:inline-block;
    }
    h3 {
        margin:0;
        padding:4px 0 3px 0;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size:15px;
        line-height:19px;
        color:#205f7a;
    }
    h4 {
        margin:0 0 2px 0;
        padding:2px 0 3px 0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
        line-height:18px;
        color:#666;
        border-bottom: 1px dashed #666;
    }
    
    #content-home h4 {
        margin-top: 6px;
        border-bottom: none;
    }
    h5 {
        margin:0px;
        padding:0;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size:14px;
        line-height:15px;
        color:#4a5723;
    }
    .callout h5 {
        padding:0 0 2px 0;
        color:#996600;
    }
    
    .quote {
        color:#2d708d;
        float:right;
        font-family:Arial,Helvetica,sans-serif;
        font-size:17px;
        font-weight:normal;
        line-height:23px;
        margin-top:-5px;
        padding:0 0 10px 25px;
        width:220px;
    }
    .quote span.author {
        font-size:14px;
        font-style:italic;
        line-height: 20px;
    }
    .quotesmall {
        color:#2d708d;
        float:right;
        font-family:Arial,Helvetica,sans-serif;
        font-size:15px;
        font-weight:normal;
        line-height:21px;
        margin-top:-5px;
        padding:0 0 10px 25px;
        width:220px;
    }
    .quotesmall span.author {
        font-size:12px;
        font-style:italic;
        line-height: 18px;
    }
    .indented{
        padding-left:1.5em;
    }
    .indented-list{
        padding-left:2.7em;
    }
    
    /**
     * Links
     *
     * @section links
     */
    a{
        text-decoration:none;
        color:#996600;
        outline:none;
    }
    a:hover {
        text-decoration:underline;
    }
    a img {
        border:none;
    }



    /**
     * Footer
     *
     * @section footer
     */
    
    #footer {
        width:940px;
        min-height:38px;
        margin:0 5px 0 10px;
        padding:0;
        color:#516f36;
        border-top:1px solid #b4b4b4;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        font-weight:bold;
    }
    #footer a:link, #footer a:visited, #footer a:active {
        color:#516f36;
        text-decoration:none;
    }
    #footer a:hover {
        text-decoration:underline;
    }
    #footer a.seo:visited, #footer a.seo:active, #footer a.seo:link {
        text-decoration: none;  
        color:#516f36;
    }
    #footer a.seo:hover {
        text-decoration: none; cursor: text;
    }
    #footer .footerLeft {
        width:800px;
        padding:9px 0 0 5px;
        display:inline-block;
    }
    #footer .footerRight {
        min-width:480px;
        text-align:right;
        float:right;
    }
    #footer .footerRight img {
        vertical-align:middle;
    }

/* @@@@@[  Redefined Tags / Classes  ]@@@@@ */
.clrSolo {
    clear: both; 
    font-size: 0px; 
    line-height: 0px; 
    margin: 0px; 
    padding: 0px; 
    visibility: hidden;
    height: 0;
}
.clr {
    clear: both;
}
.left {
    float: left;
    padding: 0 20px 20px 0;
}
.leftsmall {
    float: left;
    padding: 0 10px 0px 0;
}
.right {
    float: right;
    padding: 0 0 20px 20px;
}
.rightNoPad {
    float: right;
}
.logo {
    padding: 7px 7px 7px 7px;
}
.home-image {
    position: relative;
    width: 100%; /* for IE 6 */
}
.home-image h2 {
   position: absolute;
   top: 150px;
   left: 80px;
   width: 400px;
   color: #fff;
}

.imgLeft {
    float:left;
    margin:8px 18px 5px 0;
    border:4px solid #90a675;
    display:block;
}
.imgRight {
    float:right;
    margin:2px 0 7px 18px;
    border:4px solid #90a675;
}
/* @@@@@[  Form Elements  ]@@@@@ */
input, textarea, select {
    font-size: .9em; 
    color: #000; 
}
input.clean {
    border-style: none; 
    background: none;
}

/* @@@@@[  Homepage  ]@@@@@ */
#header {
    width:960px;
    height:82px;
}
#header .tagline {
    width:380px;
    padding:10px 70px 10px 0;
    text-align:center;
    float:right;
    font-family:"Times New Roman";
    font-size:28px;
    line-height:29px;
    font-weight:bold;
    color:#205f7a;
}
#nav {
    width:960px;
    height:30px;
    padding-bottom:8px;
}
#content-home-wrapper {
    width:940px;
    padding:0 10px 11px 10px;
    overflow:hidden;
}
#home-col1 {
    width:339px;
    float:left;
}
    #home-col1 .top-box {
        width:250px;
        min-height:190px;
        margin-bottom:9px;
        padding:30px 31px 30px 58px;
        background:#6c7456 url(../images/top-box_bg.gif) bottom no-repeat;
    }
        #home-col1 .top-box ul {
            margin:0;
            padding:11px 0 0 0;
            list-style:none;
        }
            #home-col1 .top-box ul li {
                padding:4px 0 5px 0;
            }
                #home-col1 .top-box ul li a {
                    padding:0 0 0 18px;
                    font-family:Arial, Helvetica, sans-serif;
                    font-size:13px;
                    font-weight:bold;
                    color:#fff;
                    background:url(../images/bullet3.gif) 0px 4px no-repeat;
                }
    
    #home-col1 .bottom-box {
        width:271px;
        min-height:430px;
        padding:32px 11px 12px 57px;
        background:#d2dfe4 url(../images/bottom-box_bg_nw.gif) top no-repeat;
    }
        #home-col1 .bottom-box img {
            margin-top:2px;
            border:4px solid #90afbd;
        }
        #home-col1 .bottom-box .info {width:270px; padding:0 0 18px 0; }
        #home-col1 .bottom-box .info-right {
            width:172px;
            min-height:82px;
            float:right;
        }
        #home-col1 .bottom-box .info-right a.readmore {margin-left:0px; padding:0 0 0 13px; color:#205f7a;  }
        #home-col1 .bottom-box .info-right p { padding-bottom:0;}
        
#home-col2 {
    width:591px;
    padding:0 0 0 10px;
    float:left;
}

.home-image img{
    border-radius: 0 0 20px 20px;
}


#flash {
    width:591px;
    padding-bottom:18px;
}
#content-home {
    width:463px;
    padding:18px 92px 0 36px;
}
#content-home ul {
    margin:0;
    padding:4px 0 14px 24px;
    list-style-type:disc;
}
/*#content-home ul li {
    padding:0 0 5px 12px;
    background:url(http://wacentertest.evergreen.edu/inc/images/bullet1.gif) 0px 7px no-repeat;
}*/
a.readmore {
    margin-left:10px;
    padding:0 0 0 15px;
    background:url(../images/bullet2.png) 0px 4px no-repeat;
    font-size:12px;
    font-weight:bold;
    color:#4a5723;
}
/* @@@@@[ Secondary  ]@@@@@ */
#content-wrapper {
    width:940px;
    padding:0 10px 0 10px;
    background:url(../images/content_bg.gif) left repeat-y;
}

#sidebar {
    width:229px;
    min-height:300px;
    padding-left:1px;
    float:left;
}
#sidebar .sidebar-heading {
    width:209px;
    min-height:25px;
    padding:15px 0 12px 20px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    line-height:22px;
    color:#fff;
    border-bottom:8px solid #fff;
    background-color:#205f7a;
}
#sidebar .sidebar-heading a{
    color:#fff;
}
#sidebar h3 {
    padding:15px 10px 2px 15px;
    
}
#subnav {
    margin:0;
    padding:20px 20px 27px 20px;
    list-style:none;
}
#subnav li {
    padding:3px 0 4px 0;
    font-size:12px;

}
#subnav li a {
    padding:0 0 0 15px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#4a5723;
    display:block;
    background:url(../images/bullet5.gif) 0px 4px no-repeat;
}
#subnav li a:hover, #subnav li a.current {
    color:#205f7a;
    text-decoration:none;
    background:url(../images/bullet6.gif) 0px 4px no-repeat;
}
#subnav li ul{
    margin:0;
    padding:0;
    list-style:none;
    padding-left:20px;
}
#subnav li ul li{
    font-size:12px;
}
.callout {
    width:168px;
    margin-left:19px;
    padding:10px 10px 0 10px;
    border-top:1px solid #bcc8c5;
}
.callout a.readmore {margin-left:0px; padding:0 0 0 13px; color:#205f7a; background:url(../images/bullet7.gif) 0px 4px no-repeat; }
#content {
    width:700px;
    padding:0 0 0 10px;
    float:left;
}
#main-content {
    width:602px;
    padding:21px 61px 0 37px;
}
.right-content {
    width:420px;
    float:left;
}
ul {
    margin:0;
    padding:6px 0 20px 20px;
    list-style-type:disc;
}
/*#main-content ul li {
    padding:0 0 0 11px;
    background:url(http://wacentertest.evergreen.edu/inc/images/bullet1.gif) 0px 7px no-repeat;
}*/
ol {
    margin: 0 0 10px 0;
}
ol li {
    padding:5px 0 5px 11px;
    margin: 0 0 0 35px;
    list-style-type: decimal;
}


.h2nlb {
    margin:10px 0 0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    line-height:21px;
    font-weight:bold;
    color:#4a5723;
    display:inline-block;
}

/*@@@@ MOD @@@@*/
.thumbnail{
    float:left;
    padding-bottom:30px;
    width:100px;
}

.right_info{
    float:right;
    margin-top:5px;
    padding-bottom:15px;
    width:472px;
}
h2 span{
    font-size:12px;
}
.left_bio{
    float:left;
    width:160px;
    padding-bottom:30px;
}
.right_bio{
    float:left;
    width:422px;
    padding-bottom:30px;

}

#sitemap {
    list-style:none;
    margin:0;
    display:block;
}
#sitemap li {
    padding-bottom:10px;
}
#sitemap ul {
    display:block;
    padding:2px 0 7px 15px;
}
#sitemap ul li {
    padding-bottom:0px;
}
#sitemap ul ul {
    padding:1px 0 4px 15px;
}

blockquote {
    margin-left: 1.5em;
    font-style: italic;
}

/*a[href$='.pdf'] {
    padding-right:30px;
    line-height:19px;
    background:transparent url(http://wacentertest.evergreen.edu/inc/images/pdf.gif) 100% 1px no-repeat;
    margin-left: 0px;*/ /*accounts for following word or period */
/*}*/

a[href$='.pdf']:after,       /*IE8*/
a[href$='.pdf']::after {    /*Chrome, Firefox 3.5, IE9, Opera 6, Safari 4*/
    /*padding-right:30px;
    line-height:19px;*/
    content:url(../images/pdf.gif);
    margin-left: .33em;
}

.formNational h4 {
    margin-top: 10px;
    margin-bottom: 10px;
}

table.form td {
    vertical-align: top;
    padding: 10px 5px;
}

table.form select {
    margin-right: 5px;
}

.line {
    border-bottom: 1px dashed #205f7a;
    margin-top: 10px;
    margin-bottom: 20px;
}

table { width:100%; margin:20px 0; border-collapse:collapse; border-top:1px solid #ddd; border-left:1px solid #ddd; }
table .heading { background:#666; color:#fff; text-transform:uppercase; text-align:center; }
table th,
table td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding: 0 5px; }
table th { font-weight:bold; }
table tr:nth-of-type(even) { background:#eee; }
table .hover { background:#ccc; }

dt { font-weight: normal; text-decoration: none; padding:0 0 5px 12px; margin-left: 15px;} 
dd { margin-left: 35px; padding: 0 0 6px 15px; background:url(../images/bullet1.gif) 0px 7px no-repeat; }

/**
 * Media Block
 *
 * A common pattern wherein copy is floated next to a graphic.
 *
 * @section mod-media
 */
    .media{
    	display: -ms-flexbox;  /*IE10*/
		display: -webkit-flex;  /*Safari*/
		display: flex;
	}
	.media-img,
	.media-img:link{
		//box model
		border-bottom-width: 0;
		margin: 0 2% 1.071428571428571em 0;
		max-width: 31.3333333333%;
		//layout
		float: left;  /*IE9*/
		-ms-flex: 0 0 auto;  /*IE10*/
		-webkit-flex-shrink: 0;  //Do not allow the image to shrink. Note: this does respect the max-width property.
		flex-shrink: 0;
	}
	.media-img img{
		max-width: 100%;
		display: block;
	}
	
	.media-img-alt{
		-ms-flex-item-align: center;  /*IE10*/
		-webkit-align-self: center;  /*Safari*/
		align-self: center;
	}
	
	.media-body{
		overflow: auto;  /*IE9  //Gives block formatting context*/
		/*Alternate way to give block formatting context
		display: table-cell;  //Gives block formatting context (pretty nifty!): http://www.youtube.com/watch?v=8YtQwv1cUVs
		width: 3000px;  //Stretches box to fit the remaining width; this is not the actual value that comes out.*/
	}
	
	.media-alt{
		-ms-flex-direction: row-reverse;
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.media-alt .media-img{
		margin-right: 0;
		margin-left: 2%;
		float: right;  /*IE9*/
	}