/* CSS Document */
/*REMEMBER WORDPRESS STYLE */
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule.*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, table, ul, li, ol {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
} 

body { background-color:#392758;}
p {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: .8em;
}

li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
}
li ul li {font-size:1em;}
h1, h2, h3, h4, h5, h6{
		margin: .5em 0;
		}
ul, li {margin:0 0 0 .5em;}

a:link{	color:#543980;}
a:visited{color:#5F5571;}
a:hover {color:#773C8A; background-color:#F4EFC6;}  
a:active {color:#0000FF;}
a img {border:none;}
a[href$=".pdf"] {
		background: url(images/pdf.gif) no-repeat right;
		padding-right: 0.9em;
	}
.highlight { font-family:"Book Antiqua", "Palatino Linotype", serif; font-weight:bold; color:#CC0000; font-size:larger;}
.left{float:left;} 
.right{float:right;}
.hide{display:none}
.clear_float{
background:transparent none repeat scroll 0 0;
border: none;
clear:both;
font-size:1px;
height:1px;
margin:0;
padding:0;
}
#head_wrapper{
margin-left:auto;
margin-right:auto;
padding:0;
position:relative;
max-width:1020px;
min-width:700px;
 }
#UWBG_header{
background-color:#FAF7E4;
}
/*divided the width and height of img by 16 to get em so img scales with text*/
div#UWBG_header img#UWBG_Logo {
margin: 0 .1em;	
position: absolute; 
top: 2.2em;
left: 1em;
/*width: 19.25em;
height: 8.19em;*/
}
div#UWBG_header span#feature_image {
margin: 0 .1em;	
position: absolute; 
top: 1.7em;
left: 18em;
width: 26.25em;
height: 16.88em;
}

div#UWBG_header div#feature_image {
	left: 300px;
    position: absolute;
    text-align: center;
	width:40%;
	height:90%;
}
div#UWBG_header span#tag {
margin: 0 .1em;	
position: absolute; 
top: 11em;
left: .5em;	
}
div#UWBG_header div#feature_image img {
    display: block;
    float: none;
    /*height: 100%;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}
div#utility {
background-color:#FAF7E4;
background-image:url(https://depts.washington.edu/uwbg/images/leaf_logo4.gif);
background-attachment: inherit;
background-position: 95% 10%;
background-repeat: no-repeat;
width: 30%;
position: relative; 
top: 0em;
left: 700px;
margin: 0 0 0 1%;
padding: 5em 0 0 0;
}
div#UWBG_header div#utility ul{
font-size:smaller;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
div#UWBG_header div#utility ul li{padding:.2em 0;}
div#UWBG_header p {
font-size:x-small;
}
#container {
background-color:#FAF7E4;
margin-left:auto;
margin-right:auto;
padding:0;
position:relative;
max-width:1020px;
min-width:600px;
/*For IE6 */
_width:1020px;
}
div#container h2, h3, h4 {font-family:"Book Antiqua", "Palatino Linotype", serif}
#home #global_navigation .home a,  #footer .home a{ /*This hides home on the home page*/
	display:none;
	}
#global_navigation{
	color:#FFFFFF;
	background-color: #392758;
	background: url(https://depts.washington.edu/uwbg/images/navigation.gif) repeat ;
	height: 2em;
	max-width:1020px;
	min-width:700px;
}
div#global_navigation ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 0;
padding:.5em 0;

}
div#global_navigation ul li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0.1em 2em 0.1em 2em;
	white-space:nowrap;
	font-size: 9px;
} 

div#global_navigation ul li a {
color:#FFFFFF;
text-decoration:none;
font-size: 1.5em;
padding: .5em .5em .5em .5em; 
line-height: 1;
}
div#global_navigation ul li a:hover{
	background-color: #8B809F;
}
div#global_navigation ul li ul li {
	font-size: 1em; 
	margin:0.1em .5em 0 .2em;
}
div#global_navigation ul li ul{display:none;}

#right_sidebar {/*HOME page*/
	float: right;
	width: 25%;
	padding: .5em 1em;
	margin-left: 1em;
}
.block{
	width: 14em;
	margin: .3em .3em;
	padding: .3em .3em .3em .3em;
	float: right;
	background-color:#EAD77D; /*EBE494*/
	border-left-color:#EC943C;
	border-left-style:dashed;
	border-left-width:thin;
	text-align:center;
}
/*.block a img { margin-left:12%; margin-right: .3em;} */
.block ul { text-align:left;}
.sign-up{
width: 26em;
}
#news{/*HOME page*/
float:left;
padding: .5em .5em;
width:60%;
font-family:Arial, Helvetica, sans-serif;
}
#news p {
/*font-size:larger;*/
}
#news h3 { clear:left;}
#news img {
margin: .3em .3em;
float:left;
}
#news li { list-style-type:none;}
.block #sfImageWrapper{ margin-left:12%; margin-right: .3em;}
.section_header{
	padding-left:.5em;
	background-color:#EAD77D;
	border-left-color:#EC943C;
	border-left-style:dashed;
	border-left-width:thin;
}
#content{ 
float: right;
padding: .5em .5em;
width: 72%;
}
#content img {padding: .5em .5em;}
.photo p { font-family:"Book Antiqua", "Palatino Linotype", serif; font-style:italic; font-size:smaller;}
#factsheet li{ line-height: 1.3;}
#section_navigation{
	float:left;
	padding: 1em .5em;
	background-color:#EAD77D;
	border-right-color:#EC943C;
	border-right-style:dashed;
	border-right-width:thin;
	width:23%;	
}
div#section_navigation ul{
	list-style-position: inside;
	list-style:none;
}
div#section_navigation ul li{
	border-left-color:#FFFFFF;
	border-left-style: solid;
	border-left-width:thin;
	border-bottom-color:#FFFFFF;
	border-bottom-style: solid;
	border-bottom-width:thin;
	line-height: 200%;

}
div#section_navigation ul li ul li{
	margin: 0 0 0 .5em;
	border-left-color:#EAD77D;
	border-bottom-color:#EAD77D;
	border-top-color:#FFFFFF;
	border-top-style: solid;
	border-top-width:thin;	
	}
	
	/*this edit decreases the font size of 3nd level li (i.e. WPH Rentals, CUH Rentals)*/
div#section_navigation ul li ul li ul li{
	font-size: 0.8em;
	}
	
div#section_navigation ul li a {text-decoration:none; display:block;}
div#section_navigation ul li a:hover{
	background-color:#EFE798;
}
div#section_navigation ul li a.current {background-color:#EFE798}

/*Accordian (expand/collaps content) style*/
.expandHeader{ /*header of 2nd demo*/
cursor: hand;
font-weight:bold;
}
.openHeader{ /*class added to contents of 2nd demo when they are open*/
color: black;
}
.closedHeader{ /*class added to contents of 2nd demo when they are closed*/
color: black; /*(formerly #8B1E04)*/
}
#content .accordprefix img{/*TM added style to move +/- gif closer to heading*/
	margin: 0 0;
	padding: 0 .1em 0 .5em;
}
/* Wordpress Begin Images (from Kubrick 1.5 theme*/
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
/* Wordpress Captions  from Kubirck 1.5 theme*/
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */



/*generated code from Flickr for the rotating images in the side bar block*/
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, sans-serif; color:#3993ff;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_uber_wrapper {width:150px;}
#flickr_www {display:block;  padding:0 10px 0 10px !important; font: 11px Verdana, Arial, Helvetica, sans-serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {background:inherit !important;color:#593D89;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

.lastupdate {font-size:x-small; font-style:italic;}

div#footer li.home {width: .1em !important;}
#footer{
background-color:#392758;
/*background-image:url(images/footerSkyline.jpg);
background-repeat:no-repeat;
background-position: center top;*/
color:#FFFFFF;
padding-top: 1.5em;
margin-left:auto;
margin-right:auto;
width:1020px;
}

#footer p#site_map {
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#FFFFFF;
	margin: .5em .5em;
	padding: 0 0 .5em 0; 
	color: #FFFFFF;
	font-size:smaller;
}
#footer p#uw {
border-top:thin solid #FFFFFF; 
padding:.5em 0 .5em 0;
margin: .5em .5em;
font-size:smaller;
text-align:center
}
#footer a {color:#FFFFFF; text-decoration:none}
#footer a:hover { background-color:#392758; text-decoration:underline;}
div#footer ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 0.5em;
padding:.5em 0 0 0;
width:auto;
}
div#footer ul li {
text-align:left;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0.1em .5em 0 0;
width: 150px;
font-weight: bold;
font-size:smaller;
}
div#footer ul li ul {margin: 0 0 0 .5em; padding: 0 0 }
div#footer ul li ul li{
float:none;
font-weight: normal;
font-size:x-small;
}
div#footer ul li ul li ul {margin: 0 0 0 .5em; padding: 0 0}
div#footer ul li ul li ul li{
list-style-position:inside;
}