* {
	box-sizing: border-box;
}

html {
	margin:0;
	padding:0;
	overflow-y: scroll;
}

body {
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	background-image: url("../images/winecheese.jpg");
	background-size: 210px;
	background-repeat:repeat;
	background-attachment:fixed;
	margin:0;
	padding:0;
	padding-left: calc(100vw - 100%);
}

#wrapper {
	width:100%;
	max-width:1204px;
	margin:50px auto 20px auto;
	padding:5px 15px 0 5px;
}

/* Start Header */

header {
	border:1px solid #444444;
	height:95px;
	width:100%;
	padding:5px;
	font-family: arial, verdana;
	font-size: 42px;
	font-weight: bold;
	text-align: center;
	color: #00cc00;
	text-shadow: 1px 1px 0px #008800, 2px 2px 0px #007700, 3px 3px 0px #006600, 4px 4px 0px #005500, 7px 7px 2px #000000;
	background-color: #ffffff;
	box-shadow: 3px 3px 5px #444444;
}

.pagetitle {
	line-height:80px;
}

.titlepic {
	height: 83px;
	float:left;
	border: 1px solid #000000;
}

.titlepic2 {
	height: 83px;
	float:right;
	border: 1px solid #000000;
}

/* End Header */

/* Start Navigation */

nav {
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
	border-bottom: 1px solid #555555;
	display:inline-block;
	margin:0 auto;
	text-align:center;
	position: fixed;
	top:0;
	box-shadow: 3px 3px 5px #444444;
	z-index:1000;
}

#navbar {
	width: calc(100% - 25px);
	margin:0 auto;
	text-align:center;
	padding:0;
}

#navbar ul {
	width:100%;
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

#navbar ul a {
	display:block;
	color:#009900;
	text-decoration:none;
	font-weight:bold;
	line-height:24px;
}

#navbar ul li {
	position:relative;
	float:left;
	padding:0;
	width:25%;
	text-align:center;
	border-right:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	border-left:1px solid #aaaaaa;
	font-size:13px;
	background-color:#ffffff;
	box-shadow: 3px 3px 5px #444444;
}

#navbar ul li.minbut {
	background-color:#dddddd;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

#navbar ul li.minbut:hover {
	background-color: #dddddd;
}

#navbar ul li.minbut a {
	color: #009900;
}

#navbar ul li.current {
	background:#cccccc;
}

#navbar ul li:hover {
	background:#eeeeee;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
}

#navbar ul ul {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:transparent;
	padding:0;
	z-index:2;
}

#navbar ul ul li {
	float:none;
	width:190px;
	text-align:left;
	font-size:12px;
	margin:0;
}

#navbar ul ul a {
	line-height:120%;
	padding:5px;
}

#navbar ul ul ul {
	top:0;
	left:calc(100% - 4px); 
}

#navbar ul li:hover > ul {
	display:block;
}

#navbar ul ul li a.point {
	cursor:pointer;
}

/* End Navigation */

/* Start Main Contect */

#main {
	float:left;
	width:calc(75% - 5px);
}

section {
	border:1px solid #444444;
	margin-top:8px;
	margin-bottom:10px;
	padding:10px;
	background-color:#ffffff;
	box-shadow: 3px 3px 5px #444444;
}

h1 {
	font-size:18px;
	color: #00cc00;
	text-align: left;
	display: inline;
	text-shadow: 1px 1px 0px #007700, 2px 2px 1px #000000;
}

h2 {
	font-size:15px;
	color: #004400;
	text-align: left;
	display: inline;
}

.foodpic1 {
	width:calc(40.6% - 9px);
	border: 1px solid #555555;
	display:inline-block;
}

.foodpic2 {
	width:calc(18.8% - 4px);
	margin-left:7px;
	border: 1px solid #555555;
	display:inline-block;
}

.foodpic3 {
	width:calc(40.6% - 9px);
	margin-left:7px;
	border: 1px solid #555555;
	display:inline-block;
}

p.fullfirst {
	text-align:justify;
	margin-top:0px;
}

p.full {
	text-align:justify;
}

p.fulllast {
	text-align:justify;
	margin-bottom:0px;
}

p.pagelink {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	width:100%;
	text-align: center;
	margin-top:15px;
	margin-bottom:0;
}

article {
	width:100%;
	margin:0 auto 0 auto;
	text-align:center;
}

