/* CSS Document */
img,
embed,
object,
video {
  max-width: 100%;
  }

strong, b {
  font-weight: 700;
  }

i {
  font-style: italic;
  }

body {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 400;
  background: #fff;
  margin: 0;
  padding: 0;
  font-size: 100%; /* 16px / 16px */
	line-height: 1.5em; /* 24px / 16px */
  color: #000;
	letter-spacing: .035em;
  }

h1 {
  font-size: 1.375em; /* 22px / 16px */
  line-height: 1.181818181818182em; /* 26px / 22px */
  color: #0060a4;
  margin: 0 0 .6818181818181818em 0; /* 15px / 22px */
  font-weight: 700;
  }

h2 {
  font-size: 1.25em; /* 20px / 16px */
  line-height: 1.333333333333333em; /* 24px / 18px */
  color: #236093;
  margin: .5555555555555556em 0; /* 10px / 18px */
  font-weight: 600;
  }

h3 {
  font-size: 1.125em; /* 18px / 16px */
  line-height: 1.333333333333333em; /* 24px / 18px */
  margin: .5555555555555556em 0; /* 10px / 18px */
  font-weight: 600;
  }





p {
  margin: 0 0 .625em 0; /* 10px / 16px */
  }
.Paragraph {
  margin: 0 0 .75em 0;
  }

ul.BBul {
  margin: 0 0 .625em 0; /* 10px / 16px */
  }
ul.BBul li {
  color: #236093;
  margin: 0 0 .3125em 10px; /* 5px / 16px */
  list-style-type: disc;
  }
ul.BBul li span {
  color: #000;
  }



.clr { 
  clear: both;
  }



a {
  color: #0060a4;
  text-decoration: underline;
  }
a:hover {
  text-decoration: none;
  }

a[href^="tel:"] {
  color: #000;
  text-decoration: none;
  cursor: text;
  }


.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  }



/**********************************************/
/* Nav Styles                                */
/**********************************************/



#MainNav {
  float: right;
  margin: 35px 0 0 0;
  }
#MainNav li {
  float: left;
  font-size: 14px;
  line-height: 24px;
  margin: 0 0 0 30px; /* 30px / 12px */
  letter-spacing: .048em;
  }
#MainNav li a {
  display: block;
  color: #0060a4;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  }
#MainNav li a:hover {
  color: #ed1c24;
  }

@media screen and (max-width: 1100px) {
#MainNav {
  margin: 25px 0 0 0;
  }
#MainNav li {
  margin: 0 0 0 12px;
  }
#MainNav li a {
	text-transform: none;
  }
}
@media screen and (max-width: 850px) {
#MainNav li {
  font-size: 12px;
  }
}




.slicknav_menu {
  display:none;
  }

@media screen and (max-width: 730px) {
#menu {
  display:none;
  }

.slicknav_menu {
  display:block;
  }
#MainNav {
  margin: 0;
  }
}

.slicknav_btn {
  background: #919191;
  background: rgba(145,145,145,.5);
  }
.slicknav_menu .slicknav_icon-bar {
  background-color: #0060a4;
  width: 1.5em;
  height: 0.25em;
}
.slicknav_menu {
  background: none;
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
height:0px;
    overflow:visible;
  padding: 0;
  z-index: 90;
  }
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 0;
}
.slicknav_nav li {
  background: #0060a4;
  margin: 0;
}
.slicknav_nav li.SubLink {
  margin: 0 0 0 20px;
}
.slicknav_nav a{
  font-size: 1em; /* 16px / 16px */
  padding: 5px 0;
  margin: 0 10px;
  text-decoration:none;
  text-transform: uppercase;
  color:#fff;
  }
.slicknav_nav a:hover{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: none;
    color: #9aafd0;
}
.slicknav_nav {
    position: relative;
		background: #fff;
    top: 0;
}
.slicknav_nav .slicknav_row:hover {
    background: none;
}




