p {

    font-size:16px;
    color:#080808;
    font-family: Arial,Helvetica,sans-serif;
}


#logo img {
        float:left;

}
#az-index p {
        color:#fff;
        line-height:25px;
        margin:0;
        font-weight:bold;
        padding-left:13px;
}
#az-index {
        height: 26px;
        min-height: inherit;
}
#az-index .nav > li > a {
        padding: 3px 8px;
}
#az-index p {
        color: #FFFFFF;
        font-weight: bold;
        line-height: 25px;
        margin: 0;
        padding-left: 13px;
}
#az-index .navbar-search {
        margin-top: 2px;
}
#az-index .navbar-search .search-query {
        padding: 0 14px;
}
#nav-header .navbar-inner {
        background-image:none;
        background-color:maroon;
        filter:none;
}
#nav-header .navbar-inner ul li a {
        color:#fff;
        text-shadow:none;
}
#nav-header .nav li.dropdown.open > .dropdown-toggle, #nav-header .nav li.dropdown.active > .dropdown-toggle, #nav-header .nav li.dropdown.open.active > .dropdown-toggle {
        background-color:maroon;
        color:maroon;
}
#nav-header .navbar-inner ul li ul li a {
        color:maroon;
}
#nav-header .navbar-inner ul li ul li a:hover {
        color:maroon;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
        text-decoration: none;
        color: maroon;
        background-color: white;
        background-image: none;
}
#nav-header .caret {
        border-bottom-color: #FFFFFF;
        border-top-color: #FFFFFF;
}
.navbar .btn, .navbar .btn-group {
        margin-bottom:5px;
}
#nav-header ul li a [class^="icon-"], #nav-header ul li a [class*=" icon-"] {
 margin-right:7px;
 margin-top:0;
}
.navbar-inner {
        padding:0 0px;
        color:maroon;
}
.navbar .nav > li > a {
        padding:10px 13px;
        font-size:19px;
}
.carousel-control {
        color:#fff !important;
}

#footer {
        background-color:maroon;
        padding:15px 30px;
}
h4 {
font-size:17px;color:#080808;

}
#footer p {
        color:#fff;
