/* reset.css */
html {margin:0;padding:0;border:0;height: 100%;

}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
#cse-search-results {background-color:transparent  !important;}
body {line-height:1.5;background: #fff;position: relative;
  margin: 0;
  padding-bottom: 0;
  min-height: 100%;
  width: 100%;
  background: -webkit-linear-gradient(white, white); /* For Safari 5.1 to 6.0 #205081*/
    background: -o-linear-gradient(white, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, white); /* Standard syntax (must be last) */
	/*background: url(images/snowbasin2718.jpg) no-repeat center center fixed; */
font-family: 'Open Sans', sans-serif;}

blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
}

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

.dept_head {
	background-color: transparent;
	color:#000;
	opacity:1;
	border-radius:10px 10px 10px 10px;
	font-family: 'Open Sans', sans-serif;
	width:90%;
	margin:0 0;
	padding:2px 0 0 0 ;
	font-size:32px;
}
.navback {
	background-color: #000035;
	margin:0;
	
}
.gradient {
  background-image:linear-gradient(#CCC, #ffffff);
}

#images1{
    text-align:center;
    display:inline-block;
}
#images1 a{
    margin:0px 0;
    display:inline-block;
    text-decoration:none;
    color:black;
}

.content {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  background-color: #000035;
  text-align: center;
  color: #999;
  height:45px;
  
}
#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 52px;
   background-color: #000035;
    color: white;
	text-align:center;
	}
#bgcolor {
	background-color: #EEE;
	position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  z-index:-1;

}
.footerwhite {
	font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; size:18px;}
.filterme {
	 -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  z-index:-1;
  

}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}
#img{
    width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
.leftfloat {
    margin:20px 20px 0  0 ;
}
.imgright {
    margin:18px 0 0 162px ;
}
.imgright1 {
	
	margin:20px 0 0 286px ;
}
.imgright2 {
	float:right;
}
.imgleftt2 {
	float:right;	
	margin:-10px 0 15px 0 ;
}
.imgcenter {
	
	margin-bottom:-15px;
	
}
.topimage {margin-right:40px; margin-top:10px;}
.topimageright {margin-left:0; margin-top:10px; float:right;}
/* typography.css */
html {font-size:100.01%;}


h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#09f;text-decoration:underline;}
a {color:#06c;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}



dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}

table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.white {font-size:18px; color:white; font-weight:bold; text-decoration:none;}
.darklink {font-size:18px; color:#999; font-weight:bold; text-decoration:none;}
.white:visited {font-size:18px; color:white; font-weight:bold; text-decoration:none;}
/* forms.css label {font-weight:bold;}
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
fieldset, #IE8#HACK {padding-top:1.4em;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;color:#000;}
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
select {background-color:#fff;border-width:1px;border-style:solid;}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}*/

.white1 {font-size:15px; color:white; font-weight:regular; text-decoration:none;}
.cf:before, .cf:after{
    content:"";
    display:table;
}
 
.cf:after{
    clear:both;
}
 
.cf{
    zoom:1;
}    


.alignright {text-align: right;}
 /* Form wrapper styling */
.form-wrapper {
    width: 450px;
    padding: 15px;
    margin: 150px auto 50px auto;
    background: #444;
    background: rgba(0,0,0,.2);
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
}
 .divbackground { background: #06F;}
/* Form text input */
 
.form-wrapper input {
    width: 330px;
    height: 20px;
    padding: 10px 5px;
    float: left;    
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    border-radius: 3px 0 0 3px;      
}
 
.form-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
 
.form-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
 
.form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
 
.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}    
 
/* Form submit button */
.form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 110px;
    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #d83c3c;
    border-radius: 0 3px 3px 0;      
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}   
   
.form-wrapper button:hover{     
    background: #e54040;
}   
   
.form-wrapper button:active,
.form-wrapper button:focus{   
    background: #c42f2f;
    outline: 0;   
}
 
.form-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c transparent;
    top: 12px;
    left: -6px;
}
 
.form-wrapper button:hover:before{
    border-right-color: #e54040;
}
 
.form-wrapper button:focus:before,
.form-wrapper button:active:before{
        border-right-color: #c42f2f;
}      
 
.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}    


/* grid.css */
.container1 {width:100%;margin:0 auto;
/*background-image: linear-gradient(to right,#ffffff, #205081);*/
background-color:white;
 }
.container {width:1200px;margin:0 auto;}
.containersearch {width:100%; height:400px; margin:0 auto;}
.containermobile {width:100%;margin:0 auto;}

.border {padding-right:4px;margin-right:5px;border-right:1px solid #ddd;}
.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #ddd;}
.colbordersmall {border-right:1px solid #CCC;}
.colbordersmallleft {border-left:1px solid #CCC;}
.colbordersmall1 {border-right:1px dashed #666666;}
.colbordersmallleft1 {border-left:1px dashed #666666;}


hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 17px;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.hide {
    display: none;
}
.imghide { display: none; }


.boxshadow {
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
padding: 10px 10px 10px 10px;
background-color:#FFFFFF;
}

.applewrap {
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
height: 200px;
background: white;
border: 1px solid;
border-color: #e5e5e5 #dbdbdb #d2d2d2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;

}
 
.applewrap .col {
float: left;
box-sizing: border-box;
width: 309px;
height: 200px;
padding: 10px 4px 6px 4px;
font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
color: #343434;
border-right: 1px solid #dadada;
}
.applewrap1 {
width: 100%;

display: block;
height: 200px;
background: white;
border: 1px solid;
border-color: #e5e5e5 #dbdbdb #d2d2d2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;

}
 
 
.applewrap1 .col1 {
float: left;
box-sizing: border-box;
width: 100%;
height: 200px;
padding: 10px 4px 6px 4px;
font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
color: #343434;
border-right: 1px solid #dadada;
}
.w { width: 100%; margin: 0 auto; margin-bottom: 20px; }
.wpframe {

border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;

-webkit-box-shadow: 1px 4px 3px #999999;
-moz-box-shadow: 1px 4px 3px #999999;
box-shadow: 1px 4px 3px #999999;
}
.applebox {
width: 100%;
height: 100%;
box-sizing: border-box;
background: #ccc;
padding: 20px 20px 10px;
margin: 10px 0 20px;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .3);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .3);
opacity:.65;
}
 
.applebox .col {
width: 140px; 
float: left;
margin: 0 0 0 30px;
}
.applebox1 {
width: 100%;
height: 100%;
padding: 5px 5px 5px 5px;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 1);;
margin: 3px 0 5px 0;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .3);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .3);

}
 
