body{ background-color:#8cccdc; background-image:url(../images/bg.gif); background-repeat:repeat-x;background-attachment:fixed; }
.container{ background-color: #FFF;line-height: 2em;min-height: 700px;font-family: 'Varela Round', sans-serif;}
a.no-ul{ text-decoration: none !important; }
.navnav{ float: left; padding:0; }
thead{ font-weight: bold; background-color: #EEE; }
p{ font-size: 1.2em;}
.navbar-default {background-color: #FFF; border:0; font-size: 1.6em; margin-bottom: 0; margin-top: 1.5em;} 
.dropdown-menu  {background-color: #FFF;} 
.dropdown-menu > ul li > a {color: #FFF;}
.navbar ul li a {background-color: #FFF;color: #333 !important;}
.navbar ul li a:hover,
.navbar ul li a.selected {color: #9ec9fd !important; background-color: #fff !important;}
.navbar ul li ul li a {background-color:#FFF;border:0;}
.navbar ul li ul li a:hover,
.navbar ul li ul li.active a,
.navbar ul li ul li a.selected {background-color: #fff; color: #9ec9fd !important;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{ color: #9ec9fd !important; background-color: #fff; }

.xtm{ padding-top: 20px; }

.glyphicon{ vertical-align: middle !important; margin-top: -4px; }

small{ font-size: 0.7em; }
.xsmall{ font-size: 0.6em; }
.jumbo_combo{ -webkit-appearance: menulist-button; font-size: 40px; }
* { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
.fl{ float:left; }
.fr{ float: right; }


@media (min-width:769px){
ul.nav li.dropdown:hover ul.dropdown-menu { display: block; }
}

@media (max-width: 480px){
.container{ margin: -40px 0 0 0 !important; }
.text_links{ min-width: 100%; }
.navbar-default{ font-weight: normal; padding-left: 20px; font-size: 1.1em;} 
}


@media (min-width: 768px){
body{ margin-top: 20px !important; }
#long-content{ min-height:600px !important; }
}

@media (max-width: 768px){
body{ background-image:none !important; background-color: #FFF !important; }
.container{ min-height: 540px !important; padding: 16px 10px 0 10px; }	
#logo{ display: none;}
#nav1{ display: none; }
.navbar-collapse { max-height: none; overflow-x: hidden; }
.navbar-default{ font-size: 1.1em !important;} 
.row{ padding: 0; margin: 0;}
}