.inline-ad {
	display:inline-block;
	width:100%;
	margin:0 auto;
	text-align:center;
	color:#000000;
	text-shadow:-1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
	font-size:10px;
	font-weight:bold;
}

#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: #00cc00;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	box-shadow: 1px 1px 0px #007700, 2px 2px 0px #006600, 3px 3px 0px #005500, 6px 6px 3px #000000;
}

#myBtn:hover {
	background-color: #555555;
	box-shadow: 1px 1px 0px #444444, 2px 2px 0px #333333, 4px 4px 2px #000000;
}

.social {
	float:right;
	padding-left:5px;
	z-index:-1;
}

/* End Main Content */

/* Start Sidebar */

aside {
	border:1px solid #444444;
	float:left;
	margin:8px 0 0 10px;
	padding:10px;
	background-color:#ffffff;
	width:calc(25% - 5px);
	font-size:11px;
	box-shadow: 3px 3px 5px #444444;
}

.caption {
	color: #009900;
	font-weight: bold;
	text-decoration: underline;
}

.linkblock {
	margin:2px auto 0 auto;
	text-align:center;
}

.linkpic {
	width:calc(50% - 5px);
	max-width:120px;
	border: 0px;
}

.linkpic2 {
	width:calc(38% - 5px);
	border: 0px;
}

.linkpic3 {
	width:calc(62% - 11px);
	border: 3px solid #3b5998;
	border-radius: 5px;
	margin-right:3px;
	float:left;
}

.linkpic4 {
	width:calc(50% - 11px);
	border: 3px solid #3b5998;
	border-radius: 5px;
	margin-right:3px;
	float:left;
}

.linkpic5 {
	width:calc(100% - 5px);
	border:0px;
}

/* End Sidebar */

/*Start Footer */

footer {
	clear:both;
	height:10px;
	font-size:9px;
	text-align:center;
	padding-top:5px;
	margin-bottom:-5px;
}

/* End Footer */

/* Start Bottom */

#banner {
	display:inline-block;
	width:100%;
	margin:0 auto 10px auto;
	text-align:center;
}

#mobile-banner {
	display:none;
}

/* End Bottom */

a:link {
	color: #009900;
	text-decoration: none
}

a:visited {
	color: #005500;
	text-decoration: none
}

a:hover {
	color: #00ff00;
	text-decoration: underline
}

a:active {
	color: #aa0000;
	text-decoration: none
}