.applebox1 .col {
width: 100%; 
float: left;
margin: 0 0 0 5px;
}
.applebox3 {
width: 100%;
height: 100%;
box-sizing: border-box;
background-color: rgba(255,255,255,1);
padding: 10px 10px;
margin: 0 0 0 0;
border: 1px  #ccc;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .4);
-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .4);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .4);

}
 
.applebox3 .col3 {
width: 10px; 
float: left;
margin: 0 0 0 5px;
}


.applebox4 {
width: 100%;
height: 100%;
box-sizing: border-box;
background-color: rgba(255,255,255,1);
padding: 10px 10px;
margin: 6px 0 40px 0 ;

border: 1px  #ccc;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .4);
-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .4);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .4);

}
 
.applebox4 .col4 {
width: 10px; 
float: left;
margin: 0 0 0 5px;
}

.applebox2 {
width: 100%;
height: 100%;
box-sizing: border-box;
background-color: transparent;
padding: 10px 10px 10px;
margin: 10px 0;
border: 0;


}
 
.applebox2 .col2 {
width: 10px; 
float: left;
margin: 0 0 0 5px;
}

/*Department Navigation*/

.nav1 ul {
  list-style: none;
  background-color: #EAEAEA;
  text-align: center;
  padding: 0;
  margin: 0;
  
}

.nav1 li {
  font-family: 'Oswald', sans-serif;
  font-size: 1 em;
  line-height: 30px;
  text-align: center;
}

.nav1 a {
  text-decoration: none;
  color: #666;
  display: block;
  padding-left: 2px;
  border-bottom: 1px solid #888;
  transition: .3s background-color;
}

.nav1 a:hover {
  background-color: #CCC;
}

.nav1 a.active {
  background-color: #aaa;
  color: #444;
  cursor: default;
}

/* Sub Menus -----------------------------------------------------------------------*/
.nav1 li li {
  font-size: .8em;
}

/*******************************************
   Style menu for larger screens

   Using 650px (130px each * 5 items), but ems
   or other values could be used depending on other factors
********************************************/

@media screen and (min-width: 400px ) {
	
  .nav1 li {
    width: 149px;
    border-bottom: none;
    height: 30px;
    line-height: 30px;
    font-size: 1.2em;
    display: inline-block;
    margin-right: -4px;
	
  }

  .nav1 a {
    border-bottom: none;
	
  }

  .nav1 > ul > li {
    text-align: center;
  }

  .nav1 > ul > li > a {
    padding-left: 0;
  }

  /* Sub Menus */
  .nav1 li ul {
    position: absolute;
    display: none;
    width: inherit;
  }

  .nav1 li:hover ul {
    display: block;
	
  }

  .nav1 li ul li {
    display: block;
  }
}


 #note {
        position: absolute;
        z-index: 6001;
        top: 0;
        left: 0;
        right: 0;
        background: #fde073;
        text-align: center;
        line-height: 2.5;
        overflow: hidden; 
        -webkit-box-shadow: 0 0 5px black;
        -moz-box-shadow:    0 0 5px black;
        box-shadow:         0 0 5px black;
    }
    .cssanimations.csstransforms #note {
        -webkit-transform: translateY(-50px);
        -webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
        -moz-transform:    translateY(-50px);
        -moz-animation:    slideDown 2.5s 1.0s 1 ease forwards;
    }

    #close {
      position: absolute;
      right: 10px;
      top: 9px;
      text-indent: -9999px;
      background: url(images/close.png);
      height: 16px;
      width: 16px;
      cursor: pointer;
    }
    .cssanimations.csstransforms #close {
      display: none;
    }
    
    @-webkit-keyframes slideDown {
        0%, 100% { -webkit-transform: translateY(-50px); }
        10%, 90% { -webkit-transform: translateY(0px); }
    }
    @-moz-keyframes slideDown {
        0%, 100% { -moz-transform: translateY(-50px); }
        10%, 90% { -moz-transform: translateY(0px); }
    }
}



/* Alert */

#alert {
    position: relative;
}
#alert:hover:after {
    background: hsla(0,0%,0%,.8);
    border-radius: 3px;
    color: #f6f6f6;
    content: 'Click to dismiss';
    font: bold 12px/30px sans-serif;
    height: 30px;
    left: 50%;
    margin-left: -60px;
    position: absolute;
    text-align: center;
    top: 50px;
    width: 120px;
}
#alert:hover:before {
    border-bottom: 10px solid hsla(0,0%,0%,.8);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 40px;
    width: 0;
}
#alert:target {
    display: none;
}
.alert {
	z-index:1001;
    background-color: #c4453c;
    background-image: -webkit-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.05) 25%,
                      hsla(0,0%,0%,.05) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.05) 75%,
                      hsla(0,0%,0%,.05));
    background-image: -moz-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: -ms-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: -o-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-size: 20px 20px;
    box-shadow: 0 5px 0 hsla(0,0%,0%,.1);
    color: #f6f6f6;
    display: block;
    font: bold 16px/40px sans-serif;
    height: 40px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: -45px;
    width: 100%;
    -webkit-animation: alert 1s ease forwards;
       -moz-animation: alert 1s ease forwards;
        -ms-animation: alert 1s ease forwards;
         -o-animation: alert 1s ease forwards;
            animation: alert 1s ease forwards;
}

/* Animation */

@-webkit-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@-moz-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@-ms-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@-o-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}