font-size: 13px;
font-family: arial,helvetica,verdana;
}
.btn-primary {
        background:none;
        background-color:maroon;
        color:#fff !important;
        text-shadow:none;
}
.btn-primary:hover {
        background-color:#002165;
        text-decoration:underline;
}
#health-tips-carousel .carousel-control {
        background: none repeat scroll 0 0 #222222;
        border: 3px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        color: #FFFFFF;
        font-size: 30px;
        font-weight: 100;
        height: 20px;
        left: 0;
        line-height: 15px;
        margin-top: 0;
        opacity: 0.5;
        position: absolute;
        text-align: center;
        top: -4px;
        width: 20px;
}
#health-tips-carousel .carousel-control.right {
        left:auto;
        right:15%;
}
#health-tips-carousel h4 {

        margin:0;
}
#footer a {
        color:#fff;
}
#footer a:hover {
        color:#fff;
        text-decoration:underline;
}
#footer-logo img{

}
/*end edits*/
body {
        background:         #E8E8E8  ; /* Old browsers */
        background: -moz-linear-gradient(top,       #E8E8E8   0%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,          #E8E8E8  ), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,        #E8E8E8   0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,         #E8E8E8   0%, #ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,        #E8E8E8   0%, #ffffff 100%); /* IE10+ */
        background: linear-gradient(to bottom,          #E8E8E8   0%, #ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='         #E8E8E8  ', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
        font-family: arial, helvetica, verdana;
        font-size: 13px;
        font-weight: normal;
    
        padding-top:65px;
}
a, a:visited {
        color: #080808    ;
            -webkit-transition: all ease .3s;
       -moz-transition: all ease .3s;
         -o-transition: all ease .3s;
            transition: all ease .3s;
}
a:hover {
        color: #800000;
   



}
.orange {
        color: #004c4c;
}
.green {
        color:maroon;
}
h2, h3, h4 {
      font-family: Arial,Helvetica,sans-serif;
        font-weight: normal;
        
}
h2.title {
        color: maroon;
}
h3 {
        line-height: 25px;
        color:      #800000     ;
}
h2.title {
        color: maroon;
        font-size: 30px;
        line-height: normal;
        padding: 5px 0 0;
}
#wrapper {
        background: none repeat scroll 0 0 #FFFFFF;
        border-bottom: medium none;
        border-top: 3px solid maroon;
        border-bottom: 3px solid #9A9A9A;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
        margin: 30px auto 0;
        padding: 0 30px;
}
#header {
        float: left;
        padding: 10px 0;
        width: 100%;
}
#ads-top {
        float: right;
        padding: 22px 0 0;
        width: 100%;
}
#logo .desc {
        color: #999999;
}
#logo h1 {
        font-size: 40px;
        line-height: 40px;
        font-family: Georgia, Times, Roman;
        text-shadow: 1px 0 1px #AAAAAA;
        padding-top:20px;
        float:left;
}
#logo a:hover, #logo a {

}
.box {
        border: 1px solid #DFE8D6;
        margin: 0 0 15px;
        padding: 10px 15px;
        border-radius: 3px 3px 3px 3px;
}
.share-button-box {
        border: 1px dashed #DFE8D6;
        margin: 0 0 15px;
        padding: 10px 15px;
        border-radius: 3px 3px 3px 3px;
}
.gradient-box {
    background:     #F8F8F8  ;
        background: -moz-linear-gradient(center top,    #F0F0F0  , #FFFFFF) repeat scroll 0 0 transparent;



}
.orange-gradient-box {
        background: -moz-linear-gradient(center top, #FFA900, #FFDD00) repeat scroll 0 0 transparent;
}
.yellow-gradient-box {
        background: -moz-linear-gradient(center top, #B7DF2D 0%, #D7F477 44%, #FCF888 100%) repeat scroll 0 0 transparent;
}
.slider-box {
        background-color: #75A2FF;
        border: 2px solid #004c4c;
        border-radius: 3px 3px 3px 3px;
        box-shadow: 1px 1px 4px #CCCCCC;
}
.wellness-slider {
        width:80%;
        margin:0 auto;
        margin-bottom:15px;
}
.wellness-links {
        margin-top:20px;
}
.wellness-links h2 {
        color:maroon;
        font-size:20px;
        line-height:20px;
}
.wellness-links img {
        border:2px solid maroon;
        border-radius:5px;
        box-shadow:5px 5px 5px #CCCCCC;
}
.carousel {
        margin: 0;
}
.orange-box-title {
        color: #004c4c;
        font-size: 16px;

}
.green-box-title {
        color: maroon;
        font-size: 25px;
}
.box-title {
        border-bottom: 1px dashed #DFE8D6;
        padding-bottom: 10px;
        color:      #080808 ;
        font-family: Georgia, Times, Roman;

}
.post-attr {
        color: #999999;
        font-size: 11px;
}
a img:hover {
        opacity: 0.6;
}
.current-post img {
        float: left;
        margin-right: 10px;
}
.previous-list {
        margin-top: 5px;
        list-style: none;
        margin-left: 0;
        font-size: 10px;
}
.previous-list li {
        border-bottom: 1px #CCCCCC dotted;
        margin-bottom: 10px;
        line-height: 15px;
}
.previous-list li a {
        color: #004c4c;
        font-weight: bold;
}
.previous-list li a:hover {
        color: #999;
}
.previous-announcements {
        font-size: 11px;
}
.previous-announcements li img {
        padding: 3px;
        border: 1px solid #CCC;
}
.previous-announcements li a {
        color: #004c4c;
}
.previous-announcements li a:hover {
        color: #014848;
}
.related-sites li{
        float:none;
}
.related-sites li img {
        padding: 3px;
        border: 1px solid #CCC;
}
.related-sites li a {
        color: #004c4c;
        font-weight: bold;
}
.related-sites li a:hover {
        color: #999;
}
.tab-widget {
        font-size: 12px;
}
.popular {
        margin-top: 5px;
        list-style: none;
        margin-left: 0;
}
.popular li {
        border-bottom: 1px #CCCCCC dotted;
        margin-bottom: 10px;
}
.popular li a {
        color: #004c4c;
}
.popular li a:hover {
        color: #014848;
}
.tags {
        list-style: none;
}
.tags li {
        float: left;
        margin-bottom: 10px;
        margin-right: 5px;
}
.tips img {
        float: left;
        margin-right: 10px;
}
ul.social_media {
        position:relative;
        overflow:hidden;
        margin:0px 0px 5px;
        padding:0px;
        list-style:none
}
ul.social_media li {
        margin:0px 3px 3px 0px;
        width:32px;
        height:32px;
        float: left
}
ul.social_media li a {
        width:32px;
        height:32px;
        display:block;
        padding:0px;
        background:url(../img/social_media_icon.png) 0px 0px no-repeat;
        opacity: 0.3
}
ul.social_media li a:hover {
        width:32px;
        height:32px;
        display:block;
        padding:0px;
        background:url(../img/social_media_icon.png) 0px 0px no-repeat;
        opacity: 1
}
ul.social_media li a.twitter {
        background-position: 0px 0px
}
ul.social_media li a.facebook {
        background-position: -40px 0px
}
ul.social_media li a.in {
        background-position: -80px 0px
}
ul.social_media li a.gplus {
        background-position: -120px 0px
}
ul.social_media li a.dribble {
        background-position: -160px 0px
}
ul.social_media li a.forrst {
        background-position: -200px 0px
}
ul.social_media li a.flickr {
        background-position: -240px 0px
}
ul.social_media li a.deviant {
        background-position: -280px 0px
}
ul.social_media li a.blogger {
        background-position: -320px 0px
}
ul.social_media li a.del {
        background-position: -360px 0px
}
ul.social_media li a.vimeo {
        background-position: -400px 0px
}
ul.social_media li a.utube {
        background-position: -440px 0px
}
ul.social_media li a.rss {
        background-position: -480px 0px
}
ul.social_media li a.pint {
        background-position: -520px 0px
}
ul.social_media li a.skype {
        background-position: -560px 0px
}
ul.social_media li a.yahoo {
        background-position: -600px 0px
}
ul.social_media li a.netvibes {
        background-position: -640px 0px
}
.about img {
        float: left;
        margin-right: 10px;
        margin-top: 5px;
}
.team-work img {
        margin-top: 15px;
}
.also-read {
        list-style: square;
        margin-left: 10px;
}
ul.share-button-set li a {
        opacity: 1;
}
/*--Comments*/

.comments {
        list-style: none outside;
        margin-left: 0;
}
.avatar {
        height: 35px;
}
.avatar img {
        float: left;
        margin-right: 10px;
}
.comments-message {
        padding: 5px;
        margin-bottom: 15px;
        margin-top: 5px;
        font-style: italic;
}
.visitor {
        background: -moz-linear-gradient(center top, #F1F7EC, #FFFFFF) repeat scroll 0 0 transparent;
}
.admin {
        background-color: #DFF0D8;
}
.bullet {
        list-style: square;
}
.numbered {
        list-style: decimal;
}
h1, h2 {
        color:maroon;
        font-family: Arial,Helvetica,sans-serif;
}
/*media queries*/
/* Portrait tablet to landscape and desktop */
@media (min-width: 979px) and (max-width: 1200px) {
#logo h1 {
 font-size:33px;
}
}
/* Landscape phones and down */
@media (max-width: 480px) {
body {
 padding-top:0;
}
#nav-header .navbar-inner ul li ul li a{
        color:#fff;
}
#logo img {
 float:none;
 margin-top:10px;
}
#logo h1 {
 font-size:26px;
 line-height:26px;
 text-align:center;
 padding-top:0;
}
.nav-tabs > li > a, .nav-pills > li > a {
 padding:8px;
 font-size:11px;
}
.nav-tabs > li > a [class^="icon-"] {
 display:none;
}
.carousel-caption h4 {
 font-size:18px;
}
.wellness-slider {
 width:100%;
}
h1{
        font-size:30px;
        line-height:30px;
}
h2{
        font-size:27px;
        line-height:30px;
}
#footer-logo img{

}
}
.Surname {
        visibility: hidden;
}


