/* UPDATED 3/13/2018 @ 6:00PM */

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

html { -webkit-text-size-adjust: 100%; }
body {	margin: 0px;	background-color: #FFFFFF; }
div, span { font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 130%; color: #333333; }
a { color: #3366CC; text-decoration: none; }
a:hover {	text-decoration: underline; }
img { max-width: 100%; max-height: 100%; border: none; }
form { margin: 0px; padding: 0px; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

#Page { display: block; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 1000; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  transition: all 0.3s ease; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

#Masthead { display: block; margin: 0px auto 5px auto; padding: 15px; background-color: #000000; }
#MastheadContent { display: block; max-width: 1480px; margin: 0px auto; }
#MastheadLeft { display: block; margin: 0px auto; text-align: center; }
#MastheadLeft img { max-height: 60px !important;  }
#MastheadRight { display: none; margin: 0px auto; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

#Navigation { display: block; margin: 0px auto 20px auto; padding: 8px; border-top: solid 1px #ECECEC; border-bottom: solid 1px #ECECEC; background-color: #FFFFFF; }
#NavigationContent { display: block; max-width: 1480px; margin: 0px auto;  }
#NavigationLeft { display: none; margin: 0px auto; }
#NavigationRight { display: block; margin: 0px auto; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

#Links { display: table; margin: 0px auto; opacity: 0; }
#Links div { display: table-cell; width: auto; padding: 0px 15px; border-right: solid 1px #CCCCCC; font-family: 'Roboto'; font-size: 12px; font-weight: 700; color: #000000; }
#Links div:nth-child(1) { padding-left: 0px; }
#Links div:last-child { border-right: none 0px; padding-right: 0px; }
#Links div a { color: #000000; text-decoration: none; text-transform: uppercase; }
#Links div a:hover { text-decoration: underline; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

#Search { display: table; width: 100%; margin: 0px; background-color: #FFFFFF; border: solid 1px #CCCCCC; }
#SearchLeft { display: table-cell; width: auto; padding: 0px 15px 0px 0px; vertical-align: middle; }
#SearchRight { display: table-cell; width: 30px; vertical-align: middle; }
#query { width: 100%; height: 32px; font-family: 'Roboto'; font-size: 14px; color: #666666; border: 0px; outline: 0px; padding: 10px; }
#query:-webkit-autofill  { -webkit-box-shadow: 0 0 0 30px white inset !important; -webkit-text-fill-color: !important; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

.Layout1 #Masthead { box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75); }
.Layout1 #Navigation { }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

.Layout2 #Masthead { box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75); }
.Layout2 #Navigation { background-color:#000000; }
.Layout2 #Links div { color: #FFFFFF; }
.Layout2 #Links div a { color: #FFFFFF; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

.Layout3 #Masthead { background-color: #FFFFFF; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75); }
.Layout3 #Navigation { background-color: #000000; }
.Layout3 #Links div { color: #FFFFFF; }
.Layout3 #Links div a { color: #FFFFFF; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

.Layout4 #Masthead { background-color: #FFFFFF; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75); }
.Layout4 #Navigation { background-color: #000000; }
.Layout4 #Links div { color: #000000; }
.Layout4 #Links div a { color: #000000; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

.Layout5 #Masthead { margin-bottom: 0px; }
.Layout5 #Navigation { background-color: #000000; border-top: solid 1px #454545; border-bottom: solid 1px #454545; }
.Layout5 #Links div { color: #FFFFFF; }
.Layout5 #Links div a { color: #FFFFFF; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

.Layout6 #Masthead { background-color: #FFFFFF; margin-bottom: 0px; }
.Layout6 #Navigation { background-color: #FFFFFF; }
.Layout6 #Links div { color: #000000; }
.Layout6 #Links div a { color: #000000; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

@media (min-width: 1024px) {

#Navigation { padding: 8px 15px; }
#NavigationContent { display: table; }
#NavigationLeft { display: table-cell; width: auto; margin: 0px; padding: 0px 50px 0px 0px; vertical-align: middle;  }
#NavigationRight { display: table-cell; width: 300px; margin: 0px; padding: 0px; vertical-align: middle;  }

#Search { max-width: 298px; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

.Layout2 #MastheadContent { display: table; width: 100%; }
.Layout2 #MastheadLeft { display: table-cell; width: auto; max-width: 600px; vertical-align: middle; text-align: left; }
.Layout2 #MastheadRight { display: table-cell; width: auto; vertical-align: middle; text-align: right; }
.Layout2 #NavigationContent { width: 100%; }
.Layout2 #Links { margin: 0px; float: right; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

.Layout4 #MastheadContent { display: table; width: 100%; }
.Layout4 #MastheadLeft { display: table-cell; width: auto; max-width: 600px; vertical-align: middle; text-align: left; }
.Layout4 #MastheadRight { display: table-cell; width: auto; vertical-align: middle; text-align: right; }
.Layout4 #NavigationContent { width: 100%; }
.Layout4 #Links { margin: 0px; float: right; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

.Layout6 #MastheadContent { display: table; width: 100%; }
.Layout6 #MastheadLeft { display: table-cell; width: auto; max-width: 600px; vertical-align: middle; text-align: left; }
.Layout6 #MastheadRight { display: table-cell; width: auto; vertical-align: middle; text-align: right; }
.Layout6 #NavigationContent { width: 100%; }
.Layout6 #Links { margin: 0px; float: right; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

}

@media (min-width: 1480px) {

#Masthead { padding: 15px 0px; }
#Navigation { padding: 8px 0px; }

}