/* CSS Document */

.introduction {
    width: 94%;
    margin-left: 3%;
    margin-bottom: 3%;
    margin-top: 3%;
    position: relative;
}

.overviewPanel {
    width: 94%;
    margin-left: 3%;
    margin-top: 24%;
    padding-bottom: 4%;
    position: relative;
    background-color: #FFFFFF;
    border-bottom: 1px solid #003399;
}

.thumbnailPanel {
    width: 94%;
    margin-left: 3%;
    margin-top: 4%;
    position: relative;
    background-color: #FFFFFF;
}

.homeThumbPanel {
    width: 49%;
    float: left;
    clear: none;
    margin-bottom: 4%;
    display: block;
}

.homeThumbImageBlock {
	width: 100%;
	margin-top: 0%;
}

.homeThumbTextBlock {
	width: 100%;
	margin-bottom: 0%;
	padding-top: 2%;
}

.homeLeft {
    margin-left: 0%;
}
    
.homeLeft2 {
    margin-left: 2%;
}

.par a:link {
    color: #353535;
    width: 0%;
}
.par a:visited {
    color: #353535;
    width: 0%;
}

.par a:hover {
    color: #D32601;
    text-decoration: none;
    width: 0%;
}

  
@media (min-width: 576px) {

.introduction {
    width: 94%;
    margin-left: 3%;
    margin-bottom: 5%;
    margin-top: 5%;
    position: relative;
}

.overviewPanel {
    width: 94%;
    margin-top: 15%;
    padding-bottom: 4%;
}

.thumbnailPanel {
}

.homeThumbPanel {
    width: 23.5%;
    float: left;
    clear: none;
    margin-bottom: 4%;
}

.homeThumbImageBlock {
	width: 100%;
	margin-top: 0%;
}

.homeThumbTextBlock {
	width: 100%;
	margin-bottom: 0%;
	padding-top: 2%;
}

.homeLeft {
    margin-left: 2%;
}
    
.homeLeft2 {
    margin-left: 2%;
}
}





@media (min-width: 768px) {

.introduction {
    width: 94%;
    margin-left: 3%;
    margin-bottom: 5%;
    margin-top: 5%;
    position: relative;
}

.overviewPanel {
    width: 94%;
    margin-top: 17%;
    padding-bottom: 3%;
}

.thumbnailPanel {
    margin-top: 3%;
}

.homeThumbPanel {
    width: 23.5%;
    float: left;
    clear: none;
    margin-bottom: 2%;
    display: block;
    cursor: pointer;
}

.homeThumbImageBlock {
	margin-top: 0%;
}

.homeThumbTextBlock {
}

.homeLeft {
    margin-left: 2%;
}
    
.homeLeft2 {
    margin-left: 2%;
}
}





@media (min-width: 992px) {

.introduction {
    width: 90%;
    margin-left: 3%;
    margin-bottom: 5%;
    margin-top: 5%;
    position: relative;
}

.overviewPanel {
    width: 90%;
    margin-left: 5%;
    margin-top: 18%;
    padding-bottom: 3%;
}

.thumbnailPanel {
    margin-top: 4%;
}

.homeThumbPanel {
}

.homeThumbImageBlock {
}

.homeThumbTextBlock {
}

.homeLeft {
    margin-left: 2%;
}
    
.homeLeft2 {
    margin-left: 2%;
}
}






@media (min-width: 1200px) {

.introduction {
    width: 94%;
    margin-left: 3%;
    margin-bottom: 5%;
    margin-top: 5%;
    position: relative;
}

.overviewPanel {
    margin-top: 16%;
    text-align: center;
}

.thumbnailPanel {
}

.homeThumbPanel {
}

.homeThumbImageBlock {
}

.homeThumbTextBlock {
    .}homeLeft0 {
    margin-left: 0%;
}
    
.homeLeft {
    margin-left: 2%;
}
    
.homeLeft2 {
    margin-left: 2%;
}
}