.navbar .nav > li > a:hover {
    background-color: white;
    color: maroon;
    text-decoration: none;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #E5E5E5;
    color: maroon;
}
.span1 {
    width: 110px;
}

.call_to_action {

padding:3px;
text-align:right;
font-size:16px;
}
h5 {




}

h2 {

color:maroon;

}
.text  {

    color: black;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 17px;
    line-height: 21px;
  
}
.nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
color: white;
    border-radius: 3px;
}

.nav-collapse .nav > li > a {
    padding: 9px 15px;
    font-weight: bold;
    border-radius: 3px;
    color: white;

}
.dropdown-menu {
    background-color: maroon;
}


.nav-collapse .nav > li > a {
    padding: 9px 10px;
    font-weight: bold;
    border-radius: 3px;
    color: #FFF;
}
img {
    max-width:none;
    height: auto;
    vertical-align: middle;
    border: 0px none;
}

</style>
<style>
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
 }


.nav-mobile {


float: right; margin-top: -56px; margin-right: 40px;

}
@media screen and (max-width: 979px) {
    .nav-mobile {
       float: none; margin-top: 50px; margin-right: 0px;
    }
}



@media screen and (max-width: 1000px) {
#logo img {
        float:none;

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

.mobile-setup{
    
    width:207px !important;

   height:150px !important;


}
}

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

