/* WVU Color Pallette 
------------------------------------------------------------------------------------------ 

	PRIMARY PALLETTE
		WVU Dark Blue: #003366 
		WVU Gold: #FFCC00
	
	SECONDARY PALLETTE
		Red: #CC0000 
		Purple Grey: #9999CC 
		Purple: #6600CC 
		Light Purple: #CCCCFF
		Dark Grey: #666
		Green: #339900 
		Light Yellow: #FFFFCC
	
	TERTIARY PALLETTE
		Blue Grey: #AABBCC 
		Light Grey: #E0E0E0
		Light Blue: #99CCFF 
		Old Gold: #E6B333 
		Vibrant Blue: #3399FF 
		Brown: #715B00 
		Grey-Blue: #336699                                                            
*/

/*- fluid images and objects ----------*/
/*img, object, embed {
		max-width: 100%;
		height: auto; }*/
		
		img {
		max-width: 100%;
		height: auto; }

#index object {
		margin-left: 3.5%; }

/*- optional vanity styles, selection colors and mobile styles ----------*/

::selection {background: #39f; color:#fff;}
::-moz-selection {background: #39f; color:#fff;} /* text seletion color, feel free to change */

img::selection {background: transparent;}
img::-moz-selection {background: transparent;}

abbr { cursor: help; }


/*** Custom Styles ***/


@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('../fonts/Chunkfive-webfont.eot');
    src: url('../fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Chunkfive-webfont.woff') format('woff'),
         url('../fonts/Chunkfive-webfont.ttf') format('truetype'),
         url('../fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: none;
	}

html, body {background: #005898;}
body {-webkit-font-smoothing:subpixel-antialiased;}
#wrapper {background: #f6f4ee;}
.container {background: transparent;}	
	

a, a:visited, a:active {color:#2361b7;}
a:hover, a:focus {color:#e68600;}
	 
header {padding: 8px 0 16px 0;}

#main{padding: 0;box-shadow:0px 4px 8px rgba(0, 0, 0, 0.5);margin-bottom: 24px;}

.flex-caption h2 {
	font-family: 'helvetica neue', helvetica, arial, sans-serif; 
	font-size: 290%;
	line-height: 120%;
	color: #fff ! important; 
	border-bottom: none; 
	font-weight: 200; 
	padding:  10px 10px 10px 30px; 
	margin: 0px 2px 20px 0px;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 1);
	/*background: rgba(0, 0, 0, 0.6);*/
	text-transform:none;
	/*float: left;*/
	display: none;
	}

.flex-caption a.goto {
	font-family: 'ChunkFiveRegular', helvetica, arial, sans-serif;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	background:rgba(0, 88, 152, 0.8);
	font-size: 240%;
	line-height: 100%;
	margin: 12px 0 20px 0px;
	letter-spacing: -.5px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.8);
	padding: 18px 28px 18px 30px;
	text-transform: none;
	}	
	
.flex-caption a:hover.goto {
	font-family: 'ChunkFiveRegular', helvetica, arial, sans-serif;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	text-decoration: underline;
	}	
	
.welllogo {float: left;}

#medical .flex-caption a.goto {background:rgba(103, 141, 27, 0.8);}
#health .flex-caption a.goto {background:rgba(204, 146, 30, 0.8);}
#mental .flex-caption a.goto {background:rgba(7, 146, 192, 0.8);}


p, ul {color:#555;}

h3 {font-size: 180%; color:#9e4624;text-transform: none;font-weight:bold;padding: 10px 0; line-height: 140%}
h4 {color:#385880; font-size: 130%; line-height: 130%}

.left_nav h3, .expert h3, .left_sidebar .extra h3 {font-size: 120%;text-transform: uppercase;font-weight:bold; padding: 2px 0;}

.left_nav h3, .left_sidebar h3, h2.pagename_small {color:#25466f;}

/* resource nav ----------*/

nav {margin-bottom:1px;background: #444;}
nav ul {padding: 0 0 0 4px; margin: 0;overflow:hidden;}
nav ul li {font-size:11px;padding: 3px 0;margin-bottom: 0px;border-right:1px solid #e2e2e2;}
nav li:last-child {border-right:none;}
nav li a {font-size:11px;color: #e2e2e2;}
nav a:link, #nav a:link, nav a, #nav a, #nav a:visited, nav a:visited {background-color:#444;color:#fff;margin: 0;padding: 6px 6px 6px 6px;}
nav a:hover, #nav a:hover, nav a:focus, #nav a:focus {background-color:#d04b02;color: #fff;text-decoration: none;}
nav li.resource {color: #e2e2e2;border-right:1px solid #e2e2e2;padding-right: 4px;font-weight: bold;}

/* health pages color ----------*/

#health nav ul li {color:#fff;}
#health nav {background: #966f12;}
#health nav a:link, #health #nav a:link, #health nav a, #health #nav a:visited, #health nav a:visited {background-color:#966f12;color:#fff;}
#health nav a:hover, #health #nav a:hover, #health nav a:focus, #health #nav a:focus {background-color:#f5e2bc;color: #444;text-decoration: none;}
#health h1, #health .left_nav h3, #health .left_sidebar h3, #health h2.pagename_small {color:#966f12;}
/*#health h1 {
	float: left; 
	text-transform: none;
	font-size: 420%;
	line-height: 20%;
	letter-spacing: -1px;
	margin-left: 20px;
	}*/
		
/* mental pages color ----------*/

#mental nav ul li {color:#fff;}
#mental nav {background: #0680a8;}
#mental nav a:link, #mental #nav a:link, #mental nav a, #mental #nav a, #mental #nav a:visited, #mental nav a:visited {background-color:#0680a8;color:#fff;}
#mental nav a:hover, #mental #nav a:hover, #mental nav a:focus, #mental #nav a:focus {background-color:#cef1fd;color: #444;text-decoration: none;}
#mental h1, #mental .left_nav h3, #mental .left_sidebar h3, #mental h2.pagename_small {color:#0680a8;}
/*#mental h1 {
	float: left; 
	text-transform: none;
	font-size: 420%;
	line-height: 20%;
	letter-spacing: -1px;
	margin-left: 20px;
	}*/		
	
/* medical pages color ----------*/
		
#medical nav ul li {color:#fff;}
#medical nav {background: #547316;}
#medical nav a:link, #medical #nav a:link, #medical nav a, #medical #nav a, #medical #nav a:visited, #medical nav a:visited {background-color:#547316;color:#fff;}
#medical nav a:hover, #medical #nav a:hover, #medical nav a:focus, #medical #nav a:focus {background-color:#e3f4c3;color: #444;text-decoration: none;}
#medical h1, #medical .left_nav h3, #medical .left_sidebar h3, #medical h2.pagename_small {color:#547316;}
/*#medical h1 {
	float: left; 
	text-transform: none;
	font-size: 420%;
	line-height: 20%;
	letter-spacing: -1px;
	margin-left: 20px;
	}*/
	
	
header h1 {
	float: left; 
	text-transform: none;
	font-size: 420%;
	line-height: 20%;
	letter-spacing: -1px;
	margin-left: 20px;
	}	
	
	
h2.pagename {
	text-transform: none;
	line-height: 110%;
	font-size: 320%;
	letter-spacing: -1px;
	padding: 8px 0;
	margin: 3px 0;
	max-width: 90%;
	}	
	
h2.pagename_small {
	line-height: 120%;
	float: none;
	text-align: center ! important;
	text-transform: none;
	font-size: 170%;
	letter-spacing: 0px;
	padding: 6px 0 ;
	margin: 0 auto;
	border-bottom: none;
	display: none;	
	}
	
	
/* skip nav ----------*/	 
	 
.skipnav { text-align: left;}
.skipnav a { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; z-index:999;}
.skipnav 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;}
.skipnav a:hover {color: #d9541e; background: #fff;}

/* search ----------*/
 
#search_holder {float: right;margin: 10px 0 0 0;text-align: right;background: #fff;opacity: .9;border: 1px solid #ccc;height: 26px;}	
#search_holder input, select, textarea {font-family:arial,helvetica,sans-serif;padding: 2px;color: #666;font-weight:normal;border: none;}	
input#q {float:left;margin:0;padding: 6px;width:143px;background: transparent;}
.search_button {background: transparent url(../images/searchbutton.png) no-repeat left;width:24px;height: 24px;font-size: 11px;float:right;margin: 1px;cursor: pointer;padding: 0;}	
#search_holder label {display: none;}		
form{margin-bottom:0}

/* left nav for department and backpages ----------- */

.left_nav ul {list-style:none;padding:0 0 10px 0;margin: 0 0 10px 0; }
.left_nav ul li {border-bottom: 1px dotted #888;}	
.left_nav ul li a {
	color: #2361b7;
	/*background: url(../images/arrow.png) no-repeat 0px 7px;*/
	text-decoration: none;
	padding: 4px 0 4px 0;
	display:block;
	/*text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;*/
	}
	
@-moz-document url-prefix() {
    .left_nav ul li a:after { width: 276px; content: "..."; }
}	
	
.left_nav ul li a:hover {
	color:#333;
	background: #dcebf4;
	}
	
.extra{
	background: #fff;
	margin: 18px 0;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 8px;
	zoom: 1;
	}	
	
.expert {
	background: #f5ecc1;
	margin: 18px 0;
	border: 1px solid #f0e3a3;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 8px;
	zoom: 1;
	}
	
.expert:after, .extra:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; 
	clear: both;
	}
	
.expert h3, .extra h3 {	margin-top: 4px;}		
	
.noshow {margin-bottom: 40px;}	

/* main content ----------*/

.tophalf {margin: 0; padding: 0;}

/*#socialtab {
	position: fixed;
	top: 300px;
	right: -1px;
	padding: 6px 0px 0 4px;
	background: #d3e5ee;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
	border: 3px solid #f2f2f2;
	border-right: none;
	width: 40px;
	z-index: 9999;
	box-shadow:-1px 2px 4px rgba(0, 0, 0, 0.6);
	}*/
	
#connect {}	

.bottomsocial{float:left;margin-right: 8px;width:60px;}

.middle {padding-top: 16px;}
.departmentButton {float: left; margin: 6px 15px 0 0;-webkit-box-shadow:0px 15px 34px -30px #444;
	-moz-box-shadow:0px 15px 34px -30px #444;
	box-shadow:0px 15px 34px -30px #444;}
.departmentButtonLast {float: left; margin: 6px 0 0 0;-webkit-box-shadow:0px 15px 34px -30px #444;
	-moz-box-shadow:0px 15px 34px -30px #444;
	box-shadow:0px 15px 34px -30px #444;}
	
a:hover img.bottomsocial,
a:focus img.bottomsocial,
a:hover img.departmentButton,
a:focus img.departmentButton,
a:hover img.departmentButtonLast,
a:focus img.departmentButtonLast  { 
	border-bottom: 6px solid #1e79ae;
	margin-bottom: -6px;
	}

#promos h2 {font-size: 150%;margin: 0 0 6px 0;line-height: 110%;}

#promos a img { 
	text-decoration: none;
	border-bottom: 6px solid #f6f4ee;
	margin: 0 0 -4px 0;
	padding-bottom: 1px;
	}	
	
#promos a:hover img { 
	text-decoration: none;
	border-bottom: 6px solid #1e79ae;
	margin: 0 0 -4px 0;
	}

#socialContent {
	width: 100%;
	background: #ddd url('../images/grey_bg.gif');
	background-color: #3c3c3c;
	border-top: 1px solid #c3c3c3;
	min-height: 300px;
	margin-top: 38px;
	padding: 6px 0;
	}
	
#socialContent h2, 
#socialContent h3,
#socialContent p{margin:10px;max-width: 100%;}	

#videoholder{
	min-height: 340px;
	border: 1px solid #ccc;
	background: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow:0px 15px 34px -30px #444;
	-moz-box-shadow:0px 15px 34px -30px #444;
	box-shadow:0px 15px 34px -30px #444;
	padding:0 10px 10px 10px;
	}
	
#events,
#news{
	min-height: 206px;
	border: 1px solid #ccc;
	background: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow:0px 15px 34px -30px #444;
	-moz-box-shadow:0px 15px 34px -30px #444;
	box-shadow:0px 15px 34px -30px #444;
	}
	
#videoholder h2 {padding:0;}

#events h2 {	
	background: url('../images/calendar.png') no-repeat center right;
	font-weight: normal;
	}	

#events ul {list-style:none;padding:0 10px 0 0;margin-bottom: 4px;}
#events ul li {border-bottom: 1px dotted #888;}	
#events ul li a {
font-size: 13px;
	color: #2361b7;
	background: url(../images/arrow.png) no-repeat 0px 7px;
	text-decoration: none;
	padding: 4px 0 4px 10px;
	display:block;
	text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url( 'bindings.xml#ellipsis' );
    white-space: nowrap;
    overflow: hidden;
	}
	
#events ul li a:hover, .news ul li a:hover {
	color:#003366;
	background: #dcebf4;
	}
	
a.more {
	display:inline-block;
	font-size:120%;
	/*line-height: 5px;*/
	color: #fff;
	background: #d04b02;
	padding: 8px; 
	margin: 15px 0;
	clear: both;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
	
	

a.more:hover, a.more:focus {
	text-decoration: none ! important;
	color: #fff;
    background: #b65200 ! important;
	}
	
#twitterholder {
	min-height: 435px;
	border: 1px solid #ccc;
	background: #fff url('../images/well_tweets.png') 10px 10px no-repeat;
	margin-top: 20px;
	margin-bottom: 20px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow:0px 15px 34px -30px #444;
	-moz-box-shadow:0px 15px 34px -30px #444;
	box-shadow:0px 15px 34px -30px #444;
	overflow: hidden;
	}
	
.tweeter {margin-top: 40px;}	
		
	
/* big footer elements -------------------------- */	

#bigfooter {
	 width: 100%;
	 padding: 10px 0 100px 0;
	 background: #fff;
	 }

footer {color: #f4f4f4;}

.footer_grid{width: 160px;display:inline;float:left;margin-left:10px;margin-right:10px;padding-left: 10px;border-left: 1px solid #222; -webkit-box-shadow:-1px 0px #4d4d4d;-moz-box-shadow:-1px 0px #4d4d4d; box-shadow:-1px 0px #4d4d4d;}

/* department footer and department_nav -------------------------- */

#department_nav {
	background: transparent url('../images/super_bg.png') repeat-x 0px -24px;
	/*height: 91px;*/
	height: 42px;
	display: block;
	overflow: hidden;
	text-transform: uppercase;
	}
	
#department_nav .department {
	height: 11px;
	line-height: 11px;
	margin: 8px 0 6px 0;
	padding: 0;
	}
	
#department_nav ul#dept {
	list-style: none;
	height: 33px;
	margin: 0;
	padding: 0;
	background: transparent url('../images/super_divider.jpg') no-repeat left top;
	}
	
#department_nav ul#dept li {
	float: left;
	height: 33px;
	background: transparent url('../images/super_divider.jpg') no-repeat right top;
	margin: 0;
	padding: 0;
	}
	
#department_nav ul#dept li a {
	height: 11px;
	line-height: 11px;
	padding: 6px 10px 14px 10px;
	color: #c7c7c7;
	display: block;
	margin: 0;
	}
	
#department_nav ul#dept li a:hover {
	text-decoration: none;
	color: #ffffff;
	}
	