/* Targeting the second level menu */
#menu li ul { background: #0060a4; display: none; margin: 0; padding: 0; width: 150px; position: absolute; z-index: 100;}
#menu li ul li { width: 100%; text-align: left; margin: 0; padding: 0; }
#menu li ul li a { background: none; border: none; color: #fff; font-size: 14px; line-height: 18px; margin: 0; padding: 10px;}
#menu li ul li a:hover { background: #919191; border-bottom: 0; color: #000;}

/* A class of current will be added via jQuery */
#menu li.current > a { background: none; }

/* CSS fallback */
#menu li:hover > ul.child { display: block; }



/**********************************************/
/* Layout Divs                                */
/**********************************************/



.Enclose {
  width: 90%;
  max-width: 1100px;
  position: relative;
  margin: 0 auto;
  }

#MainHead {
  position: relative;
  background: #e6e6e6;
  margin: 0;
  }

#Logo {
  float: left;
  line-height: 24px;
  width: 15.90909090909091%; /* 175px / 1100px */
  margin: 0;
  position: relative;
  z-index: 5;
  }
#Logo img {
  display: block;
  border: 0;
  margin: 3px 0;
  }

/*#HeadSearch {
  float: right;
  width: 285px;
	background: #fff;
  border: 2px solid #fff;
  margin: 5px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  }
#HeadSearch #cse-search-box input {
	border: 0 !important;
  font-size: 12px;
  }

#HeadSearch .cse .gsc-control-cse, .gsc-control-cse {
  padding: .2em .2em 0 .2em !important;
  }*/

#MainSearch {
	background: #fff;
  float: left;
  width: 35%;
  border: 2px solid #919191;
  margin: 5px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  }
#MainSearch #cse-search-box input {
	border: 0 !important;
  font-size: 12px;
  }

#MainSearch .cse .gsc-control-cse, .gsc-control-cse {
  padding: .2em .2em 0 .2em !important;
  }

input.gsc-search-button {
	background: #919191;
	padding: 5px;
	float: right;
	margin: 2px 2px 1px 1px;
	}


.TitleBar {
  background: #333;
  line-height: 32px;
  padding: 10px 0;
  margin: 0 0 20px 0;
  }
.TitleBar h1 {
  font-size: 28px;
  line-height: 32px;
  color: #fff;
  margin: 0;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  }


.ThreeQuarter {
  float: left;
  width: 68.18181818181818%; /* 750px / 1100px */
  margin: 0 0 20px 0;
  }

.OneQuarter {
  float: right;
  width: 27.27272727272727%; /* 300px / 1100px */
  margin: 0 0 20px 0;
  }
.OneQuarter img {
  display: block;
  margin: 0 auto;
  border: 0;
  }

.HalfL {
  float: left;
  width: 48%;
  margin: 0 0 20px 0;
  }

.HalfR {
  position: relative;
  float: right;
  width: 48%;
  margin: 0 0 20px 0;
  }
.HalfR img {
  display: block;
  margin: 0 auto;
  border: 0;
  }

.Quarter3 {
  float: right;
  width: 68.18181818181818%; /* 750px / 1100px */
  margin: 0 0 20px 0;
  }

.Quarter1 {
  float: left;
  width: 27.27272727272727%; /* 300px / 1100px */
  margin: 0 0 20px 0;
  }
.Quarter1 img {
  display: block;
  margin: 0 auto;
  border: 0;
  }

#MainFoot {
	background: #121212;
	color: #919191;
  font-size: 12px; /* 12px / 16px */
  line-height: 24px;
	text-align: center;
	padding: 20px;
	margin: 30px 0 0 0;
	}

a.Admins {
	color: #919191;
  text-decoration: underline;
  margin: 0 0 0 20px;
  }
a.Admins:hover {
	color: #00aef0;
  text-decoration: none;
  }

.FtTranslate {
	margin: 20px;
	}
.FtTranslate .goog-te-gadget-simple {
  display: none;
  }
.FtTranslate p {
  display: none;
  }

@media screen and (max-width: 720px) {
#Logo {
  width: 120px;
  margin: 0 auto;
  }
