@charset "utf-8";
/* This document contains the styles that are
responsible for making the LMS website template responsive.

Because the site was develope before the responsive request
was made, many of these styles are simply overrides of the main styles.

Created By: Cameron Andrews <cameron_andrews@live.com>
Last Edited: 6/24/2014
*/

/* DEVICE OPTIMIZATION*/
@media all and (max-width:450px) and (orientation:portrait) {
	
	/*Standards*/
ul, ol{
	margin:4px 4px 4px 20px;
}
h1,h2,h3,h4,h5{
	clear:both;
}
.icons li{
	float:none;
	margin:6px auto;
	width:168px;
	text-align:center;
}
iframe,table{
	max-width:100%;
}
form table td{
	display:block;
}
form table td label{
	float:none;
}

#wrapper{
	width:100%;
	padding: 0;
}
#header {
width: 100%;
}	

#logo {
width: 100%;
float: left;
margin-top: 0;
margin: 0 auto;
text-align: center;
}
#headerright {
width: 100%;
float: left;
}
ul.nav li {
background:#ccc;
width: 100%;
margin-bottom: 5px;
}	

#centerbar {
width: 100%;
text-align: center;
overflow: hidden;
margin: 10px 0;
}

#twocolumns {
width: 100%;
list-style-type: none;
margin: 0 auto;
padding: 0;
text-align: center;
}

#twocolumns li {
width: 100%;
height: 300px;
float: left;
text-align: center;
margin: 0 auto;
}

h3 {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 24px;
display: block;
padding-left: 15px;
margin: 6px 0;
margin-left: 110px;
width: 100%;
border-bottom: 1px solid white;
text-align: none;
}
#twocolumns li img {
border: 2px solid #E0E0E0;
float: none;
overflow: hidden;
width: 250px;
height: 250px;
background: white;
}
.center {
width: 100%;
margin: 0 auto;
}
.fright {
float: none;
}
DIV#bg-slideshow img {
width:100;
}
#clear{
	width:100%;
}
ul.nav .navlink {
padding: 5px 0px 7px;
font-weight: bold;
}
.alignl {
	margin-left: 0;
}
#portfolio {
list-style: none;
text-align: center;
padding: 0;
width: 100%;
color: #333;
}
#portfolio li {
	float:none;
}
h1 {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 34px;
display: block;
padding-left: 15px;
margin: 6px 0;
margin-left: 0;
width: 100%;
border-bottom: 1px solid white;
text-align: center;
}
.ppimg {
float: left;
margin-right: 10px;
width: 100%;
margin-bottom: 25px;
}
h3 {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 20px;
display: block;
padding-left: 15px;
margin: 6px 0;
margin-left: 0px;
width: 100%;
border-bottom: 1px solid white;
text-align: center;
}



}