@font-face {
    font-family: 'si';
    src: url('socicon-1.3/socicon.eot');
    src: url('socicon-1.3/socicon.eot?#iefix') format('embedded-opentype'),
         url('socicon-1.3/socicon.woff') format('woff'),
         url('socicon-1.3/socicon.ttf') format('truetype'),
         url('socicon-1.3/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(socicon-1.3/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
	float:right;
	
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
	
	 
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    
    
    background-color: none;
	margin:20px 5px 0 0;
	float:right;
}

.soc a:hover {
    z-index: 2;
    
}

.soc-icon-last{
    margin:0 !important;
}

.soc-twitter {
    background-color: #4da7de;
}
.soc-twitter:before {
    content:'a';
}
.soc-facebook {
    background-color: #3e5b98;
}
.soc-facebook:before {
    content:'b';
}
.soc-youtube {
    background-color: #e02a20;
}
.soc-youtube:before {
    content:'r';
}

.soc-twitter:hover {
    background-color: #3993ca;
}
.soc-facebook:hover {
    background-color: #2a4784;
}
.soc-youtube:hover {
    background-color: #cc160c;
}

/*Table */
.table-me {display:table; }
.row-me {display:table-row; }
.cell-me {display:table-cell;
border-right:solid thin #CCC;
padding-left:5px; padding-right:5px;}

.tableul {list-style: none;padding-left:6px;padding-right:6px; line-height:1.8; font-size:13px;}
.tableleftborder {border-left:solid thin #CCC;}


.table{
  display: table; 
  padding: 0;
  margin: 0;
  border: 0;
  width:100%;
 
 
  
  
}
.row{
	
  display: table-row; 
  vertical-align: top;
  padding-bottom: 3px;
  
  
  
 
  border-left: 0px;
}
.cell{
	
  display: table-cell;
  vertical-align: top;
  padding-left: 0;
  padding-top: 3px;
  width: auto;
  text-align: left;
  margin: 0;
  

  
}


/*Table2 */

.table1{
  display: table; 
  padding: 0;
  margin: 0;
  border: 0;
}
.row1{
	
  display: table-row; 
  vertical-align: top;
  padding-bottom: 3px;
 
  border-left: 0px;
}
.cell1{
	
  display: table-cell;
  vertical-align: top;
  padding-left: 3px;
  padding-top: 3px;
  width: 70%;
  text-align: left;
  margin: 1px;
  
}
.td1 {
  width: 50%;
  font-style:italic;
}
/*
    Pure CSS Animated Drop-Down Info-Bar
    Regular version

    ;o) Cor @ corz.org
*/

.site-notice-bar::before, .site-notice-bar {
    transition: all 300ms ease-out;
    position: relative;
    display: block;
    background-color:  rgba(255, 255, 255, .8);
    color: #666;
    border: solid .1rem rgba(255, 255, 255, 0.6);
    font-weight: bold;
    font-size: 110%;
}

.site-notice-bar {
    width: 70%;
    padding: 1rem;
    margin: 5rem auto 3rem;
    box-shadow: 0 0 1rem #fff;
    border: solid .2rem #fff;
    border-radius: .5rem;
    -khtml-opacity: .5rem;
    opacity: .5rem;
}

.site-notice-bar > p {
    margin: 1rem auto;
    max-width: 70%;
}

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

    .site-notice-bar::before, .site-notice-bar {
        position: absolute;
        border-top: none;
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem;
        padding: 0;
    }

    .site-notice-bar::before {
        content: attr(data-tab-text);
        left: 40%;
        margin-top: 12rem;
        padding: .5rem 1rem;
        cursor: pointer;
        z-index: 101;
        display: block;
    }

    .site-notice-bar {
	top: 0;
	margin-top: -12rem;
	height: 12rem;
	width: 800px;
	left: 395px;
	z-index: 101;
	-khtml-opacity: 0.80;
	opacity: 0.80;
    }

    .site-notice-bar:hover {
        margin: 0;
        -khtml-opacity: 1;
        opacity: 1;
    }
}
.buttonblue {
    background: #428BCA;
    color: #fff;
    font-family: Sans-serif;
    font-size: 20px;
    height: 80px;
    width: 200px;
    line-height: 100px;
    margin: 5px 5px 5px 5px;
    text-align: left;
    border: 0;
    transition: all 0.3s ease 0s;
}

 .buttonblue {
  opacity: 0.50;
}

.buttonblue:hover {
  opacity: 1;
}

.buttongreen {
    background: #008040;
    color: #fff;
    font-family: Sans-serif;
    font-size: 16px;
    height: 120px;
    width: 300px;
    line-height: 0;
    margin: 0;
    text-align: left;
	text-align:0;
    border: 0;
    transition: all 0.3s ease 0s;
}

 .buttongreen {
  opacity: 0.50;
}

.buttongreen:hover {
  opacity: 1;
}
h4 {
margin: 0;
padding:0;
}
h3 {
margin: 0;
padding:0;
}
.fade {
   opacity: .75;
   transition: opacity .50s ease-in-out;
   -moz-transition: opacity .50s ease-in-out;
   -webkit-transition: opacity .50s ease-in-out;
   }

   .fade:hover {
	   
      opacity: 1;
	  
      }
	  
	  .fade1 {
   opacity: 1;
   transition: opacity .50s ease-in-out;
   -moz-transition: opacity .50s ease-in-out;
   -webkit-transition: opacity .50s ease-in-out;
   
   }

   .fade1:hover {
	   
      opacity: 1;
      }
	  .boxedblue {
		  background-image:url(images/property.png);
		  padding:0;
		  margin:0;
		font-size: 16px;
    	height: 200px;
   	 width: 300px;
	 border: 0;
	 text-align: left;
	 min-height: 100px;
	 min-width:200px;
overflow: hidden;
float:left;


}
.boxedgreen {
		  background-image:url(images/maps.png);
		  padding:0;
		  margin:0;
		  font-size: 16px;
    	height: 200px;
   	 width: 300px;
	 border: 0;
	 text-align: left;
	 min-height: 100px;
	 min-width:200px;
overflow: hidden;
float:right;

}
.boxedred {
	background-image:url(images/county.png);
		  padding:0;
		 margin:0;
		  font-size: 16px;
    	height: 200px;
   	 width: 300px;
	 border: 0;
	 text-align: left;
	 min-height: 100px;
	 min-width:200px;
overflow: hidden;
float:right;



}
.boxedeepblue {
	background-image:url(images/flag.png);
	
	
		  padding:0;
		  margin:0;
		  font-size: 16px;
    	height: 200px;
   	 width: 300px;
	 border: 0;
	 text-align: left;
	 min-height: 100px;
	 min-width:200px;
overflow: hidden;
float:left;


}
.boxedeeppurple {
		  background-image:url(images/you_tube.png);
		  padding:0;
		 margin:0;
		  font-size: 16px;
    	height: 200px;
   	 width: 300px;
	 border: 0;
	 text-align: left;
	 min-height: 100px;
	 min-width:200px;
overflow: hidden;
float:left;


}
.boxedfair {
		  background-image:url(images/weber_fair.png);
		  padding:0;
		 margin:0;
		  font-size: 16px;
    	height: 200px;
   	 width: 300px;
	 border: 0;
	 text-align: left;
	 min-height: 100px;
	 min-width:200px;
overflow: hidden;
float:right;


}
.boxedsmallgray {
		  
		  padding:0 0 0 0;
		  margin: 0;
		  font-size: 12px;
    	height: 120px;
   	 width: 192px;
	 border: 0;
	 text-align: left;
	 min-height: 100px;
	 

float:left;
}

.boxedbig {
		  background-color: transparent;
		  padding:0;
		  margin: 0 0 0 0;
		  
    	height: 100%;
   	 width: 70%;
	 border: 0;
	 text-align: left;
	  min-height: 100px;
	 float:left;
}
.boxedmed {
		  background-color: transparent;
		  padding:0;
		  margin: 0 0 0 0;
		  
    	height: 100%;
   	 width: 30%;
	 border: 0;
	 text-align: left;
	  min-height: 100px;
	 float:left;
}
a.box1:link {color: white; text-decoration: none; }
a.box1:visited {color: white; text-decoration: none; }
a.box1:hover {color: white; text-decoration: none; }
a.box1:active {color: white; text-decoration: none; }
a.box2:link {color: #000; text-decoration: none; }
a.box2:visited {color: #000; text-decoration: none; }
a.box2:hover {color: #000; text-decoration: none; }
a.box2:active {color: #000; text-decoration: none; }

#child {line-height: 80px;
font-size:36px;}

.box{
  margin: 10px auto;
  width: 500px;
  height: 50px;
}
.container-1{
  width: 500px;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
}
.container-1 input#search{
  width: 500px;
  height: 50px;
  background:#205081;
  border: none;
  font-size: 10pt;
  float: left;
  color: #fff;
  padding-left: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
 
   
    -webkit-transition: background .55s ease;
  -moz-transition: background .55s ease;
  -ms-transition: background .55s ease;
  -o-transition: background .55s ease;
  transition: background .55s ease;
}
.container-1 input#search::-webkit-input-placeholder {
   color: #fff;
}
 
.container-1 input#search:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}
 
.container-1 input#search::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}
 
.container-1 input#search:-ms-input-placeholder {  
   color: #fff;  
}
.container-1 .icon{
  position: absolute;
  top: 50%;
  margin-left: -240px;
  margin-top: 17px;
  z-index: 1;
  color: #fff;
   
 
  
}
.container-1 input#search:hover, .container-1 input#search:focus, .container-1 input#search:active{
    outline:none;
    background: #005CB9;
  }
  
  .centerdiv {width:1200px; margin-right: auto; margin-left: auto;}
  
  @import "compass/css3";

