#visual-portal-wrapper {
	background-image: url(../image/homepage/jellyfishBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;	
}
#bg {
	background-image: url(../image/homepage/navBG.gif);
	background-repeat: repeat-x;
	background-position: center 90px;
	padding-top:17px;
}

body {
	background-color: #241649;
	background-image: url(../image/homepage/body_bg.gif);
	background-repeat: repeat-x;
}
/*-- Rounded Middle Area --*/
#pageBackground {
	margin-top:-15px;
}
#region-content {
	background: url(../image/homepage/centerStripe.gif) center top repeat-y;
	padding-top:5px;
}
#bgSliceLeft {
	display: block;
	background: url(../image/homepage/sliceLeft.png) left 30px no-repeat;
}
#bgSliceRight {
	display: block;
	background: url(../image/homepage/sliceRight.png) right 27px no-repeat;
	overflow: hidden;
}
#bottomRoundedLeft {
	background: url(../image/homepage/bottomRoundedLeft.png) left bottom no-repeat;
	height: 15px;
	display:block;
}
#bottomRoundedRight {
	background: url(../image/homepage/bottomRoundedRight.png) right bottom no-repeat;
	height: 15px;
	display:block;	
}
.portalBlock {
	background: url(../image/rounded/l.gif) left repeat-y;
}
.portalBlockBG {
	background: url(../image/rounded/r.gif) right repeat-y;
	overflow: hidden;
}

/*----------Rounded Corners-----------*/

.portalBlock p {
	margin: 0 10px;
}

.roundtop { 
	background: url(../image/rounded/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../image/rounded/br.gif) no-repeat top right; 
}
.bgtop {
	background: url(../image/rounded/t.gif) repeat-x top;
	display: block;
	font-size:0px
}
.bgbottom {
	background: url(../image/rounded/b.gif) repeat-x bottom;
	display: block;
	font-size:0px;
	clear: both;
}
.roundLeftBottom {
	background: url(../image/rounded/bl.gif) no-repeat bottom left;
	display: block;
	height: 12px;
}
.roundLeftTop {
	background: url(../image/rounded/tl.gif) no-repeat top left;
	display: block;
	height: 12px;
}
#events {
	width: 215px;
	margin-left: 15px;
}
.imgCaption {
	display: block;
	color: #666;
	margin: 0 12px 5px 10px;
	padding-bottom: 3px;
	text-align: right;
	line-height:14px;
	font-size: 92%;
}
.newsImage {
	float:left;
	border-left: 1px dotted #ccc;
	padding:0 0 0 9px;
	position: relative;	
	width: 210px;
}
#news .newsImage p {
	padding: 0;
}
.newsImage p:first-child {
	margin:0;
}
.newsImage img {
	background: url(../image/homepage/news_bg1.png) 0 0 repeat-x;
	padding:10px;
	display:block;
    width: 190px;
	clear: both;
}
#multilinks {
	width: 215px;
}
#newsLinksBox {
	height: 50px;
	background-image: url(../image/homepage/navBG_news.gif);
	background-repeat: repeat-x;
	padding-top: 0;
	margin: 4px 0 0 15px;
	width: 435px;
}
.newsLinksBoxLeft {
	background-image: url(../image/homepage/news_rounded_left.gif);
	background-position: left top;	
	overflow: hidden;
	background-repeat:no-repeat;
}
.newsLinksBoxRight {
	background-image: url(../image/homepage/news_rounded_right.gif);
	background-position: right top;	
	overflow: hidden;
	background-repeat:no-repeat;	
}

/* Florence styles */

