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

body {padding: 0; margin: 0;background : url(images/slicebg.jpg) center 230px repeat-x; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #555}
#bodycontainer {width: 800px; margin-right: auto; margin-left: auto; margin-top: 15px;}
#header { background: url(images/slicetop.png) center bottom no-repeat; height: 200px; position:relative;}
.logo {float: left; margin-left: 70px;}
.nav {position: absolute; bottom: 0; left: 0; right: 0; background: rgba(255,255,255,0.4); z-index: 50; border-bottom: 3px solid #2CBBE2; font-family: Georgia, "Times New Roman", Times, serif;}
h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0; padding: 0px 0 5px 0;}
p {margin: 0; padding: 0px 0 5px 0;}
h1 {color: #0DBAE5; font-size: 19px;}
h2 {color: #888; font-size: 15px; font-weight: bold;}
h3 { color: #FFAA19; font-size: 13px; font-weight: bold;}
h3 a {color: #FFAA19;}
.nav ul {float: none; list-style: none outside; margin: 0; padding: 0; margin-right: 200px;}
.nav li {float: left; padding: 18px 25px 15px 25px; text-align: center; color: #0DBAE5; font-size: 17px; position: relative;}
.nav a {color: #0DBAE5; text-decoration: none;}
.nav li ul {position: absolute; top: 55px; left: 0; right: 0; background:rgba(44, 187, 226, 0.7); box-shadow:inset 0 0 25px  #2CBBE2; text-align: center; margin: 0; }
.nav li ul li {float: none; clear: both; margin: 0; padding: 5px 12px 5px 12px; color: #fff;border-bottom: 2px solid #2CBBE2 ; font-size: 14px;}
.portrait { position: absolute; bottom: -40px; right: 5px; z-index: 100;}
#body { padding: 25px; box-shadow: 0 0 20px #bbb; position: relative; background: #fff  url(images/slicebody.jpg) top center no-repeat; margin-top: 30px; }
#body ul {padding: 0; list-style: square outside; margin: 0; margin-left: 10px;}
.footer {position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 0 15px 0; text-align: center; background: #FBC058; box-shadow: 0 0 20px inset #E89302; color: #fff; font-size: 12px;}
#bodyleft, #bodymain {border: 1px solid #2CBBE2; padding: 20px; padding-bottom: 30px; float: left; min-height: 350px; background: rgba(255,255,255, 0.7);position: relative;}
#bodyleft {width: 65%; }

#bodymain {width: auto; float: none; padding-right: 38%;}
#bodyright {position: absolute; width: 28%; top: 0; right: 0; bottom: 0; background: rgba(44, 187, 226, 0.5); padding: 3%; padding-top: 15px;border-left: 1px solid #2CBBE2; color: #fff;font-size: 12px; font-weight: bold; text-align: center;}
.contentright {width: 26%; margin-top: 200px; font-size: 11px;}
#clear {clear: both;}
.left {float: left; clear: left;display: block}
.right {float: right; clear: right;display: block;}
#top {padding: 10px; box-shadow: inset 0 0 20px #ddd; margin-bottom: 40px;}
#top img {display: inline-block; width: 14px; margin-right : 10px; margin-top: 0px; border: none;}
a.arrow {color: #2162BE; margin-top: 5px;  display: block; }
.imghome {position: absolute; top:0px; right: 0px; width: 210px; border: 10px solid #fff; box-shadow: 0 0 12px #bbb;transform: rotate(6deg); z-index: 100;}
.imghome img {width: 100%;display: block;}
#bodyright h2 {font-family: 'Bree Serif', serif;color: #fff; text-align: center; text-shadow: 0 0 5px #2CBBE2; font-weight: normal; font-size: 16px; margin: 0; padding: 0; }
#bodyright h2 a {color: #fff;}
a.learnmore {background: #eee; box-shadow: 0 0 6px #bbb; border-radius: 6px; text-align: center; padding: 1px 12px 1px 12px; text-decoration: none; display: block; float: left; font-size:12px; border: 3px solid #fff; font-family: 'Bree Serif', serif;color: #2854B0; clear: both;margin-top: 6px; margin-bottom: 10px;}

a.review {background: #FBC058; box-shadow: 0 0 6px #bbb; border-radius: 6px; text-align: center; padding: 4px 20px 4px 20px; text-decoration: none; display: inline-block; margin-left: auto; margin-right: auto; font-size:14px; border: 3px solid #E89302; font-family: 'Bree Serif', serif;color: #fff; clear: both;margin-top: 6px; margin-bottom: 10px; font-weight: normal;}

.imgwrapper {position: relative; height: 225px; margin-right: -10px;}
.sideimg {width: 100%; margin-bottom: 15px; margin-top: 15px; display: block; border: 5px solid #fff; box-shadow: 0 0 10px  #2CBBE2; margin-left: -5px;}
.stafflarge {width: auto;}
.stafflarge td {vertical-align: top; padding: 5px;  padding-bottom: 15px; border-bottom: 1px dotted #ADD7F8;}
.stafflarge tr td:last-child {padding-top: 25px; padding-left: 10px;}
.stafflarge img { width:  125px; }
.staffsmall img {width: 100%}
.togglemenu {height: 10px; text-align: center;}
.facebook {background: #3B5998;  margin-bottom: 10px;margin-top: 10px; border-radius: 5px; border-bottom: 3px solid #23427F; color: #fff;}

.facebook a, a .facebook td {text-decoration: none !important; color: #fff;}
.facebook img { margin-top: 3px; margin-right: 5px; width: 8px;border: none;}
.facebook td {padding: 3px;vertical-align: middle; text-align: center; font-size: 12px;}
.award {text-align: center; box-shadow: 0 0 6px #ccc; border: 5px solid #fff; width: 150px; margin-left: 15px; margin-top: -15px;}
@media screen and (max-width: 700px) {
	/*body {background : url(images/slicebg.jpg) center 175px repeat-x;}*/
	body {background: #fff  url(images/slicebody.jpg) top center no-repeat; padding-bottom: 10px; border-top: 3px solid #2CBBE2; font-size: 14px;}
	h1 {font-size: 20px;}
	h2 {font-size: 17px;}
	h3 {font-size: 15px;}
    #bodycontainer {
		width: auto; padding: 2% ; margin: 0; background: url(images/slicegradtop.png) top center repeat-x; 
    }
	.logo img {display: block;  width: 100%;}
	.logo {float: none; clear: both;margin: 0; margin-right: auto; margin-left: auto; width: 60%;  max-width: 300px;text-align: center;}
	#header {background: none; height: auto; clear :both; }
	.contentright, .portrait, .imgwrapper  {display: none;}
	.right {float: none; clear: both; width: auto;}
	#bodyleft, #bodymain {width: auto; float: none; border: 10px solid #fff; box-shadow: inset 0 0 25px #eee;  background: #fff; padding: 15px;}
	.nav { float: none; clear: both; position: relative; background: transparent; border-bottom: none;/* url(images/slicetop.png) bottom right no-repeat*/ margin-top: 15px; margin-bottom: 15px; }
	.nav ul {margin: 0; display: block; clear: both;}
	.nav li { padding: 0; width: 29% ; margin-right: 2%; margin-left: 2%; margin-bottom: 2%; border-radius: 12px; background: #FBC058 ; padding-top: 8px; padding-bottom: 8px; color: #fff;  }
	.nav a {color: #fff;}
	#bodyright {position: relative; width: auto;  margin-bottom: 10px; box-shadow: inset 0 0 20px #2CBBE2; padding: 10px;}
	.sideimg {display: none;}
	.staffsmall {display : none; }
	.stafflarge td {vertical-align: top; padding-top: 5px !important;}
	.stafflarge img {width: 100px}
	a.learnmore { font-size: 12px;}
	#top {display: none;}
	#top span {float: none; width: auto; text-align: center; padding-top: 3px;}
	#body {margin: 0; border: none; background: transparent; padding: 0px;}
	#top #bodycontainer {padding-bottom: 0;}
	.footer {position: relative; clear: both; background: #2CBBE2}
	#lbOverlay, #lbImage, #lbCenter, #lbBottomContainer {display: none !important;}
	.award {display: none;}
}
@media screen and (max-width: 480px) {
	body {font-size: 13}
	.nav li {font-size: 15px;}
	.stafftable img { display: none;}
	.stafftable tr td:first-child {display: none; }
	.stafftable td { padding: 5px 0 5px 0 !important;}
	.logo {width: 70%; }
	}
}