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

*  {
padding:0;
margin:0;	
	
}

body {
background-color:#005b9b;
background-image:url(https://www.southseattle.edu/images/background2015-7.gif);
background-repeat:repeat-x;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:100%;	
line-height:1.5;
}

#wrapper {
width:78%;
margin:0 auto;
max-width:1100px;
padding:1.5%;
background-color:#fff;	
overflow:hidden;
position:relative;
	
}

#header  {
border-bottom:5px solid #C77F50;
background-color:#fff;
padding:20px 0 20px 10%;
height:60px;
background-image:url(../images/skyline2015-3.png);
background-position:bottom center !important;
background-repeat:no-repeat;
}

#nav-south  {
background-color:#005b9b;

height:40px;	
}

#main {
width:75.702128%;
float:right;
}

#content {
	
width:62%;
float:left;	
	
}

#aside {
	
width:34%;
float:right;	
}

#nav {
width:22.170213%;
max-width:250px;
width:17%;
padding:0;
float:left;
background-color:#B6D4E6;
position:fixed;
border-top-right-radius:5px;
border-top-left-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;


}

body#home #nav li:nth-child(1) {
background-color:#eeeeee;
border-top-right-radius:5px;
border-top-left-radius:5px;

}


body#classes #nav li:nth-child(2) {
background-color:#eeeeee;
}

body#bas #nav li:nth-child(6) {
background-color:#eeeeee;
}

#nav li  {
list-style-type:none;
font-size:1em;	
height:2em;
line-height:2em;
}

#nav li a  {
text-decoration:none;
color:#0066B0;
display:block;
padding:0 4%;
}

#nav li a:hover  {
background-color:#eeeeee;
}

#nav li:nth-child(6) a:hover  {
background-color:#eeeeee;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}

#nav-mobile, .nav-phone  {
display:none;	
}

.box {
border-radius:5px;
border:1px dotted #666;	
margin-bottom:1.5em;
}

.box-vets {
border-radius:5px;
border:1px dotted #666;	
margin-bottom:1.5em;
width:100%;
background-image:url(../images/flag-transparency.jpg);
background-size:cover;
background-position:center;
padding-bottom:7.14% ;
}
img  {
max-width:100%;	
}

.tab  {
float:right;
width:25%;
background:	#E7E7E7;
padding:5px;
border-top-left-radius:5px;	
border-top-right-radius:5px;	
}

.tab p {
margin-bottom:0;
padding-bottom:0;
text-align:center;	
}

.tab a {
color:#000;
font-weight:bold;	
}
.box-main  {
background-color:#E7E7E7;
padding:3% 0 0 0;

border-top-left-radius:5px;	
border-bottom-left-radius:5px;	
border-bottom-right-radius:5px;	
margin-bottom:1.5em;
clear:right;
}

.box-main h3, .box-main p, .box-main ul li {
margin:0 4% 0 4%;
}

.box-main ul.button li {
margin:0;
}

.box img {
margin-bottom:15px;	
}

#footer  {
background-color:#003C66;
height:300px;	
}

.fix {
margin-top:-10px;	
}

table {
border:1px solid #666;	
border-top-right-radius:5px;
border-top-left-radius:5px;
}

th.sub-header {
background-color:#B6D4E6;
color:#333;
font-size:1em;
padding:.5em;
font-weight:bold;
text-align:left;
}


th.sub-header span {
font-style:italic;
font-weight:normal;
}
th {
background-color:#005b9b;
color:#fff;
font-size:1em;
padding:.5em;
font-weight:200;
text-align:left;

}

th-nth:child(1) {

}


td {
vertical-align:top;	
padding:.8em .5em;
font-size:.9em;
border-bottom:1px dotted #666;
}

td p {
padding-bottom:0;	
}

td:nth-child(1) {
width:15%;	
}

td:nth-child(1) p {
background-color:#C77F50;
padding:.3em;
color:#fff;
width:70%;
}


td:nth-child(2) {
width:20%;	
}

p.credits {
font-weight:bold;
font-style:italic;
text-align:right;	
}