.mobile-logo{
    
margin-top:40px !important;


}
}

@media screen and (max-width: 1500px) and (min-width: 1000px)  {

.museum-image{
    


}

.mobile-text {

text-align:center !important;

}



}



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

.museum-image{
    
margin-left:70px !important;


}

.mobile-text {

text-align:center !important;

}



}



@media screen and (max-width: 1200px) and (min-width: 700px) {

.museum-image{
    
margin-left:65px !important;


}

.mobile-text {

text-align:center !important;

}
}


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

.museum-image{
    
margin-left:0px !important;


}

.mobile-text {

text-align:left !important;

}
}


@media screen and (min-width: 768px) and (max-width: 980px) {

.museum-image{
    
margin-left:35px !important;


}

.mobile-text {

text-align:center !important;

}
}


@media screen and (max-width: 1200px) and (min-width: 768px) {

.search-query{
    
margin-right: -125px !important;


}
.dropdown-toggle, .navbar .nav > li > a{
    
font-size: 13px !important;


}
.nav-mobile {

margin-right: 0px;

}

.no-tablet {

width:22px !important;
height:22px !important;
margin-top:-100px !important;
}

.height-events {
height:auto !important;

}


}

@media screen and (max-width: 765px) and (min-width: 500px) {


.no-tablet-vert {

display:none !important;

}

.no-tablet {

display:none !important;
}



}
.navbar .nav{

margin:0px !important;

}
.nav-collapse .nav > li > a {
    padding: 10px 19px !important;
    font-weight: bold;
    border-radius: 3px;
    color: #FFF;

}

.nav-mobile {

margin-left:30px !important;
}

.no-padding {

  padding-bottom:0px !important;

}
.mobile-text {


  margin-bottom: 0px;
}

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


.nav-mobile {

width:100% !important;
margin-left:0px !important;
}
.no-tablet {

display:none !important;
}


}

@media screen and (max-width: 979px) and (min-width: 900px)  {


.nav-mobile {

width:100% !important;

}

.no-tablet {

display:none !important;
}

}




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


.nav-mobile {

margin-left:0px !important;

}
.dropdown-toggle{
    
font-size: 16px !important;


}


}

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


.center-align {

text-align:center !important;

}

.museum-image {


    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;

}

.mobile-text {

  text-align:center !important;
  padding-bottom:5px !important;
}


.emerge-text {

  text-align:center !important;
  padding-bottom:10px !important;
}