#department_nav ul#dept li a.current-page {
	background: transparent url('../images/super_current.png') no-repeat center 22px;
	color: #ffcc00;
	}		
	
#department_footer {
	width: 100%;
	background-color: #3c3c3c;
	border-bottom: 1px solid #000000;
	padding: 0;
	margin-top: 0px;
	color: #c7c7c7;
	}	
	
#department_footer_top {
	width: 100%;
	background: #4C4C4C;
	border-top: 1px solid #727d85;
	border-bottom: 1px solid #000000;
	padding: 0;
	margin-top: 0px;
	float: left;
	}	
	
#department_footer a,
#department_footer p {color: #c8c8c8;}
#department_footer p {margin-top: 0px;}

#department_footer a:hover {
	color: #eeb211;
	border-bottom: 1px dotted #eeb211;
	text-decoration: none;
	}

#department_footer_top a {color: #f6f6f6;text-transform: uppercase ! important;}	
#department_footer_top span {color: #eeb211;} 	
	
ul.alt-links {
	display: block;
	overflow:hidden;
	list-style: none;
	padding: 0 ;
	margin: 0 0 -1px 10px;
	box-shadow:-1px -1px #555;
	}

ul.alt-links li{
	float: left;
	border-bottom: 1px solid #222;	
	border-left: 1px solid #222;
	border-right: 1px solid #222; 
	box-shadow: 0px 1px 1px 0px #666;
	margin: 0 -1px 0 0px;
	padding: 8px 8px; 
	background: none ! important;
	text-transform: uppercase;
	}
	