.blink_me {
  animation: blinker 1s linear infinite;
  font-weight: bold;
  color: red;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

/* Start Sitemap */

ul.sitemap {
  margin: 0;
  padding: 10px 0 0 5px;
  list-style: none;
  float: left;
  width:calc(33% - 5px);
}

ul.sitemap ul {
  padding-left: 15px;
  list-style: none;
}

ul.sitemap li {
  border-bottom: 2px solid #ffffff;
}

ul.sitemap li a:link, ul.sitemap li a:visited{
  background-color: #dddddd;
  display: block;
  padding: 2px;
  text-decoration: none;
  color: #005500;
}

ul.sitemap li a:hover {
  background-color: #999999;
  color: #ffffff;
}

ul.sitemap li li a:link, ul.sitemap li li a:visited{
  background-color: #ffffff;
  display: block;
  padding: 0;
}

ul.sitemap li li a:hover {
  background-color: #ffffff;
  color: #00ff00;
}

/* End Sitemap */

.my-error-class {
	color:#aa0000;
}

.my-error-class.form-control {
	border:2px solid #aa0000;
	background-color: rgba(170, 0, 0, 0.2);
}

.my-valid-class.form-control {
	border:2px solid #00aa00;
	background-color: rgba(0, 170, 0, 0.2);
}

.my-error-class.form-text {
	border:2px solid #aa0000;
	background-color: rgba(170, 0, 0, 0.2);
}

.my-valid-class.form-text {
	border:2px solid #00aa00;
	background-color: rgba(0, 170, 0, 0.2);
}

.my-error-class.form-number {
	border:2px solid #aa0000;
	background-color: rgba(170, 0, 0, 0.2);
}

.my-valid-class.form-number {
	border:2px solid #00aa00;
	background-color: rgba(0, 170, 0, 0.2);
}

.missing {
	color:#dd0000;
}

.boldlabel {
	font-weight:bold;
}

h1.mid {
	color: #00cc00;
	text-align: center;
	display: block;
	line-height: 50%;
}

h2.mid {
	color: #444444;
	text-align: center;
	display: block;
	line-height: 50%;
}

h3.mid {
	color: #444444;
	text-align: center;
	display: block;
	line-height: 20%;
}

h3.left {
	color: #004400;
	text-align: left;
	display: inline;
}

.modal-open {
	overflow:hidden;
}

.modal {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1050;
	display:none;
	overflow:hidden;
	outline:0;
	background-color:rgb(0, 0, 0);
	background-color:rgba(0, 0, 0, 0.7);
}

.modal.fade .modal-dialog {
	transform:translate(0,-25%);
	transition:transform .3s ease-out;
}

.modal.in .modal-dialog {
	transform:translate(0,0);
}

.modal-open .modal {
	overflow-x:hidden;
	overflow-y:auto;
}

.modal-dialog {
	position:relative;
	width:100%;
	margin:10px;
}

.modal-content {
	position:relative;
	background-color:#ffffff;
	background-clip:padding-box;
	border:1px solid #999999;
	border:1px solid rgba(0,0,0,.2);
	border-radius:6px;
	box-shadow:0 3px 9px rgba(0,0,0,.5);
	outline:0;
}

.modal-backdrop {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1040;
	background-color:#000000;
	opacity:0.5 !important;
}

.modal-backdrop.fade {
	opacity:0;
}

.modal-backdrop.in {
	opacity:.5;
}

.modal-header {
	padding:15px;
	border-bottom:1px solid #e5e5e5;
}

.modal-header .close {
	margin-top:-2px;
}

.modal-title {
	margin:0;
	line-height:1.42857143;
}

.modal-body {
	position:relative;
	padding:15px;
	max-height: calc(100vh - 50px);
	overflow-y: auto;
}

.modal-footer {
	padding:15px;
	text-align:right;
	border-top:1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
	margin-bottom:0;
	margin-left:5px;
}

.modal-footer .btn-group .btn+.btn {
	margin-left:-1px;
}

.modal-footer .btn-block+.btn-block {
	margin-left:0;
}

.modal-scrollbar-measure {
	position:absolute;
	top:-9999px;
	width:50px;
	height:50px;
	overflow:scroll;
}

@media (min-width:768px) {
	.modal-dialog {
		width:50%;
		margin:30px auto;
	}
	
	.modal-content {
		box-shadow:0 5px 15px rgba(0,0,0,.5);
	}
	
	.modal-sm {
		width:300px;
	}

}

@media (min-width:992px) {
	.modal-lg {
		width:60%;
	}

}

.btn {
	display:inline-block;
	margin-bottom:0;
	font-weight:400;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	touch-action:manipulation;
	cursor:pointer;
	background-image:none;
	border:1px solid transparent;
	padding:6px 12px;
	font-size:14px;
	line-height:1.42857143;
	border-radius:4px;
	user-select:none;
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
	outline:5px auto;
	outline-offset:-2px;
}

.btn.focus,.btn:focus,.btn:hover {
	color:#333333;
	text-decoration:none;
}

.btn-default {
	color:#333333;
	background-color:#ffffff;
	border-color:#cccccc;
}

.btn-default.focus,.btn-default:focus {
	color:#333333;
	background-color:#e6e6e6;
	border-color:#8c8c8c;
}

.btn-default:hover {
	color:#333333;
	background-color:#e6e6e6;
	border-color:#adadad;
}

.btn-primary {
	color:#ffffff;
	background-color:#337ab7;
	border-color:#2e6da4;
}

.btn-primary.focus,.btn-primary:focus {
	color:#ffffff;
	background-color:#286090;
	border-color:#122b40;
}

.btn-primary:hover {
	color:#ffffff;
	background-color:#286090;
	border-color:#204d74;
}

.close {
	float:right;
	font-size:30px;
	font-weight:700;
	line-height:1;
	color:#000000;
	text-shadow:0 1px 0 #ffffff;
	opacity:.4;
  position: absolute;
  top: -6px;
  right: 0;
}

.close:focus,.close:hover {
	color:#000000;
	text-decoration:none;
	cursor:pointer;
	opacity:.5;
}

button.close {
	padding:0;
	cursor:pointer;
	background:0 0;
	border:0;
	appearance:none;
}

/*.close {
	line-height:0.5;
	font-size:50px;
	position:fixed;
	top:25px;
	right:15px;
	color:#999999;
	opacity:0.9;
}

.close {
	float:right;
	font-size:21px;
	font-weight:700;
	line-height:1;
	color:#000000;
	text-shadow:0 1px 0 #ffffff;
	opacity:.2;
}*/

.picframe {
	text-align: center;
	margin:-10px auto -5px auto;
}

.leftpic {
	float: left;
	width: calc(50% - 7px);
	margin:0;
	border:solid #000000 1px;
	box-shadow: 7px 7px 5px #555555;
}

.rightpic {
	float: right;
	width: calc(50% - 7px);
	margin:0;
	border:solid #000000 1px;
	box-shadow: 7px 7px 5px #555555;
}

.photo {
	width:100%;
	padding:0;
	margin:0 0 -3px 0;
}

/*.photo:hover {
	cursor:pointer;
}*/

.piccap {
	font-family: "Comic Sans MS";
	margin:3px 0 5px 0;
}

.largepiccap {
	font-family: "Comic Sans MS";
	line-height: 50%;
	font-size: 20px;
	font-weight: bold;
}

hr.hrpri {
	margin-top: 20px;
	height: 10px;
	background-color: #cccccc;
	border: 2px outset #aaaaaa;
	box-shadow: 3px 3px 3px #555555;
}

hr.hrsec {
	margin-top: 10px;
	height: 2px;
	background-color: #cccccc;
	border: 2px outset #aaaaaa;
	box-shadow: 3px 3px 3px #555555;
}

br {
	clear: left;
}

br.free {
	clear: both;
}

p.indent {
	text-indent: 15px;
	text-align: justify;
}

.fineprint {
	font-size:9px;
	text-align:justify;
	margin-top:0px;
	margin-bottom:0px;
}

.updates {
	border:3px outset #555555;
	border-radius:7px;
	margin-top:2px;
	width:calc(100% - 6px);
	height:362px;
}

.homepic {
	margin: 5px;
	width: calc(25% - 13px);
	display:inline-block;
	border: 1px solid #000000;
	vertical-align:text-top;
	box-shadow: 5px 5px 3px #555555;
}

.homepic:hover {
	box-shadow: 2px 2px 1px #333333;
}

.rightpic video {
	width: calc(100% - 54px);
	height: auto;
	padding-top:10px;
	padding-bottom:8px;
}

.sectionmap {
	width:316px;
	height:353px;
}

ul.bookcase {
	float: left;
	text-align: left;
	list-style: none;
	margin: auto;
	text-align: center;
	padding:0;
}

ul.bookcase li {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}

/* Todd Specific Styles */

.college {
	border: 2px outset #bbbbbb;
	border-radius: 8px;
	width: 100%;
	background-color: #cccccc;
}

.college th {
	border: 1px inset #bbbbbb;
	border-radius: 5px;
	background-color: #ffffff;
}

.whiteboard3 {
	border: 4px inset #888888;
	border-radius: 7px;
	background-color: #ffffff;
	padding: 10px;
	width: 100%;
}

.certipic1 {
	height:120px;
	padding-right:100px;
}

.certipic2 {
	height:120px;
}

.vendcertpic1 {
	width:calc(20% - 5px);
}

.vendcertpic2 {
	width:calc(80% - 5px);
}

.certlist {
	margin-left:15px;
}

.certitem {
	margin-left:-15px;
}

.noncertblock {
	text-align: center;
}

.noncertitem {
	display:inline-block;
	width:137px;
	text-align:center;
	margin:0;
	padding:0;
}

.table {
	float: left;
	text-align: left;
	border: 0px;
}

.table2 {
	float: left;
	text-align: left;
	border: 0px;
	list-style: none;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;
	line-height: 12px;
	margin-top:0;
	margin-bottom:0;
	width:calc(50% - 25px);
}

ul.table {
	float: left;
	text-align: left;
	border: 0px;
	list-style: none;
	margin: auto;
	padding-left: 9px;
	padding-right: 9px;
	background-color: #000000;
	text-align: center;
}

ul.table2 {
	float: left;
	text-align: left;
	border: 0px;
	list-style: none;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;
	line-height: 12px;
	margin-top:0;
	margin-bottom:0;
	width:351px;
}

ul.table3 {
	float: left;
	text-align: left;
	border: 0px;
	list-style: none;
	padding-left: 0px;
	padding-right: 0px;
	font-family: "courier new";
	font-size: 12px;
	line-height: 15px;
}

ul.table3 li.bold, li.boldlast, li.boldcenter, li.boldcenterlast, li.boldrightlast {
	font-weight: bold;
}

ul.table3 li.boldlast, li.boldcenterlast, li.boldrightlast {
	border-top: 1px solid #000000;
}

ul.table3 li.center, li.boldcenter, li.boldcenterlast {
	text-align: center;
}

ul.table3 li.right, li.boldright, li.boldrightlast {
	text-align: right;
}

.pcpics {
	width:calc(33.2% - 16px);
	border: 3px outset #555555;
	border-radius: 8px;
	margin:0 4px 0 4px;
}

.biometrics-block {
	width:100%;
	border:1px solid #000000;
	text-align:center;
	margin:0 0 10px 0;
}

.biometrics-title {
	width:100%;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
}

.biometrics-start, .biometrics-current, .biometrics-goal, .biometrics-change, .biometrics-remaining {
	display:inline-block;
	width:calc(20% - 5px);
	font-size:15px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	margin:0;
}

.biometrics-alert {
	color:#cc0000;
}

.biometrics-warning {
	color:#ff9911;
}

.biometrics-low {
	color:#0000cc;
}

.biometrics-normal {
	color:#00dd00;
}

.biometrics-good {
	color:#007700;
}

.fitness-chart {
	width:100%;
	padding:0 10px 8px 10px;
}

.fitness-chart-pic {
	width:100%;
}

#fitness-weight, #fitness-bmi, #fitness-body-fat, #fitness-subcutaneous-fat, #fitness-visceral-fat, #fitness-skeletal-muscle, #fitness-body-water, #fitness-protein, #fitness-metabolic-age, canvas {
	width:99%;
}

