@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	position: relative;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	15;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 96.7391%;
	padding-left: 1.6304%;
	padding-right: 1.6304%;
	clear: none;
	float: none;
}
#header {
	color: #FC4B02;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 600;
	clear: both;
	margin-left: 0;
	padding-top: 0px;
}
#header {
	color: #FC4B02;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 600;
	
}
#navpics {
	clear: both;
	margin-left: 0;
	position: static;
	margin-bottom: 20px;
}
#menu {
position: static;
height: auto;
width: 100%;
margin-left: 0;
clear: both;
}
.menuitem {
	width: auto;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	margin-right: 4px;
	margin-left: 3.3707%;
	clear: none;
	background-color: #0CB09C;
}
.gridContainer.clearfix #header #navpics #menu .fluid.menuitem {
	text-align: center;
	padding-right: 10px;
}
#mainBanner h2 {
	font-size: 20px;
	text-align: left;
	color: #FC4B02;
	margin-right: 4px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	clear: left;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 200;
}
#mainBanner h2 {
}
#sideNav {
}
#wordNav {
	color: #4FDCCB;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 600;
	border-radius: 5px;
	background-color: #FFFFFF;
}
.menuitemWord {
	margin-left: 3.3707%;
	clear: none;
	color: #06B59E;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 200;
	background-color: #FFFFFF;
}
#menuWords {
}
.gridContainer.clearfix #header #navpics #menu .fluid.menuitem a img {
}
#menu .fluid.menuitem a img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-color: #C0BDBB;
}
#subBanners {
width: 100%;
margin-left: 0;
clear: both;
}
.gridContainer.clearfix #subBanners #WordMenu #HOME {
}
#subBanners #WordMenu {
	color: #06B59E;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 600; 
	text-align: center;
}
.gridContainer.clearfix #subBanners #WordMenu #HOME {
}
#navText {
}
#home {
}
.wordnav {
	margin-bottom: 20px;
}
#li3 {
}
.wordmenu {
}
#wordnav {
	margin-bottom: 20px;
	clear: both;
	margin-left: 0;
}
.wormenuitem {
}
.word {
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 600;
	color: #4FDCCB;
	border-radius: 20px;
	background-color: #FFFFFF;
	text-align: center;
	width: 90%;
	clear: both;
	margin-left: 7px;
	font-size: small;
	margin-top: 7px;
	margin-right: 7px;
	margin-bottom: 7px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	position: relative;
	height: auto;
	display: block;
}
.gridContainer.clearfix #header #wordnav #wordmenu .fluid.word {
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 200;
	border-radius: 10px;
}
.word {
	border-radius: 20px;
}
#wordmenu {
width: 100%;
}
#ul1 {
display: none;
}
#ul2 {
display: block;
}
#ul3 {
}
.word2 {
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 900;
	color: #F70013;
	text-align: center;
	border-radius: 20px;
	background-color: #DAD3D3;
	font-size: 0.9em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	width: 100%;
	clear: both;
	font-variant: small-caps;
}
.gridContainer.clearfix #wordnav #wordmenu .fluid.word2 {
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 200;
}
#mainBanner h2 {
}
.footer {
clear: both;
margin-left: 0;
}
.gridContainer.clearfix .fluid.footer {
}
.footer  {
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 200;
	color: #FC4B02;
	text-align: left;
	font-size: small;
	margin-top: 10px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	float: right;
}
.gridContainer.clearfix #header #navpics #menu .fluid.menuitem img {
}
#circle img {
	position: static;
	float: left;
	clear: none;
}
body {
}
#bodytext {
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 300;
	color: #000000;
}
.gridContainer.clearfix {
	float: right;
}
#section {
}
#nav {
}
#pics {
}
.pics {
width: 48.3146%;
clear: none;
margin-left: 3.3707%;
}
#PictureNav {
}
#navdiv {
}
.unorderedlist {
}
.fluid.pics img {
	font-size: small;
}
.listitem {
clear: both;
margin-left: 0;
}
.picitem {
	margin-left: 10px;
	clear: none;
	width: 22.4719%;
	text-align: center;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.picitem        {
}
#sideinfo        {
clear: both;
margin-left: 0;
}
#bodytext p {
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 300;
	text-align: left;
	color: #000000;
}
#ThirdMvtvimeo {
	color: #F47A53;
}
#ThirdMvtvimeo p a {
}
#section2 {
	color: #000000;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 400;
	text-align: left;
	width: 100%;
}
body p {
}
#bodytext {
}
#section2 {
	color: #000000;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 300;
}
.shortbios {
	color: #000000;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 300;
	margin-left: 0;
	clear: both;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
	display: none;
	color: #795D5D;
}
.shortbios p {
}
.gridContainer.clearfix #bodytext p {
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 98.3695%;
	padding-left: 0.8152%;
	padding-right: 0.8152%;
	clear: none;
	float: none;
	margin-left: auto;
}
#header {
clear: both;
margin-left: 0;
}
h1 {
	font-size: 48px;
}
#navpics {
clear: both;
margin-left: 0;
position: static;
}
#menu {
position: static;
height: auto;
width: 100%;
margin-left: 0;
clear: both;
}
.menuitem {
width: 23.7569%;
clear: none;
margin-left: 1.6574%;
}
#mainBanner h2 {
	font-size: 24px;
	text-align: center;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 600;
}
#sideNav {
}
#wordNav {
}
.menuitemWord {
clear: both;
margin-left: 0;
}
#menuWords {
	color: #06B59E;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 200;
}
#subBanners {
width: 36.464%;
margin-left: 0;
clear: both;
}
#navText {
}
#home {
	color: #06B59E;
	background-color: #FFFFFF;
}
.wordnav {
}
#li3 {
}
.wordmenu {
}
#wordnav {
clear: both;
margin-left: 0;
}
.wormenuitem {
}
.word {
	width: 23.7569%;
	margin-left: 14.3646%;
	clear: none;
	position: static;
	height: auto;
	float: left;
		display: block;
}
#wordmenu {
width: 100%;
}
#ul1 {
display: block;
}
#ul2 {
display: block;
}
#ul3 {
}
.word2 {
width: 23.7569%;
margin-left: 14.3646%;
clear: none;
}
.footer {
clear: both;
margin-left: 0;
}
#bodytext {
}
#section {
}
#nav {
}
#pics {
}
.pics {
width: 23.7569%;
margin-left: 1.6574%;
clear: none;
}
#PictureNav {
}
#navdiv {
}
.unorderedlist {
}
.listitem {
clear: both;
margin-left: 0;
}
.picitem {
clear: none;
margin-left: 1.6574%;
width: 23.7569%;
}
#sideinfo {
clear: both;
margin-left: 0;
}
#ThirdMvtvimeo {
	clear: none;
}
.gridContainer.clearfix #ThirdMvtvimeo iframe {
}
#section2 {
width: 100%;
}
#ThirdMvtvimeo iframe {
	width: auto;
}
.shortbios {
clear: none;
margin-left: 1.6574%;
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 89.0217%;
	max-width: 1232px;
	padding-left: 0.4891%;
	padding-right: 0.4891%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	color: #FEFEFE;
}
#header {
margin-left: 0;
clear: both;
}
h1 {
	font-size: 55px;
}
#navpics {
margin-left: 0;
clear: both;
position: static;
}
#menu {
margin-left: 1.0989%;
position: static;
height: auto;
width: 100%;
clear: none;
}
.menuitem {
	width: 14%;
	text-align: center;
	clear: none;
	background-color: #0CB09C;
}
#mainBanner {
	font-size: 40px;
}
#sideNav {
}
#wordNav {
	margin-top: 4px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	color: #06B59E;
}
.menuitemWord {
clear: both;
margin-left: 0;
}
#menuWords {
}
#subBanners {
width: 32.6007%;
margin-left: 1.0989%;
clear: none;
}
#mainBanner h2 {
	text-align: left;
}
#navText {
}
#home {
}
.wordnav {
}
#li3 {
}
.wordmenu {
}