div#flow_canvas {
	width:840px;
	margin: 0 auto;
	position: relative;
}	
div#flow_images {
	visibility:hidden;
	z-index:1000;
	height: 380px !important;
}
div#flow_images h2 {
	margin: 0;
	height: 0;
	overflow: hidden;
	text-indent: -9999px;
}
div#flow_images img {
	display:block;
	width:100%;
	outline: none;
}
div#flow_images a{
	display:block;
	position:absolute; 
	top:0px;
	border:none;
	outline:none;
}
div#loading{
	position:absolute;
	font:900 0.9em verdana;
	color:#FFCC00;
	left:270px;
	bottom:107px;
	text-align:center;
	z-index:1000;
	background:url(../image/homepage/gallery_loading.gif) center center no-repeat;
	height:100px;
	width:300px;
}
#floArrow {
	height:19px;
	left:0px;
	position:absolute;
	top:320px;
	z-index:999;
	visibility:hidden;
}
#floArrow a{
	float:left;
}
#questionMark {
	float:left;
	padding:0 10px;
}
.floArrowLeft {
	float: left;
	display: block;
	width: 28px;
	height: 19px;
	background: url("http://www.washington.edu/static/xflow_popup/images/barleft.gif") no-repeat left top;
	cursor:pointer;
}
.floArrowRight {
	float: left;
	display: block;
	width: 28px;
	height: 19px;
	background: url("http://www.washington.edu/static/xflow_popup/images/barright.gif") no-repeat right top;
	cursor:pointer;
}
#floArrowBody {
	float: left;
	width: 130px;
	height: 19px;
	background: url("http://www.washington.edu/static/xflow_popup/images/barbg.gif") repeat-x left top;
}
.floArrowSlider {
	width: 34px;
	height: 19px;
	margin-left: -5px;
	background: url("http://www.washington.edu/static/xflow_popup/images/slider.png") repeat-x left top;
	cursor:pointer;
}

/*---------- Accordion Menu -----------*/
ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0 0 10px;
}
ul#menu {
  list-style-type:none;
  margin: 0 0 0 10px;
  padding: 0;
  width: 180px;  
}

ul#menu a {
	display: block;
	text-decoration: none;
	width: 194px;
}
a.menuMiddle {	
	outline: none
}
a.menuMiddle:focus {
	outline: 1px dotted #6c6c6c;
}
a.menuMiddle:hover {
	cursor: pointer;
	cursor: hand;
}
ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  color: #333;
}

ul#menu li a:hover {
}

ul#menu li ul li a {
	color:#444444;
	display:inline-block;
	font-size:92%;
	line-height:110%;
	margin-left:4px;
	padding:2px 0 2px 9px;
	width:172px;
}
ul#menu li ul li a:hover {
	background-color: #efefef;
}
.menuMiddle {
	background-image: url(../image/homepage/menu_middle.gif);
	background-repeat: no-repeat;
	background-position: center top;	
	display: block;
	overflow: hidden;
}
.menuMiddle:active {background-image: url(../image/homepage/menu_middle_active.gif);}
/*.accordNavSelected {background-image: url(../image/homepage/menu_middle_active.gif);}*/
.selectedAccordion {background-image: url(../image/homepage/menu_middle_active.gif); font-weight:bold; color:#FFC925 !important;}

.menuLeft {
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 5px 0 15px 15px;
	display: block;
	overflow: hidden;	
}

.menuRight {
	background-repeat: no-repeat;
	background-position: right top;	
	display: block;
	overflow: hidden;	
}
#news .newsLinksBottom {
	text-align: center;
	padding: 20px 0 5px;
	clear:both;
	background: url(../image/shadowNewsFooter.jpg) top center no-repeat;
	margin:0 6px 0 2px;
}
	#news .newsLinksBottom a {
		border-left:1px solid #A5A5A5;
		font-size:92%;
		padding:0 3px 0 6px;
		text-align:center;
		text-decoration:none;
	}
	#news .newsLinksBottom a:first-child { border-left:none; }
	
	.newsLinksBottom a:hover {
		text-decoration: underline;	
	}	
#newsLinks li {
	float: left;
	list-style-type: none;
	margin:0;
	padding: 0;
	background-image:url("../image/nav_left_bar.gif");
	background-position:left 10px;
	background-repeat:no-repeat;
}
#newsLinks li a {
	display:block;
	color: #fff;
	text-decoration: none;
	outline:none;
	padding: 9px 15px 22px;
	margin: 0 2px;	
	font-weight: bold;
}
#newsLinks li a:hover, #newsLinks li a:focus {
	color: #ffc925;
	background-image: url(../image/homepage/arrow_news.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#newsLinksBox .selected {
	color: #ffc925;
	background-image: url(../image/homepage/arrow_news.gif);
	background-repeat: no-repeat;
	background-position: bottom center;	
}