/* End Todd Specific Styles */

/* Mary Specific Styles */

.picspace {
	width:100%;
	text-align:center;
}

.marypics {
	border: 3px outset #555555;
	border-radius: 200px;
	width: 70%;
	margin: 0 auto;
}

.thumbs {
	width:64px;
	height:100px;
	border:0px;
	transition: transform 0.5s;
}

.thumbs:hover {
	transform: scale(4.0) rotate(360deg);
	box-shadow: 10px 10px 10px #333333;
}

/* End Mary Specific Styles */

@media only screen and (min-width: 901px) and (max-width:950px) {
	header {
		font-size:32px;
	}

	.biometrics-start, .biometrics-current, .biometrics-goal, .biometrics-change, .biometrics-remaining {
		font-size:13px;
		padding:3px;
	}

}

@media only screen and (min-width: 881px) and (max-width:900px) {
	header {
		font-size:28px;
	}

	.biometrics-start, .biometrics-current, .biometrics-goal, .biometrics-change, .biometrics-remaining {
		font-size:12px;
		padding:3px;
	}

}

@media only screen and (min-width: 781px) and (max-width: 880px) {
	header {
		font-size:26px;
	}

	.college th {
		font-size:9px;
	}

	.biometrics-start, .biometrics-current, .biometrics-goal, .biometrics-change, .biometrics-remaining {
		font-size:11px;
		padding:3px;
	}

}