.flex-container {
  padding: 2px 0 0 0;
  margin: 48px auto;
  list-style: none;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .7);
  width:100%;

 
  
	
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}
.flex-container1 {
  padding: 0;
  margin: 0;
  list-style: none;
  position: fixed;
  
  top: 65%;
  left: 25%;;
  margin-top: -100px;
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}
.flex-containersearch {
  padding: 0;
  margin: 0;

  list-style: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -225px;
  margin-left: -800px;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}
.flex-item {
  
  padding: 2px;
  width: 350;
  height: 300px;
  margin-top: 0px;
  

  text-align: center;
}





/***********************
 * Essential Structure *
 ***********************/
.flexsearch--wrapper {
	height: auto;
	width:auto;
	max-width: 100%;
	overflow: hidden;
	background: transparent;
	margin: 0;
	position: static;
}
	
.flexsearch--form {
	overflow: hidden;
	position: relative;
}
	
.flexsearch--input-wrapper {
	padding: 0 66px 0 0; /* Right padding for submit button width */
	overflow: hidden;
}

.flexsearch--input {
  width: 100%;
}

/***********************
 * Configurable Styles *
 ***********************/
.flexsearch {
  padding: 0 25px 0 10px; /* Padding for other horizontal elements */
}

.flexsearch--input {
  -webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
 	height: 60px;
  padding: 0 46px 0 10px;
	border-color: #888;
  border-radius: 35px; /* (height/2) + border-width */
  border-style: solid;
	border-width: 1px;
  margin-top: 15px;
  color: #333;
  font-family: 'Helvetica', sans-serif;
	font-size: 26px;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: rgba(255, 255, 255, 0.6);
}
	
.flexsearch--submit {
  position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 60px;
	height: 60px;
  padding: 0;
  border: none;
	margin-top: 20px; /* margin-top + border-width */
  margin-right: 5px; /* border-width */
	background: transparent;
  color: #888;
  font-family: 'Helvetica', sans-serif;
  font-size: 40px;
  line-height: 60px;
}

.flexsearch--input:focus {
  outline: none;
  border-color: #333;
}

.flexsearch--input:focus.flexsearch--submit {
 	color: #333; 
}

.flexsearch--submit:hover {
  color: #333;
  cursor: pointer;
}

::-webkit-input-placeholder {
	color: #888;  
}

input:-moz-placeholder {
  color: #888
}


#box1wrap {
			float:left;
			width:340px;
			margin-top:20px;
		}
		#box1 {
			float:right;
			width:340px;
			height:200px;
			 background-color:#428BCA;
		}
		#box1pad {
			position:relative;
			right:5px;
			float:right;
			width:340px;
			overflow:hidden;
		}
		#box2wrap {
			float:left;
			width:320px;
			height:820px;
			margin-top:20px;
		}
		#box2 {
			float:right;
			width:300px;
			height:820px;
			background:#fff;
			padding-bottom:5px;
		}
		#box2pad {
			position:relative;
			right:5px;
			float:right;
			width:290px;
			overflow:hidden;
		}
		.box3wrap {
			float:left;
			width:220px;
			margin-top:20px;
		}
		.box3 {
			float:right;
			width:200px;
			height:400px;
			background:#fff;
			padding-bottom:5px;
		}
		.box3pad {
			position:relative;
			right:5px;
			float:right;
			width:190px;
			overflow:hidden;
		}
		
						.containertext { min-height: 100px; }
						#hover-me, #transition-hover { text-align:left; }
						#hover-me span, #transition-hover span { color: #333; font-size: 1.2em; }
						#hover-content { display:none; }
						#hover-me:hover #hover-content { display:block; }
						#transition-hover-content { opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s;     -ms-transition:.5s; transition:.5s; background-color:rgba(0,0,0,.8); }
						#transition-hover:hover #transition-hover-content { opacity:1;  }    
					