.height-events {

    height:auto !important;

}
.upcoming-events-main {
    margin-right:0px !important;
}


}


.logo-hidden {

text-align:center; margin-top:-10px;

}

.top-space {
margin-top:-35px !important;

}

.row-margin {
margin-left:-5px;

}

.img-ohc {

margin-top:10px;margin-left: -5px;
}

.margin-row-links {
margin-top:-10px;

}
.link-style {

margin-left:-5px !important;margin-top: 20px !important;

}

.margin-search {

padding-right:0px !important;float: right !important;
margin-top: -25px !important;margin-right: -25px ;

}
.magnifying-glass {

float:right;margin-top:-20px !important;margin-right: 8px !important;

}

.padding-links {

     padding:3px !important;
}

.social-icons {

margin-left:0px;margin-top:-65px; height:30px;
}

.large-icons {

   margin-top:12px;padding-left: 23px;
}

.blog-icon {

padding:3px; height:27px; width:27px;
}

.mobile-logo {

margin-top:10px;margin-bottom:-50px;
}

.center-logo {

 text-align:center;
}
.navigation {

  width: auto;margin-left: 0px;
}
.navigation-menu {

    float:left; color:#777; text-shadow:none; font-size:16px;
}
.nav-text li a{

font-size:19px;
}

.nav-sub a {

 font-size:16px;
}

.events-box {
margin-right: -20px;

}

.upcoming-events-main {

border:2px solid maroon;margin-right: -25px;
}

.carousel-info {

 margin-top: -10px;
}

.event-padding {

padding-bottom:5px;
}

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


.top-space {
margin-top:-65px !important;

}
}

.mission-statement {

text-align:center;margin-right: 40px;color:#080808;
font-family:Georgia, "Times New Roman", Times, serif;
}

.footer-links {

 text-align:center;
}

.emerge-text {
    text-align:center;
}

.museum-style {
margin-top: 0px;margin-left: 85px;padding-bottom:5px;
}

h2 a {

    font-family:Georgia, "Times New Roman", Times, serif;
}

hr {

    margin: 15px 0px;
}


.inside-page a {

    color:maroon;
    font-weight:bold;
}

ul li{

    font-size:16px;
    color:#080808;
    font-family: Arial,Helvetica,sans-serif;

}

hr{

    color:#474747;
}


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


.dropdown li a {

font-size:14px !important; 

}



.navbar .nav > li > a {

  font-size:16px !important;
}



}

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


.dropdown li {


    margin-left:-10px !important; 
}


}

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


.dropdown li a {


    font-size:12px !important; 
}


}




@media screen and (max-width: 1024px) and (min-width: 769px)  {

#demo2 {


}




  }

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


#demo2 {


}
.wellness-links {

    margin-left: -25px !important;
}


}

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

#demo2 {


}


}


@media screen and (max-width: 500px) and (min-width: 400px) {


#demo2 {


}



}

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


#demo2 {


}



}


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

h1 {

font-size:26px !important;
}


}

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

h1 {

font-size:22px !important;
}


}

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

.resize-products {

width:100% !important;
}


}



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

.inside-page img{


  display: block !important;
  max-width: 100% !important; 
  height: auto !important; 

}


}
@media screen and (min-width: 769px) {
.dropdown-toggle {

       
   cursor: default;
}

}


.bottom-padding {

padding-bottom:40px !important;

}
@media screen and (max-width: 1200px) {
.relative-text {


margin-left:50px !important;

}
}

@media screen and (max-width: 980px) {
.relative-text {


margin-left:100px !important;

}
}

@media screen and (max-width: 768px) {
.relative-text {


margin-left:70px !important;

}
}

@media screen and (max-width: 640px) {
.relative-text {

position:relative !important;
margin-left:0px !important;


}
}
@media screen and (max-width: 768px) {
.left-text {

    text-align:left !important;
}

}

@media screen and (min-width: 640px) {
.relative-text {

padding-left:10px;


}
}
@media screen and (min-width: 650px) {
.phone-icons {

    display:none;
}
}