#wordnav {
margin-left: 1.0989%;
clear: none;
}


.word {
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 2px;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 600;
	text-align: center;
	color: #4FDCCB;
	background-color: #FFFFFF;
	border-color: #4FDCCB;
	border-width: thin;
	width: 16%;
	position: relative;
	height: auto;
	display: block;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	margin-left: 10px;
}

#wordmenu {
width: 91.575%;
}

#ul1 {
display: block;
}

#ul2 {
display: none;
}

#ul3 {
}

.word2 {
	width: 26.4%;
	clear: none;
	margin-left: 19.6%;
	margin-right: 2px;
}

.footer {
margin-left: 1.0989%;
clear: none;
}
body {
}
#bodytext {
}
#section {
}
#nav {
}
#pics {
}
.pics {
	background-color: #FFFFFF;
	width: 24.1758%;
	clear: none;
	margin-left: 1.0989%;
}
#PictureNav {
}
#navdiv {
}
.unorderedlist {
}
.pics.zeroMargin_mobile a {
	background-color: #000000;
}
.listitem {
margin-left: 1.0989%;
clear: none;
}
.picitem {
clear: none;
margin-left: 1.0989%;
width: 15.7509%;
}
#sideinfo {
margin-left: 1.0989%;
clear: none;
}
#ThirdMvtvimeo {
}
#section2 {
width: 32.6007%;
}
.shortbios {
clear: none;
margin-left: 1.0989%;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
#section2 p em {
}
#section2 p {
	margin: auto 6px auto auto;
	padding-left: 2px;
	padding-right: 4px;
}
}
