@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);

/*typography*/
h1, h2, h3, h4, h5, h6 {font-family: "Roboto Condensed",sans-serif; font-weight: 700; text-transform: uppercase;}

/*top bar*/
#main-nav {background: #f7f7f7;}

/*masthead*/
#masthead {background:#fff; border-bottom: 1px solid #f2f2f2; padding: 1.25rem 0;}
#masthead #logo h1 {margin:0; padding:0;}
/* #masthead #logo p {margin:0; padding:0;} */
#masthead #logo p {padding:0;}
 
/*banner*/
#banner {background: #fcfcfc; border-bottom: 1px solid #f2f2f2; padding: 1.25rem 0;}
#banner .bg-banner {background: #f2f2f2; border: 1px solid #d8d8d8;}

/*banner 3/4 right panel*/
#banner #featured01 {padding: 1.25rem;}
#featured01 h3, #featured01 h4, #featured01 p {color: #666;}

/*main*/
#main {padding: 1.25rem 0;}

/*footer*/
/* #footer {background: #e9e9e9; padding: 1.25rem 0; border-top: 1px solid #f2f2f2;} */
#footer {background: #e9e9e9; padding: 1.25rem 0;}
#footer img.republic-seal {}
#footer h4, #footer p, #footer li, #footer a {color: #999;}
#footer h4 {font-size: 60%;}
#footer p, #footer li {font-size: 70%;}
/* #footer ul, ol {padding: 0; margin: 0; } */
/* #footer li {list-style: none; display: block;} */
#footer li {list-style: block;}