@media only screen and (min-width: 721px) and (max-width: 780px) {
	header {
		font-size:24px;
	}

	.college th {
		font-size:9px;
	}

	.biometrics-start, .biometrics-current, .biometrics-goal, .biometrics-change, .biometrics-remaining {
		font-size:11px;
		padding:3px;
	}

}

@media only screen and (min-width: 421px) and (max-width: 720px) {
	
	/* Start Header */
	
	header {
		height: 50px;
		font-size: 24px;
		margin-top:-10px;
	}
	
	.pagetitle {
		line-height:40px
	}

	.titlepic {
		display:none;
	}

	.titlepic2 {
		display:none;
	}

	#navbar ul li {
		font-size: 11px;
	}

	/* End Header */
	
	/* Start Main Contect */
	
	section {
		margin-top:10px;
	}

	.foodpic1 {
		height:93px;
	}

	.foodpic2 {
		height:93px;
	}

	.foodpic3 {
		height:93px;
	}

	/* End Main Content */

	/* Start Sidebar */

	aside {
		margin:10px 0 0 10px;
	}

	/* End Sidebar */

	/* Start Bottom */

	#banner {
		display:none;
	}

	#mobile-banner {
		display:inline-block;
		width:100%;
		margin:0 auto 10px auto;
		text-align:center;
	}

	/* End Bottom */

	/* Start Sitemap */

	ul.sitemap {
	  padding: 0 0 0 5px;
	}

	/* End Sitemap */

	.leftpic {
		float: none;
		width: 100%;
		margin: 10px auto;
	}

	.rightpic {
		float: none;
		width: 100%;
		margin: 0 auto;
	}

	.photo {
		width: 100%;
	}

	.updates {
		width:calc(100% - 6px);
		height:340px;
	}

	.homepic {
		width: calc(50% - 12px);
	}

	.rightpic video {
		width: 430px;
	}

	/* Todd Specific Styles */

	.college th {
		font-size:9px;
	}

	.whiteboard3 {
		width: 456px;
	}

	.certipic1 {
		height:100px;
		padding-right:50px;
	}

	.certipic2 {
		height:100px;
	}

	.table2 {
		width:calc(100% - 15px);
	}

	ul.table3 {
		font-size: 11px;
		line-height: 13px;
	}

	.pcpics {
		width:380px;
		margin:6px 0 0 0;
	}

	.biometrics-start, .biometrics-current, .biometrics-goal, .biometrics-change, .biometrics-remaining {
		font-size:10px;
		padding:3px;
	}

	/* End Todd Specific Styles */

	/* Mary Specific Styles */

	.marypics {
		border-radius: 100px;
		width: 250px;
		margin: 0 auto;
	}

	/* End Mary Specific Styles */

}