ul.alt-links li a:link {
	font-size: 14px;
	color: #f8f8f8;	
	}
	
ul.alt-links li a:last-child {
	border-right:none;
	}
	
ul.alt-links a:link, #nav a:link, nav a, #nav a, #nav a:visited, nav a:visited {color: #f8f8f8; }
ul.alt-links a:hover, #nav a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #eeb211;
	}
	
.footer_grid  {padding-top: 10px;}	
		
#department_footer h3,
#department_footer h3 a {
	font-size: 12px;
	text-transform: none;
	margin: 4px 0;
	padding-bottom: 0;
	border-bottom: 0;
	color: #f8f8f8;
	}	
	
#department_footer .footer_grid ul {
	list-style: none;
	margin: 0;
	padding: 0 0 20px 0px;
	}
	
#department_footer ul li {
	padding-left: 10px;
	margin-bottom: 0;
	background: transparent url('../images/gold_bullet.gif') no-repeat left 7px;
	}
	
#department_footer ul li a {}
#department_footer ul li a.active {color: #eeb211;}

.bwicons img {width: 15%; height: auto;}

.alpha  { margin-left: 0; }
.omega  { margin-right: 0; }

.disclaimer p {max-width: 100%;color: #ccc; font-size: 11px; opacity: .8; padding-top: 20px;}

ul#linx {font-size: 13px; margin: 10px 0;}

ul#linx li {display: inline; margin: 0;}

ul#linx li a {
	text-decoration: none;
	/*color: #fff;
	background: #579fc7;*/
	padding: 2px 4px 1px 4px;
	margin: -1px;
	}
	