/*+++++++Typography+++++++++++++++*/

h1 {
color:#0067B1;	
line-height:1.1;	
padding-bottom:.3em;
}

h2 {
line-height:1.2;	
padding-bottom:.4em;
font-weight:200;
}



.box-main h3 {
line-height:1.3;	
margin-bottom:.35em;
color:#0067B1;	
}



#content ul, #aside ul {
margin:0 0 1.5em 2em;
}

#content li {
line-height:1.4;	
margin-bottom:.3em;
}

#content li ul li {
margin-top:.6em;
line-height:1;	
}



#content ul.button {
overflow:hidden;	
margin:0;	
}

#content ul.button li {
float:left;
width:50%;
text-align:center;	
list-style-type:none;
margin-bottom:0em;
line-height:2.5;
}

#content ul.button li:nth-child(1) {
background-color:#000;
border-bottom-left-radius:5px;
}

#content ul.button li:nth-child(2) {
background-color:#005b9b;
border-bottom-right-radius:5px;
}

#content ul.button li a {
color:#fff;
}

#aside li {
list-style-type:none;
font-size:.9em;
}


#aside h4 {
background-color:#B6D4E6;
line-height:1.4;	
padding:2% 2% 2% 3%;
border-top-right-radius:5px;
border-top-left-radius:5px;
margin-bottom:10px;
	
}

#aside p  {
font-size:.825em !important;
padding:0 2% 1em 3%;
color:#666 !important;
	
}

p  {
padding-bottom:1.5em;	
}

.box-main p  {
padding-bottom:1em;	
}

.box-main p + ul  {
padding:-2em 0 0 0;	

}



@media screen and (max-width: 1000px) {
	


	
body {
font-size:96%;	
	
}

#wrapper {
	width:85%;	
	}
	
	
#header {
background-image:none;	
padding-left:5%;	
}

#nav {
	width:18%;
	
	
}


}

@media screen and (max-width: 800px) {
	
	
	body {
font-size:90%;	
	
}
	
#wrapper {
	width:90%;	
	}	
	


#header  {

padding:1% 0 1% 4%;
}

#nav {
	width:20%;
	
	
}

#content {
float:none;
width:auto;	
}

#aside {
float:none;
width:auto;	
}

#aside p  {
font-size:1em !important;

	
}

}

@media screen and (max-width: 700px) {
	.box-vets {

padding-bottom:.14% ;
}
	#wrapper {
		margin-top:20px;
	width:95%;	
	}
	
	#header  {

padding:1% 0 1% 1%;
}
	
	#main {
	margin-top:50px;	
	float:none;
	width:auto;
	
	}
	
	#nav-mobile  {
display:block;	
}

#nav  {
display:none;	
}

	/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block;
		position: absolute;
		top: 7px;
		right: 7px;
		width: 50px;
		height: 35px;
		background: url('../images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px;
		z-index: 999;
		text-indent: -9999px;
	}
	.nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
	.nav-button.open {
		background: url('../images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
	}

	/* Navigation Bar
	-------------------------------------------------------- */

		.nav-phone {
		display: block;
		position: absolute;
		top: 7px;
		right: 70px;
		z-index: 999;
		
		}
		
		.nav-phone img {
		height:36px;
		
		}

	.primary-nav {
		width: 100%;
		float: none;
		background-color: #005b9b; /* change the menu color */
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
	}
	.primary-nav li {
		display: none;
		width: 100%;
		font-family: Arial;
	}
	.primary-nav li a {
		display: block;
		width: 90%;
		padding: 10px 5%;
		font-size: 14px;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1); 
	}
	.primary-nav li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
	}
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.primary-nav.open { 
		height: auto; 
		padding-top: 50px;
	}
	.primary-nav.open li { 
		display: block; 
	}

	/* Submenus – optional .parent class indicates dropdowns */

	.primary-nav > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;
	}
	.primary-nav li.parent > a:after {
		content: "▼";
		color: rgba(255,255,255,.5);
		float: right;
	}
	.primary-nav li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	.primary-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}

} /* End Mobile Styles */