@import "bourbon";

.grayscale{ 
  border: 1px solid black;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
}

.grayscale:hover { 
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
}

.whitebig p {
	color:white;
  font-size: 110%;
}
@import "reset.css";

@import url(http://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300);
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.horizontal {
  display: block;
  width: 100%;
  height: 270px;
  overflow: auto;
}
div.horizontal .table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
div.horizontal .table article {
  width: 300px;
  height: 270px;
  display: table-cell;
  background-color: rgba(0, 0, 0, .9);
  vertical-align: middle;
  text-align: center;
  margin:0 5px 0 0;
}
div.horizontal .table article:nth-child(2n+2) {
  background-color: rgba(0, 0, 0, .9);
}

.horizontal-track2 {
  width: 100%;
  height: 13px;
    background-color:transparent;
}
.horizontal-handle2 {
  height: 13px;
  background-color: rgba(255, 255, 255, .7);
}
.horizontal-handle2 .left {
  display: none;
}
.horizontal-handle2 .right {
  display: none;
}

.grow img{
transition: 1s ease;
}
.grow img:hover{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 1s ease;
}

.darken  {
  -webkit-filter: brightness(80%);
  -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
       -o-transition: all 2s ease;
      -ms-transition: all 2s ease;
          transition: all 2s ease;
}
 
.darken:hover {
  -webkit-filter: brightness(100%);
}
.light  {
	color:#fff;
  -webkit-filter: brightness(100%);
 
}
 
.light:hover {
	color:#fff;
  -webkit-filter: brightness(130%);
}
.sitebox{  
      position:fixed;
      
      left:100px;
      right:100px;
      top:100px; 
      bottom:100px;
	  height:100%;
	  margin:0 0 30px 0;

      /*some styles*/
      background-color:#fff;
      border-radius:5px;
      border:solid 1px #666;
      padding:20px; 
}
.siteboxnew{  
      position:fixed;
      
      left:100px;
      right:100px;
      top:100px; 
      bottom:100px;
	  
	  margin:0;

      /*some styles*/
      background-color:rgba(0,0,0,0.9);  
      border-radius:0;
      border:0;
      padding:0; 
}
.mask{
  position:fixed;
  z-index:2;
  left:0;
  right:0;
  top:0; 
  bottom:0;  
  background-color:rgba(0,0,0,0.8);  
}
/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 100%; /* Set to gallery width, in px or percentage */
height: 200px; /* Set to gallery height */
}

#motioncontainer ul{
margin: 0;
padding: 0;
list-style: none;
}

#motioncontainer li{
display: inline;
}

#motioncontainer a img {
border: 0; /* Set image border color */
}

#motioncontainer a:hover img {
border: 0; /* Set image border hover color */
}

#statusdiv {

border:0;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */

visibility: hidden;
}

#motioncontainer a:hover {
color: #000; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */
div.container {
	
	overflow: hidden;
	width: 100%;
	background-color:#fff;
	
	
}

div.left {
	width: 70%;
	float: left;
	
	
	
}

div.right {
	width: 30%;
	float: right;
	
	text-align:right;
	
	
}



/* imports */
@import url(http://fonts.googleapis.com/css?family=Lobster);

/* resets */
*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* global */
.wrappernew {
	padding:0 40px 10px 40px;
	margin:0;
  
  
 
  max-width: 100%;
  background-color: transparent;
  border:0;
}


/* layout */
.containernew {
  margin:0;
}
.primary {
  margin-bottom: 40px;
}
h1 {
  font-family: "font-family: 'Open Sans', sans-serif";
  font-size: 2em;
  margin-bottom: 5px;
  color:#000;
}
h2 {
  font-weight: 700;
}

@media all and ( min-width: 400px ) {
  
  .containernew {
    padding-right: 300px;
  }
  .primary {
    float: left;
    padding-right: 40px;
    width: 100%;
  }
  .secondary {
    float: right;
    margin-right: -300px;
    width: 300px;
	
  }
  
}



.map {
    position:relative;
    width:300px;
    height:200px;
}
.map img {
    width:100%;
    vertical-align:top;
}
.map:after {
    content:'Weber County Interactive Maps';
    color:#fff;
	font-weight: bold;
	font-size:16px;
	padding:10px;
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.8);
    opacity:0;
    transition: all 0.9s;
    -webkit-transition: all 0.9s;
}
.map:hover:after {
    opacity:1;
}
.commish {
    position:relative;
    width:300px;
    height:200px;
}
.commish img {
    width:100%;
    vertical-align:top;
}
.commish:after {
    content:'Social Media \A Current News';
	white-space: pre;
    color:#fff;
	padding:10px;
	font-weight: bold;
	font-size:16px;
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.8);
    opacity:0;
    transition: all 0.9s;
    -webkit-transition: all 0.9s;
}
.commish:hover:after {
    opacity:1;
}
.elections {
    position:relative;
    width:300px;
    height:200px;
}
.elections img {
    width:100%;
    vertical-align:top;
}
.elections:after {
    content:'Where Do I Vote? \A Absentee / By-Mail \A Military & Overseas \A Early Voting \A Voter ID Requirements';
	white-space: pre;
    color:#fff;
	padding:10px;
	font-weight: bold;
	font-size:16px;
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
    opacity:0;
    transition: all 0.9s;
    -webkit-transition: all 0.9s;
}
.elections:hover:after {
    opacity:1;
}
.prop {
    position:relative;
    width:300px;
    height:200px;
}
.prop img {
    width:100%;
    vertical-align:top;
}
.prop:after {
    content:'Get Your Property Information \A Pay Your Property Tax Online';
	white-space: pre;
    color:#fff;
	padding:10px;
	font-weight: bold;
	font-size:16px;
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
    opacity:0;
    transition: all 0.9s;
    -webkit-transition: all 0.9s;
}
.prop:hover:after {
    opacity:1;
}

