@import url("/wmu/news/bacon.css");
@import url("/wmu/news/news.css");

div#column1 {
	padding-top: 20px;
}

html {background-color: #630;}

body  {
/* fallback */
	background-color: #663300;
	background: url(/images/global/body-background.png);
	background-repeat: repeat-x;
/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#663300), to(#996633));
/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #996633, #663300);
/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #996633, #663300);
/* IE 10 */
	background: -ms-linear-gradient(top, #996633, #663300);
/* Opera 11.10+ */
	background: -o-linear-gradient(top, #996633, #663300);
	color: #000;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* HEADER REGIONS */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

#header {
	background: url("/images/global/master-gradients.gif") repeat-x 0 0;
	height: 70px;
	position: relative;
	width: 980px;
	display: block;
	margin: 0 auto;
}

#header-first {
	float: left;
	height: 70px;
	position: relative;
	width: 90px;
}

#header-last {
	float: left;
	height: 70px;
	position: relative;
	width: 890px;
}

#header-top {
	height: 42px;
	width: 890px;
}

#header-top-first {
	float: left;
	position: relative;
}

#header-top-middle,
#header-top-last {
	float: right;
	position: relative;
}

#header-top-first {
	height: 42px;
	width: 337px;
}

#header-top-middle {
	height: 42px;
	width: 330px;
}

#header-top-last {
	height: 42px;
	width: 214px;
}

#header-bottom {
	height: 28px;
	width: 890px;
}

#header-bottom-first {
	float: left;
	height: 28px;
	width: 676px;
}

#header-bottom-last {
	float: left;
	height: 28px;
	width: 214px;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* BRANDING */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

#logo {
	display: block;
	float: right;
	height: 70px;
	margin: 0;
	width: 79px;
}

#signature {
	display: block;
	height: 42px;
	margin: 0;
	width: 307px;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* MENUS */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font: 10px Verdana, sans-serif;
}

.menu a {
	text-decoration: none;
}

.menu a:hover {
	text-decoration: underline;
}

.leaf {
	float: left;
	padding: 0 .7em;
	border-left: 1px solid #cd9933;
}

.first {
	padding-left: 0;
	border-left: 0;	
}

#column1 a:link,
#column2 a:link,
#column3 a:link {
	color: #630;
	text-decoration: underline;
}

#column1 a:visited,
#column2 a:visited,
#column3 a:visited {
	color: #960;
}

#column1 .menu,
#column1 .menu a {
	font: bold 14px Helvetica, sans-serif;
	text-decoration: none;
}

#column1 .menu li {
	padding: 0 0 0.5em 0;
}

#column1 .menu li ul {
	list-style: disc outside url("/images/global/icons/arrow-tan.gif");
	margin-top: 0.5em;
	padding-left: 1.0em;
}

#column1 .menu li ul li {
	font: bold 14px Helvetica, sans-serif;
}

#column1 .menu a {
	color: #630;
}


#column3 .menu {
	margin-bottom: 1em;
}

#column3 .menu li {
	padding: 0 0 0.5em 0;
}

#column3 .menu a {
	color: #630;
	font: bold 12px Helvetica, sans-serif;
	text-decoration: underline;
}

#primary-menu {
	padding: 5px 0 0 5px;
}

#primary-menu a {
	color: #fc6;
	font-size: 14px;
}

#primary-menu span,
#role-based-menu span {
	color: #cd9933;
	font-size: 14px;
	padding-left: 0.5em;
}

#role-based-menu {
	padding: 5px 0 0 5px;
}

#role-based-menu a {
	color: #ebd29a;
	font-size: 14px;
}

#secondary-menu {
	padding: 8px 0 0 10px;
}

#secondary-menu a {
	color: #fde5b5;
}

.offscreen {
  position: absolute; 
  top: -30em; 
  left: -300em; 
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* SEARCH */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

#search {
	padding: 3px 0 0 0;
}

.searchform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	padding: 3px 5px;
}