.top-bar{ background: #f7f7f7; line-height: 58px; height: 58px; }
.top-bar .name h1 a{ color: #000; background: #f7f7f7; line-height: 58px; height: 58px; font-size: 19px; }
.top-bar-section li.active a, .top-bar-section li.active:not(.has-form) a:not(.button):hover{ background: #ededed; color: #000; border-bottom: solid 1px #ebebeb; }
.top-bar .toggle-topbar.menu-icon a{ color: #000; }
.top-bar .toggle-topbar.menu-icon a::after{ color: #000; box-shadow: 0 10px 0 1px #000, 0 16px 0 1px #000, 0 22px 0 1px #000; }
.top-bar .name { height: 58px; }
/* joomla styling starts here */
/* top bar active color */
.top-bar-section ul,
.top-bar-section li a,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section .dropdown li:not(.has-form) a:not(.button){ background: #f7f7f7; color: #000; line-height: 58px; }

.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section .dropdown li:not(.has-form):hover > a:not(.button){ background: #EDEDED; color: #000; }
.top-bar-section > ul > [role="separator"]{ height: 58px; }
.top-bar.expanded .top-bar-section > ul > .divider{ display: none; }
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"],
.top-bar-section ul li{ border-right: solid 1px #ebebeb; height: 58px; }
.top-bar-section .has-dropdown > a:after{ border-color: transparent transparent transparent rgba(0, 0, 0, 0.4); }

.top-bar.expanded ul li{ border: 0; }
.top-bar.expanded .top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar.expanded .top-bar-section li:not(.has-form) a:not(.button){ line-height: 40px; }

.top-bar.expanded .title-area{ background: #f7f7f7; }
  
/* search box */
input[type="text"] {height: 1.875rem;}
.top-bar input{ height: 40px; }

/* auxiliary menu */
#auxiliary {background: #f7f7f7;}

/* TODO: must add a auxillary menu dropdown menu */
/** aux-nav-btn **/
.aux-nav-btn-container{ height: 58px; background: #f7f7f7; overflow: auto; }
#aux-nav-btn{ float: right; margin: 0; background: #f7f7f7; color: #000; height: 34px; line-height: 33px; padding: 0; padding-right: 25px; margin-top: 10px; margin-right: 18px; margin-bottom: 14px; font-weight: bold; text-transform: uppercase; font-size: 13px; }
#aux-nav-btn::after{ content: ""; position: absolute; right: 0; display: block; width: 16px; top: 0; height: 0; color: #000; box-shadow: 0 10px 0 1px #000, 0 16px 0 1px #000, 0 22px 0 1px #000; }
#aux-nav li a:hover{ background: #ededed; }
#aux-nav ul li.has-dropdown{ }
#aux-nav ul li.has-dropdown:hover{ }
#aux-nav.show-for-medium-up.open{ display: block !important;z-index: 1; }
#aux-nav.open li.divider{ border: 0; }

#panel-top,
#panel-bottom{ padding: 1.25rem 0; }

/* breadcrumbs span */
.breadcrumbs {margin-top: 10px; background: #fcfcfc; border-color: #f2f2f2;}
.breadcrumbs span.current {color: #333;}

/* time */
.time {background: #333; border-color: #222; }
.time .pst {font-size: 13px;}

/* article info and pagination */
.print-icon, .email-icon, .edit-icon {font-size: 0.75rem; float: left; text-transform: uppercase;}
.print-icon, .email-icon {margin-right: 40px;}
.print-icon {list-style-image: url(images/system/printButton.png);}
.email-icon {list-style-image: url(images/system/emailButton.png);}
.edit-icon {list-style-image: url(images/system/editButton.png);}
.article-info, .tags, .post-box p {clear: left;}
.article-info-term {display: none;}
dd {display: inline-block; padding-right: 12px; font-size: 0.75rem; color: #999; }
.createdby, .category-name, .published, .create, .modified, .hits {margin: 0;}
.tags .label {background: #FCFCFC; border: 1px solid #F2F2F2; color: #258FAF; padding: 10px;}
.tags {padding: 10px 0 20px;}
.readmore {font-size: 0.875rem; font-weight: bold;}
p.counter {display: none;}
.pagination {float: none; text-align: center; text-transform: uppercase;}
.pagination ul {display: inherit; text-align: center;}
.pagination ul li {display: inline; margin: 0 5px;}
.pagination a, .pagination span {float: none; display: inline-block; font-size: 0.75rem; font-weight: bold;}
ul.pager li, ul.pagenav li {display: inline; margin: 0 5px;}
ul.pager, ul.pagenav {float: none; text-align: center; text-transform: uppercase; font-size: 0.75rem; font-weight: bold;}

/* newsflash */
h4.newsflash-title {border-top: 1px solid #DDD; padding-top: 5px;}

/* login form, edit */
#login-form {border: 1px solid #D8D8D8; padding: 15px; background: #F2F2F2;}
#login-form li {font-size: .875rem;}
#login-form .btn {padding: .75rem 1.5rem .75rem;}
#jform_publish_up_img, #jform_publish_down_img {display: none;}
#editor-xtd-buttons {padding: 10px 0; float: left;}
#editor-xtd-buttons a {font-weight: bold; margin-right: 15px;}
.toggle-editor .btn-group {font-weight: bold; float: right; padding: 10px 0;}

/* modules */
.wrapper {border: 1px solid #D8D8D8;}
.dateReadon .button {padding: 0 10px 0 0; font-size: .75rem; background-color: #FFF; color: #999; margin-bottom: -15px;}
.latestnews .lnTitle {margin-bottom: -5px;}
.latestnews li {list-style: none; margin: 10px 0 0 -15px; border-top: 1px solid #D8D8D8; padding-top: 10px;}

/* banner */
#banner .bg-banner {border: none; background: none;}
#banner .fullwidth {width: 100%; height: 100%;}

/* content */
.button {text-align: left;}
.entry-title {padding: 10px;}
.page-header h2 {text-transform: none; font-size: 2rem;}
.padding {padding: 0 20px;}
.result-created {font-size: 0.75rem; color: #999;}
.result-title {padding: 10px 0;}
.divider .separator {display: none;}
p.img_caption {font-size: 0.75rem;}

#content{}
#content .pull-left{ float: left; }
#content .pull-right{ float: right; }

#back-to-top { position: fixed; bottom: 2em; right: 0px; text-decoration: none; color: #ffffff; background-color: #111111; border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-size: 12px; padding: 1em; display: none; }

/**
 *
 */
@media only screen and (max-width: 40em) {
	#aux-nav{  left: 0 !important;  width: 100% !important; position: static !important; height: auto;  overflow: auto;  border-bottom: 1px solid #D8D8D8; }
	#aux-nav section > ul{  width: 100%;  margin: 0; height: auto; }
	#aux-nav ul > li{  width: 100%;  display: block; }
	#aux-nav ul li > a{  width: 100%;  display: block;  line-height: 58px;  background: #f7f7f7;  color: #000;  font-size: 13px;  padding: 0 20px;  position: relative;  border-top: 1px solid #ebebeb; }
	#aux-nav ul li a:hover{  background: #EDEDED; }
	#aux-nav ul li.has-dropdown > a:after{  content: "";  display: block;  width: 0;  height: 0;  border: inset 5px;  border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;  border-top-style: solid;  margin-top: -2.5px;  top: 22.5px;
	margin-top: 1.5px;  right: 30px;  position: absolute; }
	#aux-nav ul li.has-dropdown ul{  margin-left: 15px; }
	#aux-nav ul li.has-dropdown ul > li{ }
	#aux-nav ul li.has-dropdown ul li > a{ }
	#banner{  display: none; }
}
@media only screen and (min-width: 40.063em) {
	.top-bar-section .has-dropdown > a:after{  border: inset 5px;  border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;  border-top-style: solid;  margin-top: 2.5px; }
	#aux-nav{  position: static !important;  width: auto !important;  top: auto !important;  left: auto !important;
	background: #f7f7f7;  color: #000;  line-height: 58px;  font-size: 13px; }
	#aux-nav .has-dropdown{ }
	#aux-nav ul.dropdown{  width: 100%; }
	#aux-nav ul.dropdown li{  border-bottom: solid 1px #ebebeb; }
	#aux-nav li.has-dropdown > a:after {  content: "";  display: block;  width: 0;  height: 0;  border: inset 5px;  border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;  border-top-style: solid;  margin-right: 15px;  margin-top: -2.5px;  position: absolute;  top: 50%;  right: 0; }
	#aux-nav li {  float: left; }
	#aux-nav li a{  background: #f7f7f7;  color: #000;  font-size: 13px;  line-height: 58px;  padding: 0 15px;  display: block;  white-space: nowrap; }
	#aux-nav ul li a:hover{  background: #EDEDED; }
	#aux-nav li.has-dropdown{  position: relative; }
	/** first level **/ #aux-nav li.has-dropdown > a{  padding-right: 35px !important; }
	#aux-nav li.has-dropdown .dropdown{  display: none;  position: absolute;  margin-left: 0;  z-index: 1;  width: auto; }
	#aux-nav li.has-dropdown > .dropdown > li{  position: relative;  width: 100%;   }
	#aux-nav li.has-dropdown > .dropdown > li.has-dropdown > a:after{  border: none;  content: "\00bb";  top: 1rem;  margin-top: 4px;  right: 5px;  line-height: 1.2; }
	#aux-nav li.has-dropdown > .dropdown > li > .dropdown{  position: absolute;  top: 0;  left: 100%; }
	#aux-nav li.has-dropdown:hover > .dropdown{  display: block;}
}

/* EVP template updated css*/

/*menu color*/
#main-nav, .top-bar-section ul, .top-bar,.top-bar .name h1 a,.top-bar.expanded .title-area 
{color: #fff; background-color: #015c7f; background: #015c7f}


.top-bar-section ul, .top-bar-section li a, .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section .dropdown li:not(.has-form) a:not(.button)
{ background: #015c7f; color: #fff; line-height: 58px; }


#banner { border-top: #015c7f solid; }

/*module color */
.moduletable-gray {
 background-color: #eeeeee;
 color: #015c7f;
 margin-bottom: 15px;
}

.moduletable-gray h3 {
    color: #fff;
    background-color: #015c7f;
    padding: 5px 10px;
    font-size: medium;
}

.moduletable-gray p,.moduletable-gray ul, .moduletable-blue2 p, .moduletable-blue p {
     padding: 2px 10px;
  	 margin: 5px 20px;
}

.moduletable-gray hr{
  margin: 0;
}

.moduletable-blue h3{
    padding: 5px 10px;
    font-size: medium;
  color: #ffcc99;
}
.moduletable-blue a, .moduletable-blue2 a {
  color: #ffcc99;
  padding-bottom: 5px;
}
.moduletable-blue li, .moduletable-gray li {
    margin: 10px;
}

 .moduletable-gray li
{
list-style-type: none;
  margin-bottom: 5px;
}

.moduletable-blue2 {
 background-color: #3198BF;
 color: #fff;
  margin: 10px;
}

.moduletable-blue2 td {
    border: 5px solid #fff;
}

.moduletable-blue2 h3 {
    padding: 5px 10px;
   color: #fff;
}


div#panel-bottom {
    background-color: #015c7f;
  color: #ffcc99;
}

#panel-top {
  padding:0px;
}


table tr:nth-of-type(even) {
  background: #3198BF;
}

.page-header h1 {
    color: #fff;
    font-size:larger;
    padding-left: 10px;
    padding-top: 10px;
    background-color: #e67e22;
}

#content .pull-right {
  margin-left: 15px;
}

.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"],
.top-bar-section ul li{ border-right: solid 1px #015778; height: 58px; }

.moduletable-gray a {
  color: #015c7f;
  font-weight: bold;
}

a.btn {
  color: #e67e22;
}

input.button {
    background-color: #e67e22;
}

button.btn.btn-primary {
    background-color: #2ba6cb;
    width: 100%;
    font-weight: bold;
}



.moduletable-gray.frontpanel {
	height: 350px;
  padding: 3px;
}