.news {
    position:relative;
    width:300px;
    height:200px;
}
.news img {
    width:100%;
    vertical-align:top;
}
.news:after {
    content:'Latest News: \A Ogden Caynon \A Transportation Use Study';
	white-space: pre;
    color:#fff;
	padding:10px;
	font-weight: bold;
	font-size:16px;
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
    opacity:0;
    transition: all 0.9s;
    -webkit-transition: all 0.9s;
}
.news:hover:after {
    opacity:1;
}

.fair {
    position:relative;
    width:300px;
    height:200px;
}
.fair img {
    width:100%;
    vertical-align:top;
}
.fair:after {
    content:'Great Family Fun \A August 5-8, 2015';
	white-space: pre;
    color:#fff;
	padding:10px;
	font-weight: bold;
	font-size:16px;
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
    opacity:0;
    transition: all 0.9s;
    -webkit-transition: all 0.9s;
}
.fair:hover:after {
    opacity:1;
}
.floatleft { 

float: left;
padding:0 10px 3px 10px;
clear:left;

}
navnew a {
	position: relative;
	display: inline-block;
	margin: 3px 5px;
	outline: none;
	color: #000;
	text-decoration: none;
	text-transform: none;
	
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size:14px;
}

nav a:hover,
nav a:focus {
	outline: none;
}

/* Effect 1: Brackets*/ 
.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 6px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 6px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

.cl-effect-3 a {
	padding: 3px 0;
}

.cl-effect-3 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: rgba(0,0,0,0.1);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
.cl-effect-14 a {
	padding: 0 20px;
	height: 45px;
	line-height: 45px;
}

.cl-effect-14 a::before,
.cl-effect-14 a::after {
	position: absolute;
	width: 45px;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0.2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	pointer-events: none;
}

.cl-effect-14 a::before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
}

.cl-effect-14 a::after {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.cl-effect-14 a:hover::before,
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::before,
.cl-effect-14 a:focus::after {
	opacity: 1;
}

.cl-effect-14 a:hover::before,
.cl-effect-14 a:focus::before {
	left: 50%;
	-webkit-transform: rotate(0deg) translateX(-50%);
	-moz-transform: rotate(0deg) translateX(-50%);
	transform: rotate(0deg) translateX(-50%);
}

.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::after {
	right: 50%;
	-webkit-transform: rotate(0deg) translateX(50%);
	-moz-transform: rotate(0deg) translateX(50%);
	transform: rotate(0deg) translateX(50%);
}
#bread {
 color: #666;
 background-color: transparent;
 padding: 3px;
 margin-bottom: 25px;
 }#bread ul {
 margin-left: 0;
 padding-left: 0;
 display: inline;
 border: none;
 } #bread ul li {
 margin-left: 0;
 padding-left: 2px;
 border: none;
 list-style: none;
 display: inline;
 font-size:14px;
 }
 #bread-gen ul li:before {
 content: "\020 \020 \020 \0BB \020";
 color: #fff;
 }
 
#bread-gen ul li.first:before {
 content: " ";
 }
		
ul.no_bullet {
list-style-type: none;
padding: 0;
margin: 0;
}

li.pdf {
background:url(images/pdficon.png)no-repeat left top;
height: 40px;
padding-left: 30px;
padding-top: 3px;
}
hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #666, #ccc, #FFF);
}

hr.style-two {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #999, #ccc);
}

	/*
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #fff; 
	}
	th { 
		background: #fff; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 2px; 
		border: none; 
		text-align: left; 
	}
	.notSoWide {
 font-family: Tahoma, Arial;
 font-size: 0.8em;
 padding: 5px;
 background-color: #fff;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 width: 400px;
 margin-bottom: 25px;
}
.wider {
 font-family: 'Trebuchet MS', Arial;
 font-size: 0.9em;
 padding: 10px;
 background-color: #fff;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 width: 600px;
 margin-bottom: 25px;
}
.widest {
 font-family: 'Lucida Sans Unicode', Arial;
 font-size: 1em;
 padding: 15px;
 background-color: #fff;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 width: 90%;
}
.table {
 width: 100%;
 border: 1px solid #f00;
}
.table .th {
 background-color: #f00;
 color: #fff;
 font-weight: bold;
 border-bottom: 1px dotted #f00;
}
.table .tr:nth-child(odd) {
 background-color: #eee;
}
.table .td {
 float: left;
 width: 23%;
 padding-left: 2%;
}

.sfm input {background-color: #ccc; 
    font-size: 12px; 
    border: 0px; 
    text-transform: uppercase; 
    margin-top: 0px; 
    color: #999; 
    letter-spacing: 1px; 
    padding: 4px 8px;
    font-family: calibri, helvetica, arial;}
	
#search-text-input{
    border-top:thin solid  #e5e5e5;
    border-right:thin solid #e5e5e5;
    border-bottom:0;
    border-left:thin solid  #e5e5e5;
    box-shadow:0px 1px 1px 1px #e5e5e5;
    float:left;
    height:30px;
    margin:.8em 0 0 .5em; 
    outline:0;
    padding:.4em 0 .4em .6em; 
    width:250px; 
}
  
#button-holder{
    background-color:#f1f1f1;
    border-top:thin solid #e5e5e5;
    box-shadow:1px 1px 1px 1px #e5e5e5;
    cursor:pointer;
    float:left;
    height:27px;
    margin:11px 0 0 0;
    text-align:center;
    width:50px;
}
  
#button-holder img{
    margin:4px;
    width:20px; 
}

.divboxes
        {
            /*container of the boxes*/
            display: -webkit-box;
            display: -moz-box;
            display: box;
            -webkit-box-orient: horizontal;
            -moz-box-orient: horizontal;
            box-orient: horizontal;
            height: 220px;
            width:100%;
            color: white;
			
			
        }
		.boxwrap {
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
height: auto;
background-color:transparent;
border: 0;


}
		.boxblue {
		  background-color:#006AD5;
		  padding:8px 8px;
		  margin:5px 5px;
		
    	height: 140px;
   	 width: 190px;
	 border: 0;
	 text-align: left;
	 min-height: 140px;
	 min-width:190px;
overflow: hidden;
float:left;
border-radius: 25px;



}
.boxgray {
		  background-color:#626262;
		  padding:8px 8px;
		  margin:5px 5px;
		
    	height: 140px;
   	 width: 190px;
	 border: 0;
	 text-align: left;
	 min-height: 140px;
	 min-width:190px;
overflow: hidden;
float:left;
border-radius: 25px;


}
.fadebox {
   opacity: 1;
   transition: opacity .85 ease-in-out;
   -moz-transition: opacity .85 ease-in-out;
   -webkit-transition: opacity .85 ease-in-out;
   }

   .fadebox:hover {
	   
      opacity: .55;
	  
      }