.searchform input {
	font: normal 10px/100% Arial, Helvetica, sans-serif;
}

.searchform .form-text {
	background: #fff;
	padding: 3px 6px 3px 8px;
	width: 150px;
	border: solid 1px #ccc;
	color: #630;
	outline: none;
	float: left;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	--webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); /* removed b/c of Windows Chrome */
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}

.searchform .form-submit {
	float: right;
	display: block;
	height: 17px;
	padding: 5px 0 0 5px;
	margin-top: -2px;
	width: 20px;
}

#column1 .searchform {
	padding: 3px 5px 3px 0;
}

#column1 .searchform .form-text {
	background: #ebd29a;
	width: 140px;
	border: solid 1px #630;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* TYPOGRAPHY */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

hr {
	margin: 20px 0 5px; border-top: 1px solid #ada690; border-bottom: 0; border-left: 0; border-right: 0;background-color: #fff; color: #fff; height: 1px;
}

ul li ul {
	margin-top: 1.0em;
}

.center {
	text-align: center;
}

#column1 .title {
	color: #000;
	font: bold 14px Helvetica, sans-serif;
	margin: 18px 0 1em;
}

#column2 h1 {
	font: bold 24px Helvetica, sans-serif;
	margin-top: 8px;
}

#column2 h2 {
	font: bold 18px Helvetica, sans-serif;
}

#column2 li {
	margin-bottom: 1em;
}

#column2 .title {
	font: bold 14px Helvetica, sans-serif;
	padding-top: 18px; /* ANCHOR FIX: switched from margin-top to padding-top */
}

#column2 h3 {
	font: bold 14px Helvetica, sans-serif;
}

#column3 .title {
	color: #fff;
	font: bold 18px Helvetica, sans-serif;
	margin: 18px 0;
}

#column3 .spotlight {
	margin: 1em auto;	
}

#column3 .spotlight a {
	color: #630;
	font: bold 12px Helvetica, sans-serif;
	margin-top: 18px;
	text-decoration: underline;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/*                                                                                                                                 */
/*                                                     3 COLUMN LAYOUT                                                             */
/*                                                                                                                                 */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

#wrapper { 
	width: 980px;
	background: #fff;
	box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.52);
	-moz-box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.52);
	-webkit-box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.52);	
	margin: 0 auto;
	text-align: left;
} 

.layout1 #wrapper { 
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);	
} 

#column1 {
	float: left;
	width: 200px;
	padding: 0 10px;
}

#column3 {
	float: right;
	width: 150px;
	padding: 0 10px;
	text-align: center;
}

#column2 { 
	margin: 0 170px 0 220px;
	padding: 0 18px;
	min-height: 613px;
	position: relative;
} 

#footer-wrapper {
	margin: 0 auto;
	width: 980px;
	clear: both; /* 20110829 added to fix display problems on short pages */
}

#footer { 
	background: url("/images/global/master-gradients.gif") repeat-x 0 -70px;
	font: 12px normal Helvetica, sans-serif;
	text-align: center;
}

#footer p {
	margin: 0;
	padding: 10px 0;
}

.fltrt {
	float: right;
	margin-left: 8px;
}

.fltlft {
	float: left;
	margin-right: 8px;
}

.clearfloat {
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0;
}

.clearfix {
	clear: both;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/*                                                                                                                                 */
/*                                                     2 COLUMN LAYOUT                                                             */
/*                                                                                                                                 */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.layout1 #column2 { 
	margin: 0;
	padding: 0 18px;	
} 

.layout1 #column3,
.layout1 #column1 {
	display: none;
}

.layout2 #column2 { 
	margin: 0 0 0 220px;
	padding: 0 18px;
	min-height: 613px; /* 20110829 added to fix display of search results */
	position: relative;
} 

.layout2 #column3 {
	display: none;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* ANCHOR FIX */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#column1,
#column3 {min-height: 613px;}

#column1 {position: absolute;}

#column3 {position: relative;}

