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


/* Mobile Layout: 480px and below. */
  
#contentPanel {
	margin-left: 2%;
	margin-top: 3%;
	width: 68%;
	float: left;
	clear: none;
}

#aboutTitleBar {
	width: 100%;
	height: auto;
}

#aboutPageTitle {
	width: 100%;
}

.row {
   	width: 100%;
	margin-left: 0%;
	float: left;
	clear: none;
	margin-bottom: 1%;
}

.aboutText {
	width: 100%;
	float: left;
	clear: none;
	margin-bottom: 1%;
	margin-right: 0%;
}

.aboutImagePanel {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 1%;
}

.aboutImagePanel2 {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 1%;
}

.aboutImage {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 1%;
}

.marginTop {
	margin-top: 4%;
    }
    
.marginLeft {
	margin-left: 2%;
    }
    
.marginRight {
	margin-right: 2%;
    }

.clearLeft {
	clear: left;
    }

    
.applicationTitleBar {
    width: 98%;
    height: auto;
    float: left;
    clear: left;
    background-color: #F0F0F0;
    padding-top: 0.5%;
    padding-left: 1%;
    padding-right: 1%;
}

#applicationContentPanelPhone {
	width: 96%;
	clear: none;
	margin-bottom: 3%;
	margin-top: 1%;
	float: left;
	margin-left: 2%;
	display: none;
	visibility: hidden;
}

#applicationContentPanel {
	width: 96%;
	clear: none;
	margin-bottom: 3%;
	margin-top: 1%;
	float: left;
	margin-left: 2%;
	display: block;
}

.applicationContentBlockL {
	width: 100%;
	clear: none;
	margin-bottom: 3%;
	margin-top: 1%;
	float: left;
	margin-left: 0%;
	display: block;
}

.applicationContentBlockR {
	width: 100%;
	clear: none;
	margin-bottom: 3%;
	margin-top: 1%;
	float: left;
	margin-left: 0%;
	display: block;
}

.applicationContentBlockF {
	width: 100%;
	clear: none;
	margin-bottom: 3%;
	margin-top: 1%;
	float: left;
	margin-left: 0%;
	display: block;
}





.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
} 


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

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

#contentPanel {
	margin-left: 2%;
	width: 68%;
	float: left;
	clear: none;
	margin-top: 3%;
	margin-bottom: 2%;
}

#aboutTitleBar {
}

#aboutPageTitle {
	width: 100%;
	margin-left: 26%;
}

.row {
   	width: 100%;
	margin-left: 0%;
	float: left;
	clear: none;
	margin-bottom: 1%;
}
 
.aboutText {
	width: 64%;
	float: left;
	clear: none;
	margin-bottom: 1%;
	margin-right: 3%;
}

.aboutImagePanel {
	width: 30%;
	margin-left: 0%;
	float: left;
	margin-bottom: 1%;
}

.aboutImagePanel2 {
	width: 30%;
	margin-left: 0%;
	float: left;
	margin-bottom: 1%;
}

.aboutImage {
	width: 100%;
	margin-left: 0%;
	float: left;
	margin-bottom: 1%;
}

.marginTop {
	margin-top: 2%;
    }
    
.marginLeft {
	margin-left: 3%;
    }
    
.marginRight {
	margin-right: 3%;
    }

.clearLeft {
	clear: left;
    }
       
.applicationTitleBar {
	width: 98%;
	height: auto;
	margin-top: 2%;
	float: left;
	clear: left;
	background-color: #F0F0F0;
	padding-top: 0.5%;
	padding-left: 1%;
    padding-right: 1%;
}

#applicationContentPanelPhone {
	width: 96%;
	clear: none;
	margin-bottom: 3%;
	margin-top: 2%;
	float: left;
	margin-left: 2%;
	padding-left: 0%;
	display: none;
	visibility: hidden;
}

#applicationContentPanel {
	width: 96%;
	clear: none;
	margin-bottom: 3%;
	margin-top: 3%;
	float: left;
	margin-left: 2%;
	padding-left: 0%;
	display: block;
	visibility: visible;
}

.applicationContentBlockL {
	width: 100%;
	clear: none;
	margin-bottom: 0%;
	margin-top: 1%;
	float: left;
	margin-left: 0%;
	display: block;
}

.applicationContentBlockR {
	width: 100%;
	margin-bottom: 0%;
	margin-top: 1%;
	float: left;
	clear: left;
	margin-left: 0%;
	display: block;
}

.applicationContentBlockF {
	width: 100%;
	clear: none;
	margin-bottom: 0%;
	margin-top: 1%;
	float: left;
	margin-left: 0%;
	display: block;
}


.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}
}





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

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

#contentPanel {
    float: left;
    width: 68%;
    text-align: left;
    margin-left: 2%;
    margin-top: 4.5%;
}

#aboutTitleBar {
}

#aboutPageTitle {
	width: 74%;
	margin-left: 26%;
}

.row {
   	width: 100%;
	margin-left: 0%;
	float: left;
	clear: none;
	margin-bottom: 1%;
}
   
.aboutText {
	width: 64%;
	float: left;
	margin-bottom: 1%;
	margin-right: 3%;
}

.aboutImagePanel {
    width: 30%;
    margin-left: 0%;
    margin-bottom: 1%;
}

.aboutImagePanel2 {
    width: 30%;
    margin-left: 0%;
    margin-bottom: 1%;
}

.aboutImage {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 1%;
}

.marginTop {
	margin-top: 3%;
    }
    
.marginLeft {
	margin-left: 3%;
    }
    
.marginRight {
	margin-right: 3%;
    }

.clearLeft {
	clear: left;
    }
    
.applicationTitleBar {
	width: 98%;
	height: auto;
	margin-top: 0%;
	float: left;
	clear: left;
	background-color: #F0F0F0;
	padding-top: 0.5%;
	padding-left: 1%;
    padding-right: 1%;
}

#applicationContentPanelPhone {
	margin-left: 3%;
	width: 94%;
}
#applicationContentPanel {
	margin-left: 3%;
	width: 94%;
}

.applicationContentBlockL {
	width: 49%;
	clear: left;
	margin-bottom: 0%;
	margin-top: 1%;
	float: left;
	margin-left: 0%;
	display: block;
}

.applicationContentBlockR {
	width: 49%;
	margin-bottom: 0%;
	margin-top: 1%;
	float: left;
	clear: none;
	margin-left: 2%;
	display: block;
}

.applicationContentBlockF {
	width: 100%;
	clear: none;
	margin-bottom: 0%;
	margin-top: 1%;
	float: left;
	margin-left: 0%;
	display: block;
}

    
    
    
.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
}