#MainSearch {
  width: 45%;
  }
}
@media screen and (max-width: 600px) {
.HalfL {
  float: none;
  width: 100%;
  }
.HalfR {
  float: none;
  width: 100%;
  }
#MainSearch {
  float: none;
  width: 100%;
  padding-bottom: 3px;
  }
.ThreeQuarter {
  float: none;
  width: 100%;
  }
.OneQuarter {
  float: none;
  width: 100%;
  }
.Quarter3 {
  float: none;
  width: 100%;
  }
.Quarter1 {
  float: none;
  width: 100%;
  }
}
@media screen and (max-width: 320px) {
#HeadSearch {
  width: 265px;
  }
}


/* ********************************************* */
/* Sticky Social Sidebar                         */
/* ********************************************* */

#sticky-social {
  background: #0060a4;
  overflow: visible;
  }
/*#sticky-social ul {
	float: right;
	}
#sticky-social li {
	float: left;
	}
#sticky-social a {
   background: none;
   color: #fff;
   display: block;
   height: 35px;
   line-height: 35px;
   position: relative;
   text-align: center;
   width: 35px;
	 text-decoration: none;
   font-size: 16px;
	}
#sticky-social a span {
   line-height: 25px;
   top: -100px;
	 right: 0;
   position: absolute;
   text-align:center;
   width:120px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	 z-index: 100;
	}
#sticky-social a:hover span {
   top: 35px;
	}
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: #3b5998; }

#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: #00aced; }

#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span { background: #007bb6; }*/

#sticky-social ul {
  height: 55px;
  }
#sticky-social li {
  float: right;
  font-size: 15px;
  line-height: 24px;
  margin: 15px 0 5px 30px;
  }
#sticky-social li:last-child {
  margin: 15px 0 5px 0;
  }
#sticky-social a {
  color: #fff;
  text-decoration: none;
  }
#sticky-social a:hover {
  color: #00adef;
  }

@media screen and (max-width: 455px) {
#sticky-social li {
  font-size: 12px;
  line-height: 16px;
  margin: 5px 0 0 5px;
  }
#sticky-social li:last-child {
  margin: 5px 0 0 5px;
  }
}

/**********************************************/
/* Counter Styles                             */
/**********************************************/

#Visitors {
  width: 230px;
  margin: 10px auto;
  line-height: 18px;
  }
#Visitors p {
  display: inline;
  font-size: 13px;
  line-height: 22px;
  margin: 0 0 0 0;
  }

.Counter {
  display: inline;
  background: url(../images/VisitorsBack.png) no-repeat;
  text-align: right;
  width: 120px;
  height: 24px;
  margin: 0 0 0 5px;
  padding: 0 0 0 4px;
  font-size: 13px;
  line-height: 24px;
  font-weight: bold;
  color: #000000;
  letter-spacing: 7px;
}

/**********************************************/
/* Pop up Styles                              */
/**********************************************/

#enclosePop {
  background: #ffffff;
  margin: 0 0 0 0;
  }

#headerPop {
  background: #236093;
  margin: 0 0 0 0;
  height: 100px;
  }
#headerPop img.Logo{
  margin: 30px 0 0 5px;
  padding: 0;
  border: 0;
  float: left;
  }
#headerPop h1 {
	font-size: 28px; 
	color: #ffffff;
	line-height: 32px !important;
	margin: 0 0 0 220px !important;
  padding: 30px 0 0 0;
	}

#ContentPop {
  margin: 10px 10px 0 50px;
  }
p.clwin {
  font-size: 12px;
  color: #000000;
  line-height: 17px;
  margin: 10px 10px 15px 0;
  text-align: right;
  }

#footerPop {
  clear: both;
  font-size: 12px;
  margin: 0 0 0 0;
  padding: 10px 0 10px 0;
  text-align: center;
  background: #dad9d7;
  }

.RegisterLinkP {
  float: right;
  width: 125px;
  height: 75px;
  background: url(../images/RegisterLink.png) no-repeat;
  margin: 10px 0 10px 10px;
  }
