/* GLOBAL SETTINGS === */

header, main, aside, footer, menu, nav, section {
display: block;
}

body {
margin: 0;
font-family: arial, sans-serif;
background: #fff;
}

/* === LAYOUT === */

.wrapper {
max-width: 960px;
margin: 0 auto;
background: #fff url(../images/leftsidebar.png) repeat-y left top;
background-size: 20.833333333%;
border-right: 1px solid #5B5B60;
border-left: 1px solid #5B5B60;
box-shadow: 0 0 8px 2px rgba(0,0,0,.5);
}

.wrapper2 {
max-width: 960px;
margin: 0 auto;
border-right: 1px solid #5B5B60;
border-left: 1px solid #5B5B60;
box-shadow: 0 0 8px 2px rgba(0,0,0,.5);
}

.banner {
min-height: 150px;
background: #AFC7CE;
border-bottom: 1px solid #5B5B60;
}

.banner h1 {
float: left;
margin-top: 0;
margin-left: 20px;
padding-top: 55px;
color:#49494C;
font-size: 2.50em;
}

.logo {
float: left;

}

.left-sidebar { /* 200px */
float: left;
width: 16.666666666%;
padding: 2.083333333%;
}

.main { /* 760px */
float: left;
width: 75%;
background: #fff;
padding: 2.083333333%;
}

.main2 { /* 960px */
width: 95.833333333%;
background: #fff;
padding: 2.083333333%;
}

.site-footer {
clear: both;
min-height: 150px;
background: #AFC7CE;
border-top: 1px solid #5B5B60;
border-bottom: 1px solid #5B5B60;
}

/* === NAVIGATION MENU & FOOTER === */

.primary-menu {
clear: both;
}

.primary-menu ul {
list-style-type: none;
padding: 0;
margin: 0;
background-color: #5B5B60;
}


.banner .primary-menu li {
display: inline;
margin-right: -.25em;
}

.primary-menu a {
text-decoration: none;
font-family: arial, sans-serif;
color: #fff;
font-weight: bold;
background-color: #5B5B60;
display: inline-block;
padding: 0.52em 0.8em;
text-align: center;
}

.primary-menu a:hover {
color: #AFC7CE;
}

.copyright {
text-align: center;
}
/* === Form === */


form legend {
color:#336F7A;
font-weight: bold;
}

.assignment-form fieldset {
background: #DBDBDB;
margin-bottom: .8em;
}


.assignment-form div {
display: table-row;
}


.assignment-form label {
text-align: right;
vertical-align: middle;
}


.assignment-form input[type="submit"] {
background:#336F7A;
color: #fff;
}

.assignment-form { /* 500px */
width: 65.789473684%;
max-width: 65.789473684%;
display: block;
margin-right: auto;
margin-left: auto;
}

textarea {
width: 70%;
max-width: 70%;
min-height: 150px;
display: block;
margin-right: auto;
margin-left: auto;
}

ul {
list-style-type: none;
}

/* === TABLES AND LISTS === */

.tools, .tools td {
border: 1px solid #5B5B60;
}

.tools {
border-collapse: collapse;
}

tr:nth-of-type(even) {
background-color: #CDCECF;
}

thead, tfoot {
background-color:#F7F7F7; 
}

caption {
font-weight: bold;
color:#3D91A0;
padding-bottom: 5px;
}

.tools td {
padding: 5px;
}

.table {
float: right;
padding-left: 2.083333333%;
padding-bottom: 2.083333333%;
}


/* === IMAGES AND VIDEOS === */

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

.me {
float: right;
padding-left: 2.083333333%;
padding-bottom: 2.083333333%;
}

.video {
float: left;
width: 52.631578947%;
padding-right: 2.083333333%;
padding-bottom:2.083333333%;
text-align: center;
}

iframe:focus {
    outline: none;
}

iframe[seamless] {
    display: block;
} 

/* === PHOTO GALLERY === */

.gallery .figure p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-align: center;
line-height: normal;
}


figcaption {
font: 1.1em Arial, Helvetica, sans-serif;
text-align: center;
margin: 10px 0 0 0;
}

figure {
display: inline-block;
vertical-align: top;
width: 210px;
margin: 0 8px 8px 8px;
}

/* === LINKS === */

.main a {
text-decoration: none;
font-weight: bold;
}

.main a:link {
color: #3D91A0;
}

.main a:visited {
color: #7D5D82;
}

.main a:hover {
color: #AFC7CE;
}

.main a:active {
color: #4FB8D6;
}

.left-sidebar a {
text-decoration: none;
font-weight: bold;
}

.left-sidebar a:link {
color: #fff;
}

.left-sidebar a:visited {
color: #7D5D82;
}

.left-sidebar a:hover {
color: #AFC7CE;
}

.left-sidebar a:active {
color: #4FB8D6;
}



/* === Responsive === */

img, figure, embed, object, video, table {
max-width: 100%;
height: auto;
}
@media (max-width: 767px) {
	.main, .left-sidebar {
		float: none;
		width: auto;
		padding: 1%;
		}
	.wrapper {
		background: #fff;
		}
	.left-sidebar {
		background:#CDCECF;
		}
	
	.logo, .left-sidebar {
		display: none;
		}
	
	.banner h1 {
	text-align: center;
	font-size: 1.5em;
	padding-bottom: 30px;
	margin-left: 10px;
	}
	

}

/* === PRINT === */

@media print {

	*{
	color: #000 !important;
	background: #fff !important;
	}

	.body {
		font-size: 12pt;
		}
		
	.banner, .left-sidebar, .site-footer {
		display: none;
		}
		
	.wrapper, .main  {
	border: none;
	float: none;
	width: auto;
	}
		
} /*ending print curly bracket */