.boxfont {
	color:white;
	font-size:16px; 
	font-weight:bold;
	text-align:center;
}
.boxtext {
	color:white;
	
}

a.box4:link {color: #ccc; text-decoration: underline; }
a.box4:visited {color: #E2E2E2; text-decoration: none; }
a.box4:hover {color: white; text-decoration: underline; }
a.box4:active {color: #ccc; text-decoration: none; }

.boxclear {
		  background-color: transparent;
		  padding:4px 4px;
		  margin:2px 2px;
		
    	height: 150px;
   	 width: 456px;
	 border: 0;
	 text-align: center;
	 min-height: auto;
	 min-width:250px;
overflow: hidden;
float:left;
border-radius: 25px;

}
.boxclear1 {
		

background-color: #F2F2F2;
		  padding:4px 4px  4px 8px;
		  margin:2px 2px;
		
    	height: 180px;
   	 width: 456px;
	  border: solid thin #000;
	 text-align: center;
	 min-height: auto;
	 min-width:250px;
overflow: hidden;
float:left;
border-radius: 10px;

}
.boxclear2 {
		

background-color: #F2F2F2;
		  padding:4px 4px  4px 8px;
		  margin:2px 2px;
		
    	height: auto;
   	 width: 470px;
	  border: solid thin #000;
	 text-align: center;
	 min-height: auto;
	 min-width:250px;
overflow: hidden;
float:left;
border-radius: 10px;

}
.boxclear3 {
		

background-color: #F2F2F2;
		  padding:4px 4px  4px 8px;
		  margin:2px 2px;
		
    	height: auto;
   	 width: 470px;
	  border: solid thin #000;
	 text-align: left;
	 min-height: auto;
	 min-width:250px;
overflow: hidden;
float:left;
border-radius: 10px;

}
.boxclear4 {
		
		  padding:4px 4px  4px 8px;
		  margin:2px 2px;
		
    	height: auto;
   	 width: auto;
	  border: solid thin #000;
	 text-align: left;
	 min-height: auto;
	 min-width:250px;
overflow: hidden;
float:left;
border-radius: 10px;

}
.boxclearright {
		  background-color: rgba(255,255,255,0.5);
		  padding:4px 4px;
		  margin:2px 2px;
		
    	height: 150px;
   	 width: 456px;
	
	 text-align: center;
	 min-height: auto;
	 min-width:250px;
overflow: hidden;
float:right;
border-radius: 25px;

}

.boxwhite {
		  background-color: rgba(255,255,255,0.4);
		  padding:4px 4px;
		  margin:2px 2px;
		
    	height: 150px;
   	 width: 456px;
	 border: 0;
	 text-align: center;
	 min-height: auto;
	 min-width:250px;
overflow: hidden;
float:left;
border-radius: 25px;

}
.boxwhitefull {
		  background-color: white;
		  padding:8px 8px;
		  margin:2px 2px;
		
    	height: auto;
   	 width: auto;
	 border: 0;
	 text-align: left;
	 min-height: auto;
	 min-width:250px;
overflow: hidden;
float:left;
border-radius: 25px;
 
}
.boxwhitefullw {
		  background-color: rgba(255,255,255,1);
		  padding:8px 8px;
		  margin:2px 2px;
		
    	height: auto;
   	 width: 100%;
	 border:0;
	 text-align: left;
	 min-height: auto;
	 min-width:250px;
overflow: hidden;
float:left;
border-radius: 10px;

 
}
.boxgrayfull {
		  background-color: #DFEFFF;
		  padding:8px 8px;
		  margin:2px 2px;
		
    	height: auto;
   	 width: 100%;
	 border:0;
	 text-align: left;
	 min-height: auto;
	 min-width:250px;
overflow: hidden;
float:left;
border-radius: 10px;

 
}
.boxmarriage {
		  background-color:#DFEFFF;
		  padding:8px 8px;
		  margin: 0 auto;
		
    	height: auto;
   	 width: 650px;
	border: solid thin #000;
	 text-align: center;
	 min-height: auto;
	 min-width:250px;
overflow: hidden;

border-radius: 10px;
 
}
.boxindent {
	 margin-left: 50px;
	 /* padding-left:50 px; */
}
/* outer and inner ids when used one inside the other creates a centered page doesn't work in IE*/
#outer{
    width:100%;

    /* Firefox */
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;

    /* Safari and Chrome */
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;

    /* W3C */
    display:box;
    box-pack:center;
    box-align:center;
}
#inner{
    width:50%;
}
.btn {
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border: none;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #0066CC;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #6495ED;
  text-decoration: none;
}  
div.toggler { background-image: linear-gradient(to right, #B3D9FF,transparent,  transparent); cursor:pointer; border-radius: 6px;  }
div.toggler div { display:none; color:#000;background-color: rgba(255,255,266,1); }

div.toggler2 { background-image: linear-gradient(to right, #D3D3D3,transparent,  transparent); cursor:pointer; border-radius: 6px; }
div.toggler2 div { display:none; color:#000;background-color: rgba(255,255,266,1); }
@media only screen and (max-width:1000px) 
{
	.boxmarriage {
		  background-color: transparent;
		  padding:8px 8px;
		  margin: 0 auto;
		
    	height: auto;
   	 width: auto;
	border: solid thin #000;
	 text-align: left;
	 min-height: auto;
	 min-width:250px;
overflow: hidden;
float:left;
border-radius: 10px;
 
}
 .boxwhite {
		  background-color: rgba(255,255,266,0.4);
		  padding:4px 4px;
		  margin:2px 2px;
		
    	height: auto;
   	 width: auto;
	 border: 0;
	 text-align: center;
	 min-height: auto;
	 min-width:250px;
overflow: hidden;
float:left;
border-radius: 25px;
 
}
.boxclear1 {
background-color: #F2F2F2;
		  padding:4px 4px  4px 8px;
		  margin:2px 2px;
		
    	height: auto;
   	 width: auto;
	  border: solid thin #000;
	 text-align: center;
	 min-height: auto;
	 min-width:250px;
overflow: hidden;
float:left;
border-radius: 10px;


}
.boxclear2 {
background-color: #F2F2F2;
		  padding:4px 4px  4px 8px;
		  margin:2px 2px;
		
    	height: auto;
   	 width: auto;
	  border: solid thin #000;
	 text-align: center;
	 min-height: auto;
	 min-width:250px;
overflow: hidden;
float:left;
border-radius: 10px;


}
.boxclear3 {
background-color: #F2F2F2;
		  padding:4px 4px  4px 8px;
		  margin:2px 2px;
		
    	height: auto;
   	 width: auto;
	  border: solid thin #000;
	 text-align: center;
	 min-height: auto;
	 min-width:250px;
overflow: hidden;
float:left;
border-radius: 10px;


}
div.toggler { background-image: linear-gradient(to right, #B3D9FF,transparent,  transparent); cursor:pointer;  width:auto; }
div.toggler div { display:none; color:#000;background-color: rgba(255,255,266,1); width:auto; }

.boxclearright {
		  background-color: rgba(255,255,255,0.5);
		  padding:4px 4px;
		  margin:2px 2px;
		
    	height: auto;
   	 width: auto;
	 border: 0;
	 text-align: center;
	 min-height: auto;
	 min-width:250px;
overflow: hidden;
float:left;
border-radius: 25px;

}
}
.boxfontclear {
	color:#000;
	font-size:16px; 
	font-weight:bold;
	
}
.boxtextclear {
	color:#000;
	
}
.boxtextclearlarge {
	color:#000;
	font-size: larger;
	
}



div.figure {
  float: left;
  width: auto;
  border: 0;
  margin: 10px 20px;
  padding: 5px 5px;
}
div.figure p {
  text-align: center;
  font-style: none;
  font-size: 24px;
  text-indent: 0;
}
@-webkit-keyframes wiggle {
	0% {
		-webkit-transform:rotate(4deg);
	}
	50% {
		-webkit-transform:rotate(-4deg);
	}
	100% {
		-webkit-transform:rotate(4deg);
	}
}
 
.wiggle:hover {
	-webkit-animation: wiggle 0.5s;
}
#movies img{
    position: absolute;
    cursor: pointer;
}



#slider0 {
    width: 100%; /* important to be same as image width */
    height: 350px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1, #slider2 {
    width: 100%; /* important to be same as image width */
    height: 350px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider0Content, #slider1Content, #slider2Content {
    width: 100%;
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider0Image, .slider1Image, .slider2Image {
    float: left;
    position: relative;
	display: none;
}
.slider0Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.slider1Image span, .slider2Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 624px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider0Image span strong, .slider1Image span strong, .slider2Image span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
	left: 0;
}
.left {
	top: 0;
	left: 0;
	width: 110px !important;
	height: 251px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 256px;
}
.offset {
	left: 30px;
}
.offsetRight {
	right: 40px;
}
ul.circle {list-style-type: circle;}

 table {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
	
  }
  
    /* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	/* End Zebra striping */
	
  table tr {
    border: 1px solid #ddd;
    padding: 5px;
  }

  table th, table td {
    padding: 10px;
    text-align: left;
	vertical-align: text-top;
  }

  table th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
  }

  @media screen and (max-width: 600px) {

    table {
      border: 0;
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    table td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
  }



a.button {
background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
background-image: -webkit-gradient(linear,left top,left bottom,
    color-stop(0, #ffffff),color-stop(1, #dbdbdb));
filter: progid:DXImageTransform.Microsoft.gradient
    (startColorStr='#ffffff', EndColorStr='#dbdbdb');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient
    (startColorStr='#ffffff', EndColorStr='#dbdbdb')";

border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border: 1px solid #fff;
padding: 5px 0 5px 0;
text-decoration: none;
text-shadow: #fff 0 1px 0;
float: left;
margin-right: 15px;
margin-bottom: 15px;
display: block;
color: #597390;
line-height: 32x;
font-size: 22px;
font-weight: bold;
width:300px;
}

a.button:hover {
background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
background-image: -webkit-gradient(linear,left top,left bottom,
    color-stop(0, #ffffff),color-stop(1, #eeeeee));
filter: progid:DXImageTransform.Microsoft.gradient
    (startColorStr='#ffffff', EndColorStr='#eeeeee');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient
    (startColorStr='#ffffff', EndColorStr='#eeeeee')";
color: #000;
display: block;
}

a.button:active {
background-image: -moz-linear-gradient(top, #dbdbdb, #ffffff);
background-image: -webkit-gradient(linear,left top,left bottom,
    color-stop(0, #dbdbdb),color-stop(1, #ffffff));
filter: progid:DXImageTransform.Microsoft.gradient
    (startColorStr='#dbdbdb', EndColorStr='#ffffff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient
    (startColorStr='#dbdbdb', EndColorStr='#ffffff')";
text-shadow: 0px -1px 0 rgba(255, 255, 255, 0.5);
margin-top: 1px;
}
a.button {
border: 1px solid #CCC;
}


a.button.icon {
padding-left: 0;
}

a.button.icon.home span{
padding-left: 38px;
background: url(images/icons_g/home.png) no-repeat 0 0;
}
a.button.icon.pay span {
padding-left: 32px;
background: url(images/icons_g/dollar.png) no-repeat 0 0;
}
 @media screen and (max-width: 600px) {
	 a.button {
		 width: auto;
		 font-size: 16px;
	 }
 }
 #example-four {
  position: relative;
}
#example-four.on:after {
  content: "Hide";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  text-decoration: underline;
}