.RegisterLinkP a {
  display: block;
  margin: 20px auto 0 auto;
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  }
.RegisterLinkP a:hover {
  color: #ffffff;
  text-decoration: underline;
  }

/**********************************************/
/* SWDL Classes                               */
/**********************************************/

p.error {
  color: #ff0000;
}

.Login { 
  margin: 0px;
  padding: 0px;
  }
.Login input { 
  margin: 0px 0px 0px 10px;
  padding: 0px;
  }
.Login input.Button { 
  margin: 0px 0px 0px 75px;
  padding: 0px;
  }
.Login label { 
  display: block;
  float: left;
  width: 60px;
  margin: 4px 0px 0px 0px;
  padding: 0px;
  }
.Recover { 
  margin: 0px;
  padding: 0px;
  }
.Recover input { 
  margin: 0px 0px 0px 10px;
  padding: 0px;
  }
.Recover input.Button { 
  margin: 0px 0px 0px 75px;
  padding: 0px;
  }
.Recover label { 
  display: block;
  float: left;
  width: 60px;
  margin: 4px 0px 0px 0px;
  padding: 0px;
  }

.AddEditView {
  margin: 20px 0 0 0;
  padding: 0;
  }
.AddEditView label {
  float: left;
  text-align: right;
  width: 120px;
  margin: 0px 5px 0px 0px; 
  padding: 0px;
  color: #000000;
  }
.AddEditView input {
  color: #000000;
  }
.AddEditView input.Button {
  margin: 0px 0px 0px 10px; 
  padding: 0px;
  }
.AddEditView input.boxes { 
  margin: 10px 5px 0px 0px; 
  padding: 0px;
  float: left;
  display: inline;
  } 
.AddEditView label.boxes { 
  margin: 3px 10px 0px 0px; 
  padding: 0px;
  width: 200px;
  float: left;
  line-height: 30px;
  text-align: right;
  }
.UserAddEditView {
  margin: 20px 0 0 0;
  padding: 0;
  }
.UserAddEditView label {
  float: left;
  text-align: right;
  width: 120px;
  margin: 0px 5px 0px 0px; 
  padding: 0px;
  color: #000000;
  }
.UserAddEditView input {
  color: #000000;
  }
.UserAddEditView input.Button {
  margin: 0px 0px 0px 10px; 
  padding: 0px;
  }
.UserAddEditView input.boxes { 
  margin: 10px 5px 0px 0px; 
  padding: 0px;
  float: left;
  display: inline;
  } 
.UserAddEditView label.boxes { 
  margin: 3px 10px 0px 0px; 
  padding: 0px;
  width: 200px;
  float: left;
  line-height: 30px;
  text-align: right;
  }  

.ButtonPane {
  clear: both;
  margin: 10px 10px 10px 120px; 
  padding: 10px 0px 0px 0px; 
  }


/**********************************************/
/* Privacy Policy Styles                      */
/**********************************************/

.Privacy {
  margin: 50px 0;
  }
.Privacy ul {
  margin: 0 0 30px 10px;
  }
.Privacy ol {
  margin: 0 0 30px 10px;
  }
.Privacy ul li {
  font-weight: 700;
  color: #236093;
  list-style-type: disc;
  margin: 0 0 7px 15px;
  padding: 0 0 0 3px;
  }
.Privacy ol li {
  font-weight: 700;
  color: #236093;
  list-style-type: decimal;
  margin: 0 0 7px 15px;
  padding: 0 0 0 3px;
  }
.Privacy li span {
  font-weight: 300;
  color: #000;
  }



/**********************************************/
/* Scaffold Notice Styles                       */
/**********************************************/

.ScaffoldBar {
  background: #ed1c24;
  color: #fff;
  padding: 5px 0;
  }

.Emph {
  font-weight: 700;
  text-decoration: underline;
  }

.ScaffoldBar p {
  font-size: 16px;
  line-height: 1.3em;
  margin: 10px 0 5px 0;
  }
.ScaffoldBar p.Centered {
  text-align: center;
  }