ul#linx li a:hover {
	text-decoration: none;
	/*color: #579fc7;
	background: #fff;*/
	}	
	
table#staffer {font: 12px arial, sans-serif; border-collapse: collapse;}	
	
table.news td {padding: 4px; vertical-align: top;}	
td a {font-size: 13px; margin: 0px; line-height: 140%;/*color:#62B3E0*/ ! important; text-decoration: none; font-weight: bold; padding: 0;}
/*td a:hover {color:#fff ! important; text-decoration: none;}*/
table#staffer td h4 {font-size: 18px; margin: 0px; color:#62B3E0; padding: 0;}
	

table#staffer tr:nth-child(odd) {}
table#staffer tr:nth-child(even) {background-color: #fff;}

.staffname {font-size: 18px; margin: 0px; color:#fff; text-decoration: none;}

#backpage #wrapper .container, 
#health #wrapper .container,
#medical #wrapper .container,
#mental #wrapper .container {padding-bottom: 30px;}

#backpage #wrapper .container .twelve p, 
#health #wrapper .container .twelve p,
#medical #wrapper .container .twelve p,
#mental #wrapper .container .twelve p {font-size:120%;line-height:150%;}

#backpage #wrapper .container .twelve hr, 
#health #wrapper .container .twelve hr,
#medical #wrapper .container .twelve hr,
#mental #wrapper .container .twelve hr {
clear: both;
      display: block;
       border : 0;
       height : 4px;
       background : transparent;
      /* background : url(../images/hr-bg.png) repeat-x left;*/
       margin : 12px 0;
       }