#wrapper,
.layout3 #wrapper {background-image: url("/images/global/main-bg-both.png");}

.layout1 #wrapper {background-image: none;}

.layout2 #wrapper {background-image: url("/images/global/main-bg-one.png");}


#wrapper {
    background-color: #FFFFFF;
    background-position: 0 0;
    background-repeat: repeat-y;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* NEWS CSS ADDED FOR THOM - 20110705 */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* WRAPPERS */
#news_wrapper {
	position: relative;
	overflow: hidden; /*Safari OS X 10.5.x fix - vertical scrolling gets disabled without <div> wrapper and its settings 20101112 Bradley*/
}
#news_features_wrapper,
#news_headlines_wrapper,
#news_stories_wrapper {
	position: relative;
	overflow: hidden;
}
#news_features_wrapper {
	padding: 1em 0;
}
#news_headlines_wrapper {
  border-top: 2px solid #ccc;
	margin: 1em 0;
	padding: 1em 0;
}
#news_stories_wrapper {
  border-top: 2px solid #ccc;
	margin: 1em 0;
	padding: 1em 0;
}

/* CONTENT DISPLAY: TEASER */
.news_feature img,
.news_headline img,
.news_story img {
	float: left;
	margin-right: 10px;
}
.news_feature,
.news_headline,
.news_story {
	clear: left;
}
.news_feature + .news_feature, /* applies the padding to every div BUT the first one */
.news_headline + .news_headline,
.news_story + .news_story {
	padding-top: 1em;
}
.news_feature p,
.news_headline p,
.news_story p,
.news_author,
.news_date {
	margin: 0;
	padding: 0;
}
.news_cutline {
	font-size: 9px;
	margin-top: 1em!important;
}
/* CONTENT DISPLAY: FULL NODE */
.news_addthis_wrapper {
	overflow: hidden;
}
.addthis_toolbox {
	float: right;
	padding: 0.5em;
}
div.atclear {
	clear: none!important;
}
.news_photo_left {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
.news_photo_right {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
.news_photo { /* sets the background color for the caption */
	background-color: #e9e2cf;
}
.news_photo_caption {
	padding: 5px;
	margin-bottom: .5em;
	background-color: #e9e2cf;
}
.news_headline .news_date {
	color: #666;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* COL 1 SUB MENU */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#column1 ul li ul li,
#column1 ul li ul li a {font: 10px Verdana,sans-serif;}
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* TOP BUTTON */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#top a:link,
#top a:hover,
#top a:active,
#top a:visited {float: right; margin: 0.1em 0.1em 0.4em; padding: 3px; background-color: #e9e2cf; border: 1px solid #94866f; color: #564630 !important; text-decoration: none; font: small-caps normal 10px Verdana, sans-serif;}
#top a:hover {color: #fff !important; border-color: #94866f; background-color: #cbc1b0;}
/* Social Icons block for Spotlight region - 20120214
-------------------------------------------------------*/
#socialicons {float:left;width:100%;overflow:hidden;position:relative;}
#socialicons ul {clear:left;float:left;list-style:none;margin:0;padding:0;position:relative;left:50%;text-align:center;}
#socialicons li {display:block;float:left;list-style:none;margin:0;padding:5px;position:relative;right:50%;width: 25px;height: 25px;}
#socialicons a {display: block;	width: 24px; height: 24px;	background-image: url('/images/global/spotlights/social.png'); background-repeat: no-repeat;	text-indent: -9999px;}
#socialicons a.facebook {background-position: 0 0;}
#socialicons a.twitter {background-position: -24px 0;}
#socialicons a.linkedin {background-position: -48px 0;}
#socialicons a.youtube {background-position: -72px 0;}
#socialicons a:hover.facebook {background-position: 0 -24px;}
#socialicons a:hover.twitter {background-position: -24px -24px;}
#socialicons a:hover.linkedin {background-position: -48px -24px;}
#socialicons a:hover.youtube {background-position: -72px -24px;}