@media only screen and (max-width: 420px) {
	/* Start Header */

	header {
		font-size: 22px;
		border-bottom:2px inset #444444;
		margin-top:-12px;
	}

	.pagetitle {
		position:relative;
		top:5px;
		line-height:40px
	}

	.titlepic {
		display:none;
	}

	.titlepic2 {
		display:none;
	}

	/* End Header */

	/* Start Main Contect */

	#main {
		width:100%;
	}

	section {
		margin-top:10px;
	}

	.foodpic1 {
		width:calc(100% - 4px);
	}

	.foodpic2 {
		display:none;
	}

	.foodpic3 {
		display:none;
	}

	p.pagelink {
		font-size: 12px;
	}

	/* End Main Content */

	/* Start Sidebar */

	aside {
		margin:0 0 0 0;
		width:100%;
	}

	.linkpic {
		width:113px;
	}

	/* End Sidebar */

	/*Start Footer */

	/* End Footer */

	/* Start Bottom */

	#banner {
		display:none;
	}

	#mobile-banner {
		display:inline-block;
		width:100%;
		margin:0 auto 10px auto;
		text-align:center;
	}

	/* End Bottom */

	ul.sitemap {
	  padding: 0 0 0 5px;
	  width: 210px;
	}

	.leftpic {
		float: none;
		width:100%;
		margin: 10px auto;
	}

	.rightpic {
		float: none;
		width:100%;
		margin: 0 auto;
	}

	.updates {
		width:225px;
		height:340px;
	}

	.homepic {
		width: calc(50% - 12px);
	}

	.rightpic video {
		width: 210px;
	}

	.sectionmap {
		width:230px;
		height:257px;
	}

	/* Todd Specific Styles */

	.college th {
		font-size:9px;
	}

	.whiteboard3 {
		width: 230px;
	}

	.certipic1 {
		height:100px;
		padding-right:0;
	}

	.certipic2 {
		height:100px;
	}

	.table2 {
		width:calc(100% - 15px);
	}

	ul.table3 {
		font-family: verdana, arial;
		font-size: 6px;
		line-height: 11px;
	}

	.pcpics {
		width:200px;
		margin:6px 0 0 0;
	}

	.vendcertpic1 {
		width:40%;
	}

	.vendcertpic2 {
		width:100%;
	}

	.biometrics-start, .biometrics-current, .biometrics-goal, .biometrics-change, .biometrics-remaining {
		font-size:9px;
		padding:3px;
	}

	/* End Todd Specific Styles */
	
	/* Start Mary Specific Styles */
		
	/* End Mary Specific Styles */

}

@media print {
	body, #wrapper {
		background-image:none;
		background-color:#ffffff;
	}
	
	#wrapper {
		box-shadow:none;
	}
	
	header {
		font-size:28px;
		border-bottom:2px inset #444444;
		border-bottom-right-radius:10px;
		border-bottom-left-radius:10px;
	}
	
	nav {
		display:none;
	}

	#banner {
		display:none;
	}

	#mobile-banner {
		display:none;
	}

}