.left_sidebar {padding-right: 8px;}

#backpage #wrapper .container .twelve a img, 
#health #wrapper .container .twelve a img,
#medical #wrapper .container .twelve a img,
#mental #wrapper .container .twelve a img { 
	text-decoration: none;
	border-bottom: 6px solid transparent;
	margin: 0 4px -6px 4px;
	padding-left: 6px;
	padding-right: 6px;
	}

#backpage #wrapper .container .twelve a:hover img, 
#health #wrapper .container .twelve a:hover img,
#medical #wrapper .container .twelve a:hover img,
#mental #wrapper .container .twelve a:hover img { 
	text-decoration: none;
	border-bottom: 6px solid #1e79ae;
	margin: 0 4px -6px 4px;
	}
	

/* #blog stuff
================================================== */	

.blog-main {padding-right:20px;}
.blog-main h2 {border-bottom:none;max-width:100%;font-weight:800;}
h3.blog-top  {color:#fff;text-transform:uppercase;background:#2c4558;margin:0;border-radius:6px 6px 0 0;padding:8px 8px 8px 12px;font-size:140%;}
.blog-sidebar {background:#fff; border-radius:0 0 4px 4px;padding:10px;border:1px solid #ccc;margin-bottom:40px;}

ul.bloglinks {font-size:120%;padding:0px;list-style:none;margin:0;}
ul.bloglinks li a {font-size:120%;padding:5px;background:#fff;border-radius:4px;}


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }