@viewport {
   width: device-width;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}

/* Viewport Fix */

body { min-width: 964px; }

/* End Viewport Fix */

a{color:#3D4753;}

a:hover { }

h1,h2,h3,h4,h5 {

}
#header h1{
   font-family: CopperplateRegular;
   color:#848776;
}
#subHeader{
   font-family: CopperplateRegular;
   font-style: oblique;
   font-size: 16px;
}
.primary-color {

}

.secondary-color {

}

#topstrip {
   background: url("images/top_strip.gif") repeat-x scroll 0 0 #FFF;
}  

.banner {
   background: url('images/mount_banner1.jpg') no-repeat -1px 0;
}

/* nav */
#left-col #sidebar-nav li {
      background-color : #fff;
      text-transform : uppercase;
      border : 1px solid #dfdfdf;
      font-size : 12px;
      font-family:CopperplateRegular;
      font-weight:lighter;
   }
   
#left-col #sidebar-nav a:hover      { color : #7989A0;}  


#left-col #sidebar-nav .drop > a {
   background:url("images/arrow.jpg") no-repeat scroll 135px 8px transparent;
}
#left-col #sidebar-nav .drop > ul .drop a {
   background:url("images/arrow.jpg") no-repeat scroll 111px 8px transparent;
}

ul#nav li a {
   color: #858776;
}

ul#nav li a:hover {
   color: #7989A0;
}

/* new stuff */
#photo-splash {
   background: url("images/mount_splash3.jpg") no-repeat;
}
.overlay {
   border-color: #868877;
}

#second-photo .overlay { 
   background: url("images/mountaineer-grad-2.png") repeat-x; 
}
#third-photo .overlay { 
   background: url("images/mountaineer-grad-3.png") repeat-x; 
}
#fourth-photo .overlay { 
   background: url("images/mountaineer-grad-4.png") repeat-x; 
}
/* end of new stuff */

#feature-boxes ul li h3 {
   color : #125a83;
}

#first-photo {
   width: 300px;
   height: 135px !important;
   margin: 0 0 0 -30px;
}

/* footer */
#main-footer .footer-links a,
#main-footer .footer-links a:hover,
#main-footer .footer-links a:visited {
   color: #3D4753;
}

/* RSQ */

/* min-width - Full Size */
@media screen and (min-width: 900px) {
   body {
      min-width: 1000px;
   }
}

/* min-width & max-width - Mid */
@media screen and (min-width: 525px) and (max-width: 900px) {
   body {
      min-width: 0;
      width: 750px;
      margin: 0 auto;
   }
   .homepage #header-wrapper,
   .homepage #header-wrapper .container:first-child,
   .homepage #content-intro,
   .homepage #footer,
   #header-wrapper,
   #header-wrapper .container:first-child,
   #content-intro,
   #footer,
   .column-container,
   #column-wrapper {
      max-width: 750px;
      border: 0 none !important;
   }
   .homepage #content-intro {
      background: none;
      min-height: 600px;
   }
   #content-intro div.container {
      max-width: 750px;
   }
   #header-wrapper div.container {
      width: auto;
   }
   #photo-splash {
       height: 353px;
       margin-top: 12px;
       max-width: 750px;
   }
   #feature-wrapper {
       display: block;
       float: none;
       margin: -200px 0 0;
       width: 100%;
   }
   #lrg-photo {
      display: inline;
       float: left;
       height: 352px;
       margin: 14px 0 0;
       position: relative;
       width: 345px;
   }
   #feature-boxes .feature-box-list {
       float: left;
       list-style-type: none;
       max-width: 750px;
       padding-left: 0;
   }
   #feature-boxes .feature-box-list .innerWidgetContainer {
       width: 230px;
   }
   #left-col {
       background: none repeat scroll 0 0 #9DA18E;
       display: inline;
       float: left;
       margin: -12px 0 0;
       width: 172px;
   }
   #left-col #sidebar-nav {
       margin: 10px;
   }
   #column-wrapper {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
   #main-col {
      margin: 0;
      width: 550px;
   }
   #main-col .banner {
      display: block;
      height: 124px;
      margin-left: 1px;
      width: auto;
   }
   #contact_us .box {
      width: 380px !important;
   }   
   #monthly_form_right {
      display: none;
   }
}

/* max device width - iphone */
@media screen and (max-device-width: 480px) {
   body {
     min-width: 0;
      width: 400px;
      margin: 0 auto;
   }
   .homepage #header-wrapper,
   .homepage #header-wrapper .container:first-child,
   .homepage #content-intro,
   .homepage #footer,
   #header-wrapper,
   #header-wrapper .container:first-child,
   #content-intro,
   #footer,
   .column-container,
   #column-wrapper {
      max-width: 400px;
      border: 0 none !important;
   }
   #column-wrapper {
      background: none;
   }
   .homepage #content-intro {
      background: none;
      min-height: 600px;
   }
   #content-intro div.container {
      max-width: 400px;
   }
   #header-wrapper div.container {
      width: auto;
   }   
   #photo-splash {
       height: 353px;
       margin-top: 12px;
       max-width: 400px;
   }  
   #main-col .banner {
      display: none;
   }
   #feature-wrapper {
       display: block;
       float: none;
       margin: -200px 0 0;
       width: 100%;
   }
   #lrg-photo {
      display: none;
   }
   #second-photo, #third-photo, #fourth-photo {
      display: block;
   }
   #feature-boxes .feature-box-list {
       float: left;
       list-style-type: none;
       max-width: 400px;
       padding-left: 0;
       margin: 0;
   }
   #feature-boxes .feature-box-list .innerWidgetContainer {
       width: 380px;
   }   
   #main-col {
      margin: 50px 0 0 0;
      width: 400px;
      float: left;
   }
   #left-col {
      background: #9DA18E;
   }
   #left-col,
   #sidebar-nav {
      width: 400px;
      margin: 0;
      padding: 0;
   }
   #left-col #sidebar-nav li {
       margin: 3px 10px;
       max-width: 350px;
       padding: 0;
   }   
   #left-col #sidebar-nav .drop > a {
      background: url("images/arrow.jpg") no-repeat scroll 285px 8px rgba(0, 0, 0, 0);
   }
   #left-col #sidebar-nav .drop > ul .drop a {
      background: url("images/arrow.jpg") no-repeat scroll 285px 8px rgba(0, 0, 0, 0);
   }
   .homepage #header, #header {
      border-bottom: medium none;
       height: auto;
       margin: 0 auto;
       max-width: 400px;
       padding: 0;
       width: 400px;
   }
   #header h1 strong {
      font: 35px/70px Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif !important;
      text-align: center;
     margin-left: 30px;
   }
   #subHeader {
      color: #FFFFFF;
       font: 15px/20px Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif !important;
       text-indent: 0;
      text-align: center;
   }
   #map,
   .contactRow {
      display: none;
   }
   #monthly_form_right {
      display: none;
   }   
   #monthly_news .form {
      max-width: 300px;
   }
}

/* End RSQ */