/*---------- Events portion -----------*/
dd.borderBot {
	border-bottom: 1px dotted #ccc;
	margin-right: 30px;
}
.eventsModule a {
	color: #4a7c01;
}
.eventsModule dd.eventTime {
	color:#555;
	font-size:92%;
	font-weight:bold;
	margin:0 0 10px 60px;
	padding-bottom:5px;
	padding-top:3px;
	float: none;
	clear:both;
}
.eventsModule a:hover, .eventsModule a:hover {
	color: #172700;
}
dl.eventsModule {
	margin: 1em 0;
	padding: 0;
}
.eventsModule dt {
	clear:both;
	color:#555;
	float:left;
	font-size:82%;
	padding:2px 0 0 20px;
	text-align:right;
	text-transform:uppercase;
	width:35px;
}
.eventsModule dd {
	border-left:1px dotted #CCCCCC;
	float:left;
	margin:0 0 0 5px;
	padding:0 15px 0 8px;
	width: 130px;
	line-height:125%;	
}
#emToday {
	float: right;
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding-right: 2px;
}
#emMoreButton {
	margin-right: 20px;
}

/*---------- Gift portion -----------*/
#gift a {
	display: block;
	width: 109px;
	height: 30px;
	background:url(../image/donate.gif);
	background-position: top left;
	float: right;
	padding: 7px 23px 0 48px;
	background-repeat:no-repeat;
	margin-top: 5px;
	outline:none;
	color: #9e8200;
}
#gift a:hover {
	background-position: left -30px;
	text-decoration:underline;
}
#gift a:active {
	background-position: left -60px;
}
#gift {
	height: 35px;
	background-image: url(../image/homepage/round_tab.png);
	background-repeat: no-repeat;
	background-position: top right;

}
/*---------- Center portion -----------*/
#news p{
	line-height: 14px;
	padding:2px 15px 3px 3px;
}	
.newsCopy p {
	padding: 0;
	margin: 0;
}
.newsCopy img {
	border-bottom:1px solid #E6E6E6;
	border-top:1px solid #E6E6E6;
	padding:3px 0;
}
.newsCopy p a {
	font-weight:bold;
	background:url(../image/arrow_bullet.gif) right 4px no-repeat;
	padding-right: 8px;
	white-space:nowrap;
}
.newsCopy a {
	font-weight:bold;
}
.newsCopy {
	margin:0 20px 7px 15px;
	padding:10px 0;
	background: url(../image/shadowNewsFooter.jpg) bottom center no-repeat;
	overflow: hidden;
	clear:both;
}
.newsCopyImg {
	padding-left: 13px;
	margin-right: 15px;
	padding-bottom: 5px;
	width:70px;
	float:left;
	display:block;
}
.newsCopyDesc {
	padding:0 5px 10px 0;
	width: 315px;
	float:right;
	line-height:125%;
}
.newsStories {
	float:left;
	margin: 0 10px 5px 0;
	width:200px;
	background: url(../image/homepage/news_bg1.png) 13px top no-repeat;
	clear:both;
}
.newsStories ul {
	margin-bottom: 0;
	padding-left: 5px;
	padding-top: 15px;	
}
.newsStories li {
	line-height: 14px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;	
}
.newsSource {
	font-size: .9em;
}

#region-content h3 {
	margin:0 0 10px 0px;
	padding:12px 0 5px 0;
	color:#444;
	display: inline;
	float:left;
}
.eventsHeadline, .newsStories div {
	border-bottom:1px solid #E4E4E4;
	margin:7px 20px 0;
	overflow:hidden;
	padding-bottom:5px;
}
	.newsStories div {margin: 15px 15px 0 25px;}
#region-content .eventsHeadline h3, #itemTabs .newsStories h3 {
	float:left;
	margin:0 0 3px 0;
	padding:0;
	font-size: 120%;
}
.newsStories a.newsLink {
	margin: 0 0 3px 0;
	line-height: 14px;
	text-decoration: none;
}
/*---------- Olympia Update  -----------*/
#tab-news .blogLinksWrap a.blogLink1, #tab-news .blogLinksWrap a.blogLink2, #tab-news .blogLinksWrap a.blogLink3 {
    border-left: 1px solid #DDDDDD;
    display: block;
    float: left;
    margin-top: 4px;
    padding: 0 1px 0 9px;
    text-align: left;
    width: 60px;
}
#tab-news .blogLinksWrap a.blogLink1 {
    border-left: 0 none;
}
#tab-news .blogLinksWrap a.blogLink3 {
    width: 66px;
}
#tab-news .blogLinksWrap a.blogLink2 {
    width: 55px;
}
#tab-news p.blogLinksWrap {
    background: url("../image/shadowNewsFooter.jpg") no-repeat scroll center bottom transparent;
    height: 46px;
    line-height: 110%;
    margin-bottom: 9px;
    margin-left: 24px;
    padding-bottom: 9px;
    padding-top: 18px;
}
#tab-news p.blogLinksWrap span {
    background: url("../image/homepage/capitol.gif") no-repeat scroll 0 0 transparent;
    color: #FFC925;
    display: block;
    float: left;
    font-size: 92%;
    height: 35px;
    line-height: 13px;
    margin-right: 0;
    padding: 10px 0 0 21px;
    width: 85px;
}
#tab-news .newsLinksBottom {
	padding: 0 0 5px;
}
/*---------- Test for clearing -----------*/
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*---------- Lightbox popup -----------*/
#dbox, #dboxHelp {
	background:url("../image/homepage/dboxRoundTop.png") no-repeat scroll left top transparent;
	display:none;
	left:50px;
	overflow:hidden;
	position:absolute;
	top:27px;
	width:740px;
	z-index:9999;
}
.dboxGrad {
	padding:25px 20px;
	width: 680px;
	float: left;
}
.dboxSlider {
    overflow: hidden;
	margin:10px 10px 0;
	background: url(http://www.washington.edu/static/xflow-plain/images/popup_bg.jpg);
	height: 313px;
}
.dboxBR {
	background: url(../image/homepage/dboxRoundBot.png) no-repeat bottom left;
	padding:0 0 10px;
}

#dbox p {
	line-height:14px;
	margin:10px 0;
}
.dboxRight {
	float:left;
	width:250px;
	padding-left:30px;
}
.dboxRight h2 {
	margin-top: 10px;
}
.dboxLeft {
	float:left;
	background-image:url("http://www.washington.edu/static/xflow_popup/xpopbg.png");
	background-position:left top;
	background-repeat:repeat-y;
}
.xpopTR {
	background-image:url("http://www.washington.edu/static/xflow_popup/xpoptr.png");
	background-position:left top;
	background-repeat:no-repeat;
	border-right:1px dotted #CCCCCC;
}
.xpopBR {
	background-image:url("http://www.washington.edu/static/xflow_popup/xpopbr.png");
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:11px 40px 11px 12px;
	display: block;
}
#dbClose, #dbHelpClose {
	background:url("../image/homepage/dboxCloselabel.gif") no-repeat scroll right top transparent;
	color:#666;
	display:block;
	font-size:75%;
	font-weight:bold;
	height:25px;
	padding:5px 0 0;
	position:absolute;
	right:20px;
	text-transform:uppercase;
	top:18px;
	width:58px;
}
#dboxArrowLeft, #dboxArrowRight {
	background: url(../image/homepage/dboxRoundArrows.gif) no-repeat bottom left;
	bottom:10px;
	display:block;
	height:36px;
	position:absolute;
	right:74px;
	width:54px;
}
#dboxArrowRight {
	background-position: bottom right;
	right:20px;
}
#dboxArrowLeft:hover, #dboxArrowLeft:focus {
	background-position: 0 -39px;
}
#dboxArrowRight:hover, #dboxArrowRight:focus {
	background-position: -48px -39px;
}
#dboxArrowLeft.nil {
	background-position: 0 -1px;
	cursor: default;
}
#dboxArrowRight.nil  {
	background-position: -48px -1px;
	cursor: default;
}
#dboxMask, #dboxHelpMask {
	width: 10000px;
}
a.xflowPopupReadmore {
	background:url("../image/arrow_bullet.gif") no-repeat scroll right 4px transparent;
	font-weight:bold;
	padding:0 9px 0 0;
	text-decoration:none;
	white-space:nowrap;
}

/*---------- Hides social media bar that sometimes pops up at the top -----------*/
#atffc {
display:none;
}
