/*
* WVU - Eberly College of Arts and Sciences - Wireframe Template
* Created by: Dustin B. Mazon
* 11/11/11

* Based off of Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/



/* Table of Content
==================================================
	#Reset
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
	#Misc */



/* #Reset (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; 
	}
	
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
	
	body { line-height: 1; }
	
	ol, ul { list-style: none; }
	
	blockquote, q { quotes: none; }
	
	blockquote:before, blockquote:after, q:before, q:after { 
	    content: ''; 
	    content: none; 
    }
	
	table {
		border-collapse: collapse;
		border-spacing: 0; 
	}
	
	:focus {
        outline-color: initial;
        outline-style: initial;
        outline-width: 0;
    }

    ins { text-decoration: none; }
    
    del { text-decoration: line-through; }



/* #Basic Styles
================================================== */

	body {
		background: #fff;
		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
	}
	
    ::-moz-selection {
        background-attachment: initial;
        background-clip: initial;
        background-color: #3399ff;
        background-image: initial;
        background-origin: initial;
        background-position: initial initial;
        background-repeat: initial initial;
        color: #fff;
        text-shadow: none;
  }
  
    ::selection {
        background-attachment:initial;
        background-clip:initial;
        background-color:#D1E6F7;
        background-image:initial;
        background-origin:initial;
        background-position:initial initial;
        background-repeat:initial initial;
        color:#333;
        text-shadow:none;
    }


/* #Accessibility Tab
================================================== */	 
	 
    #access { text-align: left; }
    
    #access a { 
        position: absolute; 
        left: -10000px; 
        width: 1px; 
        height: 1px; 
        overflow: hidden; 
        z-index:999; }
        
        #access a:focus, .skipnav a:active { 
            position: absolute; 
            left: 0; 
            width: 99%;
            height: auto; 
            overflow: visible; 
            text-decoration: underline; 
            background: #d9541e; 
            color: #fff;
            padding:10px 0 10px 10px;
        }
    
    #access a:hover { color: #d9541e; background: #fff; }

/* #Typography
================================================== */

	h1, h2, h3, h4, h5, h6 {
		font-weight: normal; 
		line-height: 1.5em;
	}
	
	h1, h2 { margin: 1.5em 0 1em; }
	
	h3, h4, h5, h6 { margin: 2em 0 1em; }
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	
	h1 { 
	    font-size: 2.5em;
	    color: #455560;
		margin-top: 0;
	}
	
	h2 { 
	    font-size: 2em; 
	    color: #14477B;
	    border-bottom: #EEB211 solid 3px;
	    display: -webkit-box;
	}
	
	h3 { 
	    font-size: 1.4em; 
	    font-weight: bold;
	    color: #D85527;
	    text-transform: uppercase;
	}
	
	h4 { 
	    font-size: 1.4em;
	    font-weight: bold;
	}
	
	h5 { 
	    font-size: 1.2em; 
	    font-weight: bold;
	    text-transform: uppercase;
	}
	
	h6 { 
	    font-size: 1.2em; 
	    font-weight: bold; 
	}

	p { margin: 0 0 1.5em 0; }
	
	p.lead { font-size: 1.5em; line-height: 1.5em; color: #5c6f7b; }

	em, i, cite { font-style: italic; }
	
	strong, b { font-weight: bold; color: #333; }
	
	small, sub, sup { font-size: .8em; }
	
	sup	{ vertical-align: super; }

    sub	{ vertical-align: sub; }
	
	.col-3 h2 { 
		  font-size: 1.5em; 
		    color: #14477B;
		    border-bottom: #EEB211 solid 3px;
		    display: -webkit-box;
		}

    /*	Blockquotes  */

	blockquote, blockquote p { font-size: 1.3em; line-height: 1.5em; color: #5c6f7b; font-style: italic; margin-bottom: 21px; }
	
	blockquote { margin: 35px 0 35px; padding: 0px 21px; border-left: 1px solid #ccc; }
	
	blockquote cite { display: block; font-size: 0.7em; color: #5c6f7b; }
	
	blockquote cite a, blockquote cite a:visited { color: #5c6f7b; }
	
	blockquote cite a:hover, blockquote cite a:active, blockquote cite a:focus { color: #d9541e; }

	hr { border: solid #ccc; border-width: 1px 0 0; clear: both; margin: 35px 0; height: 0; }
	
	
	/* Highlights */ 
	
	.green-alert, p.green-alert {
        display: block;
        font-size: 1.3em;
        line-height: 1.5em;
        margin-bottom: 21px;
        color: #1F5C00;
	    background: #e8f7e1;
	    padding: 21px;
	    border: 1px solid #c0d8b5;
    }
    
    .yellow-alert, p.yellow-alert {
        display: block;
        font-size: 1.3em;
        line-height: 1.5em;
        margin-bottom: 21px;
        color: #5E4302;
        background: #FFF4C8;
        padding: 21px;
        border: 1px solid #D0BF78;
    }
    
    .red-alert, p.red-alert {
        display: block;
        font-size: 1.3em;
        line-height: 1.5em;
        margin-bottom: 21px;
        color: #9D0404;
        background: #FFE3E3;
        padding: 21px;
        border: 1px solid #CFA1A1;
    }


    /*  Pre and Code */
    
    code, pre {
	    font-family: Courier, monospace, sans-serif;
	    text-align: left;
	    color: #444;
	}
	
    pre {
	    padding: 0.5em 2em 0.5em 2em;
	    border: 1px solid #ddd;
	    border-left: 7px solid #aaa;
	    margin: 1.5em 0 1.5em 0;
	    overflow: auto;
	    width: auto;
	    background-color: #f3f3f3;
	}
	
    /* target IE7 and IE6 */
    *:first-child+html pre {
	    padding-bottom: 2em;
	    overflow-y: hidden;
	    overflow: visible;
	    overflow-x: auto; 
	}
	
    * html pre { 
	    padding-bottom: 2em;
	    overflow: visible;
	    overflow-x: auto;
	}
	
	abbr, acronym { 
	    font-size: 85%; 
	    text-transform: uppercase; 
	    letter-spacing: .1em;
	    line-height: 0;
    }

    abbr[title], acronym[title], dfn[title]	{ border-bottom: 1px dotted black; cursor: help; }



/* #Links
================================================== */

	a, a:visited { font-weight: bold; text-decoration: underline; outline: 0; }
	
	a { color: #0079c1; }
	
	a:visited { color: #40607a; }
	
	a:hover, a:focus { color: #d9541e; }
	
	a:focus {
        outline-color: invert;
        outline-style: dotted;
        outline-width: 1px;
    }
    
    a:active { 
        color: #d9541e; 
        outline-color:initial;
        outline-style:initial;
        outline-width:0; 
    }
    
	p a, p a:visited { line-height: inherit; }



/* #Lists
================================================== */

	ul, ol { margin-bottom: 21px; margin-left: 1.5em; }
	
	ul { list-style: disc outside; }
	
	ul ul { list-style: circle outside; }
	
	ul ul ul { list-style: square outside; }
	
	ol { list-style: decimal; }
	
	ol ol { list-style: lower-alpha; }
	
	ol ol ol { list-style: lower-roman; }
	
	ul ul, ul ol,
	ol ol, ol ul { 
	    margin: 0 0 10px 3.5em; 
	    font-size: .98em;
	}
	
	ul ul li, ul ol li,
	ol ol li, ol ul li, { 
	    margin-bottom: 7px; 
	}
	
	ul ul ul, ul ul ol, ul ol ol, ul ol ul, 
	ol ol ol, ol ol ul, ol ul ul, ol ul ol { 
	    margin: 0 0 10px 3.5em; 
	}
	
	ul ul ul li, ul ul ol li, ul ol ol li, ul ol ul li, 
	ol ol ol li, ol ol ul li, ol ul ul li, ol ul ol li { 
	    margin-bottom: 7px,; 
	}
	
	li { margin-bottom: 10.5px; padding-left: 5px; }
	
	li p { line-height: 14px; }



/* #Images
================================================== */

	p img { margin: 0; }

	.resize-img, img.scale-with-grid, .scale-with-grid img, .resize-img img {
		max-width: 100%;
		height: auto; 
	}



/* #Buttons
================================================== */

	a.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
		background: #0079c1; /* Old browsers */
		background: #0079c1 -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #0079c1 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #0079c1 -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #0079c1 -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #0079c1 -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #0079c1 linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	    border: 1px solid #003762;
	    border-top: 1px solid #336699;
	    border-left: 1px solid #336699;
	    padding: 7px 14px;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	    color: #fff;
	    display: inline-block;
	    font-size: 1em;
	    font-weight: bold;
	    text-decoration: none;
	    text-shadow: 1px 1px rgba(0, 0, 0, .6);
	    cursor: pointer;
	    margin-bottom: 20px;
	    line-height: 21px;
	    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	input[type="submit"] {
        padding: 7px 10px 9px;
        font-weight: normal;
        letter-spacing: 1px;
        margin-bottom: 0px;
		-moz-border-radius: 0px;
	    -webkit-border-radius: 0px;
	    border-radius: 0px;
    }

	a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
		color: #3e2e01;
		background: #eeb211; /* Old browsers */
		background: #eeb211 -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #eeb211 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #eeb211 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #eeb211 -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #eeb211 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #eeb211 linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	    border: 1px solid #c08e08;
	    border-top: 1px solid #cf9906;
	    border-left: 1px solid #cf9906;
	    text-decoration: underline;
	    text-shadow: 0px 0px rgba(150, 112, 11, .6);
	}

	a.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
		border: 1px solid #c08e08;
		background: #eeb211; /* Old browsers */
		background: #eeb211 -moz-linear-gradient(top, rgba(255,255,255,.15) 0%, rgba(0,0,0,.5) 100%); /* FF3.6+ */
		background: #eeb211 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.15)), color-stop(100%,rgba(0,0,0,.5))); /* Chrome,Safari4+ */
		background: #eeb211 -webkit-linear-gradient(top, rgba(255,255,255,.15) 0%,rgba(0,0,0,.5) 100%); /* Chrome10+,Safari5.1+ */
		background: #eeb211 -o-linear-gradient(top, rgba(255,255,255,.15) 0%,rgba(0,0,0,.5) 100%); /* Opera11.10+ */
		background: #eeb211 -ms-linear-gradient(top, rgba(255,255,255,.15) 0%,rgba(0,0,0,.5) 100%); /* IE10+ */
		background: #eeb211 linear-gradient(top, rgba(255,255,255,.15) 0%,rgba(0,0,0,.5) 100%); /* W3C */
		color: #1e1600;
	}
	
	a.button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
        outline-style: dotted;
        outline-width: 1px;
        border: 1px solid #c08e08;
		background: #eeb211; /* Old browsers */
		background: #eeb211 -moz-linear-gradient(top, rgba(255,255,255,.15) 0%, rgba(0,0,0,.5) 100%); /* FF3.6+ */
		background: #eeb211 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.15)), color-stop(100%,rgba(0,0,0,.5))); /* Chrome,Safari4+ */
		background: #eeb211 -webkit-linear-gradient(top, rgba(255,255,255,.15) 0%,rgba(0,0,0,.5) 100%); /* Chrome10+,Safari5.1+ */
		background: #eeb211 -o-linear-gradient(top, rgba(255,255,255,.15) 0%,rgba(0,0,0,.5) 100%); /* Opera11.10+ */
		background: #eeb211 -ms-linear-gradient(top, rgba(255,255,255,.15) 0%,rgba(0,0,0,.5) 100%); /* IE10+ */
		background: #eeb211 linear-gradient(top, rgba(255,255,255,.15) 0%,rgba(0,0,0,.5) 100%); /* W3C */
		color: #1e1600;
		text-shadow: 0px 0px rgba(150, 112, 11, .6);
		text-decoration: underline;
    }

	.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; 
	}
	
	.button { font-weight: normal; }


	/* Round Button */

	.round-button a{
		font-size:.8em;
	    color: #FFF;
	    -moz-border-radius: 25px;
	    -webkit-border-radius: 25px;
	    border-radius: 25px;
	    padding: 2px 12px 4px;
		display:inline-block;
	    text-decoration: none;
	    background: #5c6f7b; /* Old browsers */
		background: #5c6f7b -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #5c6f7b -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #5c6f7b -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #5c6f7b -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #5c6f7b -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #5c6f7b linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	    border: 1px solid #252d32;
	    border-top: 1px solid #39464f;
	    border-left: 1px solid #39464f;
	    text-shadow: 1px 1px rgba(0, 0, 0, .6);
	}

	.round-button a:hover, .round-button a:active, .round-button a:focus{
		text-decoration: underline;
	    background: #455560; /* Old browsers */
		background: #455560 -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #455560 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #455560 -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #455560 -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #455560 -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #455560 linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* W3C */
		text-shadow: 1px 1px rgba(0, 0, 0, .6);
	}


/* #Tabs (activate in tabs.js)
================================================== */

	ul.tabs {
		display: block;
		margin: 35px 0 21px;
		padding: 0;
		border-bottom: solid 1px #ccc; 
	}
	
	ul.tabs li {
		display: block;
		width: auto;
		height: 35px;
		padding: 0;
		float: left;
		margin-bottom: 0; 
	}
	
	ul.tabs li a {
		display: block;
		text-decoration: none;
		width: auto;
		height: 34px;
		padding: 0px 21px;
		line-height: 35px;
		border: solid 1px #ccc;
		border-width: 1px 1px 0 0;
		margin: 0;
		background: #f5f5f5;
		font-size: .9em; 
		color: #4b5d6a;
	}
	
	ul.tabs li a:visited, ul.tabs li a:hover, ul.tabs li a:focus { 
        color: #d9541e;
    }
	
	ul.tabs li a.active {
		background: #fff;
		height: 35px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-left-width: 1px;
		margin: 0 0 0 -1px;
		color: #242e34;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; 
		}
		
	ul.tabs li:first-child a.active { 
	    margin-left: 0; 
	}
		
	ul.tabs li:first-child a {
		border-width: 1px 1px 0 1px;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px; 
	}
	
	ul.tabs li:last-child a {
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; 
	}

	ul.tabs-content { margin: 0 0 21px; display: block; list-style: none; }
	
	ul.tabs-content > li { display:none; }
	
	ul.tabs-content > li.active { display: block; }

	/* Clearfixing tabs for beautiful stacking */
	
	ul.tabs:before, ul.tabs:after {
	    content: '\0020';
	    display: block;
	    overflow: hidden;
	    visibility: hidden;
	    width: 0;
	    height: 0; 
	}
	
	ul.tabs:after { clear: both; }
	    
	ul.tabs { zoom: 1; }


/* #Forms
================================================== */

	form {
		margin-bottom: 0px; 
	}
		
	fieldset {
		margin-bottom: 21px; 
	}
		
	input[type="text"], input[type="password"], input[type="email"], textarea, select {
		border: 1px solid #ccc;
		padding: 7px;
		outline: none;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		font: .9em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;;
		color: #888;
		margin: 0;
		width: 254px;
		max-width: 100%;
		display: block;
		margin-bottom: 21px;
		background: #fff; 
	}
	
	input[type="text"] {
	    margin-bottom: 7px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	
	select { padding: 0; }
	
	input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
		border: 1px solid #bbb;
 		color: #333;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.21);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.21);
		box-shadow:  0 0 3px rgba(0,0,0,.21); 
	}
	
	textarea { min-height: 63px; }
	
	label, legend {
		display: block;
		font-weight: bold;
		font-size: .9em;  
	}
	
	select { width: 254px; }
	
	input[type="checkbox"] { display: inline; }
	
	label span, legend span {
		font-weight: normal;
		font-size: 1em;
		color: #444; 
	}
	
	

/* #Misc
================================================== */
	
	.hidden { 
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }