@charset "UTF-8";
/* CSS Document */

html {
	height:101%;
}

body {
	background: #071423;
	margin-top:20px;
}

/********---------------------------------------**********/

.headerbg {
	background:#071423 url(images/headerbg.jpg) no-repeat;
	height:134px;
}
.homelink {
	background: url(images/logoblank.png) no-repeat;
	height:134px;
}
#introvideo {
	margin: 8em 0 0 14em;
}
.mainbg {
	background:#071423 url(images/homebg.jpg) no-repeat;
	height:620px;
}
.interiorbg {
	background:#FFF;
	height:100%;
}
.leftcolumn {
	background:#FFF url(images/cloudbg.jpg) no-repeat;
	height:620px;
}
.rightcolumn {
	height:620px;
}
.balloon {
	background:#FFF url(images/balloonbg.jpg) no-repeat;
	height:620px;
}
.leftcolumn2 {
	background:#FFF url(images/cloudbg.jpg) no-repeat;
	height:920px;
}
.rightcolumn2 {
	height:920px;
}
.balloon2 {
	background:#FFF url(images/balloonbg2.jpg) no-repeat;
	height:920px;
}
.car {
	background:#FFF url(images/carbg.jpg) no-repeat;
	height:620px;
}
.abc {
	background:#FFF url(images/abcbg.jpg) no-repeat;
	height:620px;
}
.empty {
	background:#FFF;
	height:100%;
}
.footer {
	background: #002b5c;
	width:967px;
	height:20px;
}
.videoholder {
	background:#CCC;
	height:230px;
	width:600px;	
}

h1 {
	font-family: Arial, Helvetica,sans-serif;
	font-size:2em;
	text-align:left;
	font-weight:400;
	color:#072d5a;
	padding:0;
	margin:0 0 0 0;
}

h2 {
	font-family: Arial, Helvetica,sans-serif;
	font-size:1.5em;
	text-align:left;
	font-weight:400;
	color:#072d5a;
	padding:0;
	margin:00 0 0;
}

h3 {
	font-family: Arial, Helvetica,sans-serif;
	font-size:1.4em;
	text-align:left;
	font-weight:400;
	color:#072d5a;
	padding:0;
	margin:0 0 0 0;
}
h3 a {	
	font-family: Arial, Helvetica,sans-serif;

	color:#072d5a;
	padding:0;
	margin:0 0 0 0;
}

.homesubhead {
	font-family: Arial, Helvetica,sans-serif;
	font-size:.9em;
	text-align:left;
	color:#00488a;
	padding-top:0;
	margin:-.1em 0 .2em 0;
}

.homecopy {
	font-family: Arial, Helvetica,sans-serif;
	font-size:1.2em;
	line-height:1.5em;
	font-weight:300;
	text-align:left;
	color:#000;
	margin:0;
}
.homecopy a {	
	color:#000;
}
.homecopy2 {
	font-family: Arial, Helvetica,sans-serif;
	font-size:1em;
	line-height:1.7em;
	font-weight:300;
	text-align:left;
	color:#000;
	margin:0;
}
.homecopy2 a {	
	color:#000;
}
.homecopy3 {
	font-family: Arial, Helvetica,sans-serif;
	font-size:1em;
	line-height:1.5em;
	font-weight:300;
	text-align:left;
	color:#000;
	margin:1em 0 0 0;
}
.homecopy3 a {	
	color:#000;
}
.caption {
	font-family: Arial, Helvetica,sans-serif;
	font-size:1em;
	font-weight:300;
	text-align:left;
	color:#000;
	margin:-1em 0 0 0;
}


.call {
	font-family: Arial, Helvetica,sans-serif;
	font-size:1.25em;
	font-weight:300;
	text-align:left;
	color:#00488a;
	margin:0 0 0 0;
	padding:-1em 1em 0 0;
}

.call a {
	font-family: Arial, Helvetica,sans-serif;
	font-size:1em;
	font-weight:300;
	text-align:left;
	color:#00488a;
	margin:0;
	text-decoration:none;
}

.callnumber {
	font-family: Arial, Helvetica,sans-serif;
	font-size:1.35em;
	font-weight:bold;
	text-align:left;
	color: #ed1c24;
	margin:.2em 0 0 0;
}

/********---------------------------------------**********/

#topnav {
	margin:-3.5em 0em 0 23em;
	padding:0 0 20px 0;
}

#topnav ul {
	font-family: Arial, Helvetica,sans-serif;
	font-size:.95em;
	text-align:left;
	margin:0;
}

#topnavlist li {
	display: inline;
	list-style-type: none;
	padding:0;	
}

#topnavlist a {
	text-decoration:none;
	font-weight:200;
	color:#FFF;
}

#topnavlist a:hover {
	text-decoration:none;
	color:#fed700;
}

#topnavlist a.active {
	text-decoration:none;
	font-weight:600;
}

.menuspacer {
	color: #32a5fc;
	margin: 0 1.1em;
}

#bottomnav {
	margin:.35em 0 0 0;
	padding:0;
}

#bottomnav ul {
	font-family: Arial, Helvetica,sans-serif;
	font-size:.8em;
	text-align:center;
	margin:0;
}

#bottomnavlist li {
	display: inline;
	list-style-type: none;
	padding:0;	
}

#bottomnavlist a {
	text-decoration:none;
	font-weight:200;
	color:#FFF;
}

#bottomnavlist a:hover {
	text-decoration:none;
	color:#fed700;
}

#bottomnavlist a.active {
	text-decoration:none;
	font-weight:600;
}

.menuspacer {
	color: #32a5fc;
	margin: 0 1.1em;
}

/********--------------Side Nav--------------**********/

#sidenav {
  text-align:right;
  margin:2.4em 0 0 0;
}

#sidenav ul {
  font-family: Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
}

#sidenav li  {
  list-style-type:none;
}

#sidenav a  {
  color: #002b5c;
  text-decoration: none;
  font-size: .9em;
  font-weight: 400;
  display: block;
  padding:0 55px 0 0;
}

#sidenav a:hover  {
   color: #fed700;
}

#sidenav hr {
	background:#FFF;
	color:#FFF;
	float:none;
	width:60%;
	height:.15em;
	margin:-13px 0 7px 52px;
	border:none;
}
.blueline {
	margin:-8px 0 0 0;
	padding:0 40px 1px 0;
}

/********---------------Map Stuff------------------**********/

#map_canvasyakima {
	width: 680px;
	height: 400px;
	margin: 0;
}

/********---------------------------------------**********/

.copyright {
	font-weight:600;
	color: #683532;
}

#address {
	text-align:left;
	position:relative;
	color: #888;
	font-family: Arial, Helvetica,sans-serif;
	font-size:.9em;
	margin:.7em 0 0 0;
}

#address div {
	position:absolute;
	bottom:0;
	left:0;
}



/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
#clearfloat { 
	clear:both;
    height:0;
    font-size: 0px;
    line-height: 0px;
	padding:0;
	margin:0;
}
.floatleft {
	float:left;
	margin: 0 0 8em 0;
	padding:0 32px 0 0;
}
.floatright {
	float:right;
}


/********---------------------------------------**********/

.spacer {
	margin:-.2em 0;
}