div#container
{
   width: 1000px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
a
{
   color: #0000CD;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#Layer2
{
   background-image: linear-gradient(to top, #6495ED 0%, #4169E1 100%);
   border-radius: 0px;
}
#wb_Text12 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text12 div
{
   text-align: center;
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
.Extension1
{
   width: 100%;
   float: left;
   position: relative;
   font-family: Calibri Light;
   font-size: 15px;
   font-weight: normal;
   font-style: normal;
}
.Extension1 a
{
   text-decoration: none;
}
#Extension1_panel,
.Extension1 ul 
{
   background-color: #6495ED;
   list-style: none;
   padding: 0;
   text-align: left;
}
.Extension1 li 
{
   position: relative;
}
.Extension1 li a 
{
   display: block;
   position: relative;
   padding: 15px 20px 15px 20px;
   color: #FFFFFF;
   outline: none;
}
.Extension1 li a:hover 
{
   color: #F5F5F5;
   background-color: #3A77E9;
}
.Extension1 li.multilevel-back > a 
{
   padding-left: 30px;
   background: rgba(0,0,0,0.1);
}
.Extension1 li.multilevel-back > a:hover
{
   background-color: #3A77E9;
}
.Extension1 li.multilevel-back:after,
.Extension1 li > a:not(:only-child):after 
{
   position: absolute;
   top: 19px;
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 7px;
   border-left: 7px solid #FFFFFF;
   border-top: 5px solid transparent;
   border-bottom: 5px solid transparent;
   border-right: 0 dotted;
   content: " ";
}
.Extension1 li.multilevel-back:after 
{
   left: 7px;
   color: #FFFFFF;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}
.Extension1 li.multilevel-back:hover:after,
.Extension1 li > a:not(:only-child):hover:after 
{
   border-left-color: #F5F5F5;
}
.Extension1 li > a:after 
{
   color: rgba(0,0,0,0.15);
   right: 10px;
}
.Extension1 .multilevel-menu 
{
   margin: 0;
   position: absolute;
   width: 100%;
}
.Extension1 li .multilevel-submenu 
{
   display: none;
}
.multilevel-menu.multilevel-subview li,
.multilevel-menu.multilevel-subview li.multilevel-subviewopen > a,
.multilevel-menu.multilevel-subview li.multilevel-subview > a 
{
   display: none;
}
.multilevel-menu.multilevel-subview li.multilevel-subview,
.multilevel-menu.multilevel-subview li.multilevel-subview .multilevel-submenu,
.multilevel-menu.multilevel-subview li.multilevel-subviewopen,
.multilevel-menu.multilevel-subview li.multilevel-subviewopen > .multilevel-submenu,
.multilevel-menu.multilevel-subview li.multilevel-subviewopen > .multilevel-submenu > li 
{
   display: block;
}
.Extension1 > .multilevel-submenu 
{
   left: 0;
   margin: 0;
   position: absolute;
   top: 50px;
   width: 100%;
}
#Extension1
{
   background: #6495ED;
   border: 1px solid #0000FF;
   border-radius: 1px;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   display: block;
   font-size: 10px;
   height: 48px; 
   outline: none;
   position: relative;
   width: 320px; 
}
#Extension1:before, #Extension1:after
{
   background: #FFFFFF;
   border-radius: 2px;
   content: "";
   display: block;
   height: 0.6em;
   left: 0;
   opacity: 1;
   position: absolute;
   top: 0;
   width: 100%;
}
#Extension1 span
{
   background: #FFFFFF;
   border-radius: 2px;
   height: 0.6em;
   margin-top: -0.3em;
   position: absolute;
   top: 50%;
   -ms-transform-origin: 50% 50%;
   -webkit-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
   width: 100%;
}
#Extension1 span, #Extension1:before, #Extension1:after
{
   border-radius: 0;
   left: 149px;
   width: 20px;
   height: 4px;
}
#Extension1:before
{
   top: 13px;
}
#Extension1 span
{
   margin: 0;
   top: 21px;
}
#Extension1:after
{
   top: 29px;
}
#Extension1_panel
{
   display: none;
   position: fixed;
   top: 0;
   height: 100%;
   width: 250px;
   z-index: 9999;
}
.Extension1 .panel-icon
{
   color: #FFFFFF;
   font-size: 15px;
   margin-right: 10px;
   width: 15px;
}
.Extension1 a:hover .panel-icon
{
   color: #F5F5F5;
}
#Picture1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text4 
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text4
{
   color: #000000;
   font-family: "Calibri Light";
   font-weight: normal;
   font-size: 20px;
}
#wb_Text4 div
{
   text-align: left;
}
#wb_Text2 
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2
{
   color: #000000;
   font-family: "Calibri Light";
   font-weight: normal;
   font-size: 43px;
}
#wb_Text2 div
{
   text-align: left;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1
{
   color: #000000;
   font-family: "Calibri Light";
   font-weight: normal;
   font-size: 16px;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Carousel1
{
   background-color: #F2F5F7;
   background-image: none;
   border-radius: 0px;
}
#Carousel1 .frame
{
   width: 1000px;
   display: inline-block;
   float: left;
   height: 300px;
}
#wb_Carousel1 .pagination
{
   bottom: 0;
   left: 0;
   position: absolute;
   text-align: center;
   vertical-align: middle;
   width: 100%;
   z-index: 998;
}
#wb_Carousel1 .pagination a
{
   display: inline-block;
   margin: 12px 12px 12px 12px;
   width: 11px;
   height: 11px;
   cursor: pointer;
   text-indent: -999px;
   border-radius: 50%;
   background-color: #FFFFFF;
   border: 1px solid #000000;
}
#wb_Carousel1 .pagination a.active
{
   background-color: #000000;
}
#Carousel1 .frame-1
{
   background-color: transparent;
   background-image: url('images/Annand_Gallery_002.jpg');
   background-repeat: repeat;
   background-position: center top;
}
#Carousel1 .frame-2
{
   background-color: transparent;
   background-image: url('images/Boyer_Gallery_002.jpg');
   background-repeat: repeat;
   background-position: center top;
}
#Carousel1 .frame-3
{
   background-color: transparent;
   background-image: url('images/Dyke_Gallery_002.jpg');
   background-repeat: repeat;
   background-position: center top;
}
#Carousel1 .frame-4
{
   background-color: transparent;
   background-image: url('images/Gill_Gallery_002.jpg');
   background-repeat: repeat;
   background-position: center top;
}
#Layer1
{
   background-color: #6495ED;
   background-image: none;
   border-radius: 0px;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text3 div
{
   text-align: left;
}
#InlineFrame1
{
   border: 1px solid #C0C0C0;
   border-radius: 0px;
   margin: 0;
}
#Layer3
{
   background-color: #FBFBFB;
   background-image: none;
   border-radius: 0px;
}
#Layer3-divider-bottom
{
   overflow: hidden;
   position: absolute;
   line-height: 0;
   bottom: 0%;
   left: 0;
   width: 100%;
   height: 30px;
   transform: scaleY(-1.0);
}
#Layer3-divider-bottom svg
{
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
}
#Layer3-divider-bottom .divider-fill
{
   fill: #436CE2;
   transform-origin: bottom;
   transform: rotateY(0deg);
}
#Banner1
{
   border-width: 0;
   position: absolute;
   left: 0px;
   top: 430px;
   width: 345px;
   height: 26px;
   z-index: 12;
}
#InlineFrame1
{
   position: absolute;
   left: 0px;
   top: 482px;
   width: 998px;
   height: 754px;
   z-index: 15;
}
#wb_Image1
{
   position: absolute;
   left: 0px;
   top: 30px;
   width: 124px;
   height: 32px;
   z-index: 1;
}
#wb_Text4
{
   position: absolute;
   left: 98px;
   top: 49px;
   width: 436px;
   height: 24px;
   z-index: 6;
}
#wb_Picture1
{
   position: absolute;
   left: 0px;
   top: 1px;
   width: 98px;
   height: 76px;
   z-index: 5;
}
#wb_Image3
{
   position: absolute;
   left: 917px;
   top: 31px;
   width: 77px;
   height: 31px;
   z-index: 2;
}
#wb_Extension1
{
   position: absolute;
   left: 2px;
   top: 2px;
   width: 320px;
   height: 48px;
   z-index: 3;
}
#Carousel1
{
   position: absolute;
}
#wb_Carousel1
{
   position: absolute;
   left: 0px;
   top: 77px;
   width: 1000px;
   height: 300px;
   z-index: 10;
   overflow: hidden;
}
#wb_Text1
{
   position: absolute;
   left: 832px;
   top: 55px;
   width: 156px;
   height: 19px;
   z-index: 9;
}
#wb_Text12
{
   position: absolute;
   left: 375px;
   top: 24px;
   width: 250px;
   height: 18px;
   text-align: center;
   z-index: 0;
}
#wb_Text2
{
   position: absolute;
   left: 98px;
   top: 1px;
   width: 563px;
   height: 51px;
   z-index: 7;
}
#wb_Text3
{
   position: absolute;
   left: 19px;
   top: 16px;
   width: 77px;
   height: 20px;
   z-index: 4;
}
#wb_EmbeddedPage1
{
   position: absolute;
   left: 0px;
   top: 0px;
   width: 1000px;
   height: 430px;
   z-index: 14;
}
#Layer1
{
   position: absolute;
   text-align: left;
   left: 0px;
   top: 377px;
   width: 1000px;
   height: 53px;
   z-index: 11;
}
#wb_JavaScript2
{
   position: absolute;
   left: 882px;
   top: 4px;
   width: 50px;
   height: 25px;
   z-index: 8;
}
#Layer2
{
   position: absolute;
   text-align: center;
   left: 0px;
   top: 1402px;
   width: 1000px;
   height: 67px;
   z-index: 13;
}
#Layer3
{
   position: absolute;
   text-align: center;
   left: 0px;
   top: 1368px;
   width: 1000px;
   height: 34px;
   z-index: 16;
}
#Layer3_Container
{
   width: 1000px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#Layer2_Container
{
   width: 1000px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 999px)
{
div#container
{
   width: 768px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#Banner1
{
   left: 0px;
   top: 431px;
   visibility: visible;
   display: block;
   margin: 0;
}
#Layer2
{
   left: 0px;
   top: 1413px;
   width: 768px;
   height: 67px;
   visibility: visible;
   display: block;
}
#Layer2_Container
{
   width: 768px;
}
#wb_Text12
{
   left: 259px;
   top: 24px;
   width: 250px;
   height: 18px;
   visibility: visible;
   display: inline;
}
#wb_Text12
{
   margin: 0;
   padding: 0;
}
#wb_Image3
{
   left: 691px;
   top: 31px;
   width: 77px;
   height: 31px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   left: 0px;
   top: 30px;
   width: 124px;
   height: 32px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_EmbeddedPage1
{
   left: 0px;
   top: 0px;
   width: 768px;
   height: 430px;
   visibility: visible;
   display: inline;
}
#wb_Extension1
{
   left: 3px;
   top: 3px;
   width: 320px;
   height: 48px;
   visibility: visible;
   display: inline;
}
.Extension1
{
   font-size: 15px;
}
.Extension1 .panel-icon
{
   font-size: 15px;
   width: 15px;
}
#wb_Picture1
{
   left: 0px;
   top: 0px;
   width: 98px;
   height: 76px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Text4
{
   left: 98px;
   top: 40px;
   width: 369px;
   height: 24px;
   visibility: visible;
   display: inline;
}
#wb_Text4
{
   font-family: "Calibri Light";
   font-weight: normal;
   font-size: 19px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Text2
{
   left: 98px;
   top: 0px;
   width: 498px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text2
{
   font-family: "Calibri Light";
   font-weight: normal;
   font-size: 35px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_JavaScript2
{
   left: 661px;
   top: 4px;
   width: 50px;
   height: 25px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   left: 596px;
   top: 55px;
   width: 155px;
   height: 19px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   font-family: "Calibri Light";
   font-weight: normal;
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Carousel1
{
   left: 0px;
   top: 77px;
   width: 768px;
   height: 300px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Carousel1 .frame
{
   width: 768px;
   height: 300px;
}
#Layer1
{
   left: 0px;
   top: 377px;
   width: 768px;
   height: 53px;
   visibility: visible;
   display: block;
}
#wb_Text3
{
   left: 21px;
   top: 17px;
   width: 77px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_Text3
{
   margin: 0;
   padding: 0;
}
#InlineFrame1
{
   left: 0px;
   top: 482px;
   width: 766px;
   height: 754px;
   visibility: visible;
   display: inline;
   margin: 0;
   color: #000000;
   font-size: 13px;
   font-family: Arial;
   font-style: normal;
   text-decoration: none;
}
#Layer3
{
   left: 0px;
   top: 1379px;
   width: 768px;
   height: 34px;
   visibility: visible;
   display: block;
}
#Layer3_Container
{
   width: 768px;
}
#Layer3-divider-bottom
{
   height: 30px;
}
#Layer3-divider-bottom
{
   bottom: 0%;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px)
{
div#container
{
   width: 480px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#Banner1
{
   left: 0px;
   top: 431px;
   visibility: visible;
   display: block;
   margin: 0;
}
#Layer2
{
   left: 0px;
   top: 1343px;
   width: 480px;
   height: 67px;
   visibility: visible;
   display: block;
}
#Layer2_Container
{
   width: 480px;
}
#wb_Text12
{
   left: 115px;
   top: 13px;
   width: 250px;
   height: 18px;
   visibility: visible;
   display: inline;
}
#wb_Text12
{
   margin: 0;
   padding: 0;
}
#wb_Image3
{
   left: 400px;
   top: 31px;
   width: 77px;
   height: 31px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   left: 0px;
   top: 30px;
   width: 124px;
   height: 32px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_EmbeddedPage1
{
   left: 0px;
   top: 0px;
   width: 480px;
   height: 430px;
   visibility: visible;
   display: inline;
}
#wb_Extension1
{
   left: 3px;
   top: 3px;
   width: 320px;
   height: 48px;
   visibility: visible;
   display: inline;
}
.Extension1
{
   font-size: 15px;
}
.Extension1 .panel-icon
{
   font-size: 15px;
   width: 15px;
}
#wb_Picture1
{
   left: 0px;
   top: 0px;
   width: 98px;
   height: 76px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Text4
{
   left: 98px;
   top: 36px;
   width: 303px;
   height: 19px;
   visibility: visible;
   display: inline;
}
#wb_Text4
{
   font-family: "Calibri Light";
   font-weight: normal;
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Text2
{
   left: 98px;
   top: 0px;
   width: 303px;
   height: 32px;
   visibility: visible;
   display: inline;
}
#wb_Text2
{
   font-family: "Calibri Light";
   font-weight: normal;
   font-size: 27px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_JavaScript2
{
   left: 403px;
   top: 5px;
   width: 50px;
   height: 25px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   left: 330px;
   top: 60px;
   width: 132px;
   height: 15px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   font-family: "Calibri Light";
   font-weight: normal;
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Carousel1
{
   left: 0px;
   top: 77px;
   width: 480px;
   height: 300px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Carousel1 .frame
{
   width: 480px;
   height: 300px;
}
#Layer1
{
   left: 0px;
   top: 377px;
   width: 480px;
   height: 53px;
   visibility: visible;
   display: block;
}
#wb_Text3
{
   left: 21px;
   top: 17px;
   width: 77px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_Text3
{
   margin: 0;
   padding: 0;
}
#InlineFrame1
{
   left: 0px;
   top: 482px;
   width: 475px;
   height: 754px;
   visibility: visible;
   display: inline;
   margin: 0;
   color: #000000;
   font-size: 13px;
   font-family: Arial;
   font-style: normal;
   text-decoration: none;
}
#Layer3
{
   left: 0px;
   top: 1309px;
   width: 480px;
   height: 34px;
   visibility: visible;
   display: block;
}
#Layer3_Container
{
   width: 480px;
}
#Layer3-divider-bottom
{
   height: 30px;
}
#Layer3-divider-bottom
{
   bottom: 0%;
}
}
@media only screen and (max-width: 479px)
{
div#container
{
   width: 320px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#Banner1
{
   left: 0px;
   top: 421px;
   visibility: visible;
   display: block;
   margin: 0;
}
#Layer2
{
   left: 1px;
   top: 1383px;
   width: 319px;
   height: 67px;
   visibility: visible;
   display: block;
}
#Layer2_Container
{
   width: 319px;
}
#wb_Text12
{
   left: 34px;
   top: 8px;
   width: 250px;
   height: 18px;
   visibility: visible;
   display: inline;
}
#wb_Text12
{
   margin: 0;
   padding: 0;
}
#wb_Image3
{
   left: 232px;
   top: 31px;
   width: 77px;
   height: 31px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   left: 9px;
   top: 30px;
   width: 124px;
   height: 32px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_EmbeddedPage1
{
   left: 0px;
   top: 0px;
   width: 320px;
   height: 423px;
   visibility: visible;
   display: inline;
}
#wb_Extension1
{
   left: 1px;
   top: 4px;
   width: 318px;
   height: 48px;
   visibility: visible;
   display: inline;
}
.Extension1
{
   font-size: 15px;
}
.Extension1 .panel-icon
{
   font-size: 15px;
   width: 15px;
}
#wb_Picture1
{
   left: 0px;
   top: 1px;
   width: 80px;
   height: 61px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Text4
{
   left: 80px;
   top: 27px;
   width: 219px;
   height: 14px;
   visibility: visible;
   display: inline;
}
#wb_Text4
{
   font-family: "Calibri Light";
   font-weight: normal;
   font-size: 12px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Text2
{
   left: 80px;
   top: 1px;
   width: 227px;
   height: 21px;
   visibility: visible;
   display: inline;
}
#wb_Text2
{
   font-family: "Calibri Light";
   font-weight: normal;
   font-size: 17px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_JavaScript2
{
   left: 233px;
   top: 47px;
   width: 50px;
   height: 25px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   left: 92px;
   top: 49px;
   width: 107px;
   height: 13px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   font-family: "Calibri Light";
   font-weight: normal;
   font-size: 11px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Carousel1
{
   left: 0px;
   top: 68px;
   width: 320px;
   height: 300px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Carousel1 .frame
{
   width: 320px;
   height: 300px;
}
#Layer1
{
   left: 0px;
   top: 368px;
   width: 320px;
   height: 55px;
   visibility: visible;
   display: block;
}
#wb_Text3
{
   left: 21px;
   top: 16px;
   width: 77px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_Text3
{
   margin: 0;
   padding: 0;
}
#InlineFrame1
{
   left: 0px;
   top: 482px;
   width: 318px;
   height: 754px;
   visibility: visible;
   display: inline;
   margin: 0;
   color: #000000;
   font-size: 13px;
   font-family: Arial;
   font-style: normal;
   text-decoration: none;
}
#Layer3
{
   left: 0px;
   top: 1349px;
   width: 320px;
   height: 34px;
   visibility: visible;
   display: block;
}
#Layer3_Container
{
   width: 320px;
}
#Layer3-divider-bottom
{
   height: 30px;
}
#Layer3-divider-bottom
{
   bottom: 0%;
}
}