#menubar{position:relative;height:40px; margin-top:0px;background-color:#CCEAFF;border-width:1px;border-style:solid;border-color:#0000cd;-webkit-border-radius:6px;border-radius:6px}
#menubar a{text-decoration:none !important}
#menubar ul li {min-width:12%}
.topmenu #accs,
.topmenu #addthis2,
.topmenu #blog,
.topmenu #contact,
.topmenu #cowbutton,
.topmenu #font-button,
.topmenu #home,
.topmenu #info,
.topmenu #min,
.topmenu #other,
.topmenu #pls,
.topmenu #videos
{min-width:40px;height:38px;line-height:35px;border:1px solid black;border-radius:5px;vertical-align:middle; padding:0 !important}
.topmenu #accs{min-width:70px; padding:0px !important}
.topmenu #other{min-width:65px; padding:0px}
.topmenu #contact {min-width:60px; padding:0px}
.topmenu #font-button{min-width:40px; padding:0 5px}
#font-button span{height:30px;line-height:13px;padding-top:2px}
#site-links{margin-left:0;max-width:30px !important;padding:0}
#site-links span{margin-bottom:10px;line-height:28px;color:black;font-size:.9em;font-weight:bold}
#mag-glass{display:none;position:absolute;right:0px;top:1px;z-index:1004;width:40px}
#sb3{white-space:nowrap;position:absolute;right:0px;top:0px;z-index:1003;height:40px !important; overflow:hidden;background-color:#CCEAFF}
.double{/*height:38px;*/line-height:15px;padding-top:4px}
.search-box3{height:36px;border:1px solid #000;margin-right:0px;margin-left:50px}
.search-button3{margin-right:50px;width:38px;height:40px;margin-top:0px;color:black;font-size:14px}
.font-button2{width:50px !important;height:40px;line-height:40px;border:1px solid black;border-radius:5px;background-color:#CCEAFF;text-align:center;vertical-align:middle;color:#000;cursor:pointer}
.font-button2:hover{color:blue}

ul#css3menu1 {width:100%}
ul#css3menu1, ul#css3menu2{height:34px;position:relative;display:block;float:left;border:0 !important}
ul#css3menu1,ul#css3menu1 ul, ul#css3menu2,ul#css3menu2 ul{margin:0;list-style:none;padding:0;background-color:#CCEAFF;border-width:1px;border-style:solid;border-color:#0000cd;-webkit-border-radius:6px;border-radius:6px}
ul#css3menu1 ul, ul#css3menu2 ul{margin-left:0px;padding:0 5px 10px 40px;visibility:hidden;position:absolute;left:0;top:100%;opacity:0;-moz-transition:all .1s;-webkit-transition:opacity .1s;-o-transition:opacity .1s,visibility .25s;transition:opacity .25s;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;background-color:#FFFFFF;border-radius:6px;-webkit-border-radius:6px;border-color:#d4d4d4}
ul#css3menu1 li:hover>ul, ul#css3menu2 li:hover>ul{visibility:visible;opacity:1}
ul#css3menu1 li, ul#css3menu2 li{position:relative;display:block;white-space:nowrap;float:left}
ul#css3menu1 li:hover, ul#css3menu2 li:hover{z-index:1}
ul#css3menu1, ul#css3menu2{z-index:999;position:relative;display:inline-block;zoom:1;padding:0;*display:inline}
* html ul#css3menu1 li a, * html ul#css3menu2 li a{display:inline-block}
ul#css3menu1>li, ul#css3menu2>li{margin:0}
ul#css3menu1 a:active, ul#css3menu1 a:focus, ul#css3menu2 a:active, ul#css3menu2 a:focus{outline-style:none}
ul#css3menu1 a, ul#css3menu2 a{display:block;margin:0 5px 0 0;padding:0px 5px;vertical-align:middle;text-align:center;text-decoration:none;font:bold 13px verdana,arial,helvitica,sans-serif;color:#000000;text-shadow:#FFF 0 0 1px;cursor:pointer;background-color:#CCEAFF;border-width:0 1px 0 0;border-style:solid;border-color:#CCEAFF}
ul#css3menu1 ul li, ul#css3menu2 ul li{float:none;margin:12px 0 0}

/* The next line was forcing text descriptions on a new line and making the entire li line an active link, so I added display:inline to fix it. */
ul#css3menu1 ul a, ul#css3menu2 ul a{display:inline; line-height: 2.5em !important; text-align:left;padding:5px 0;background-color:#FFFFFF;background-image:none;border-width:0;border-radius:0px;-webkit-border-radius:0px;-moz-transition:all 0.1s;-webkit-transition:all 0.1s;-o-transition:all 0.1s;transition:all 0.1s;font:bold 12px Arial,Helvetica,sans-serif;color:blue;text-decoration:none}

ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed, ul#css3menu2 li:hover>a,ul#css3menu2 li a.pressed{background-color:yellow;border-color:#C0C0C0;border-style:solid;color:#000000;text-shadow:#FFF 0 0 1px;text-decoration:none}
ul#css3menu1 span, ul#css3menu2 span{display:block;overflow:visible}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed, ul#css3menu2 ul li:hover>a,ul#css3menu2 ul li a.pressed{background-color:#FFFFFF;background-image:none;color:darkgreen;text-decoration:underline}
ul#css3menu1 li.topfirst>a, #css3menu2 li.topfirst>a{border-radius:5px 0 0 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0}
ul#css3menu1 li.toplast>a, #css3menu2 li.toplast>a{margin-right:0px;border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px}
ul#css3menu1 li ul li ul, #css3menu2 li ul li ul{background-color:#DDD;margin-left:0px}
ul#css3menu1 ul li ul a, #css3menu2 ul li ul a{background-color:#DDD}

/* Adjust the next two styles to change the breakpoint from vertical to horizontal menues */
@media only screen and (min-width:901px) {
  #menubar {display:none !important}
  ul#ddmenu {display:block}
}
/* Set this breakpoint 1px lower than the above rule */
@media only screen and (max-width:900px) {
  ul#menubar{display:inline-block;width:100%}
  ul#ddmenu {display:none}
  #left-sb {min-width:100% !important;max-width:100% !important}
  #main-content {clear:left;margin-left:0px}  
  .search-box3 {width:175px}
}
@media only screen and (max-width:620px) {
  #menubar ul li {min-width:11%}
}
@media only screen and (min-width:580px){
  #vert{display:none}
  ul#css3menu1{display:block !important}
  ul#css3menu2{display:none}
  #fb1 {display:block}
  #fb2 {display:none !important}
}
@media only screen and (max-width:579px){
  ul#css3menu1{float:none;width:100px;height:auto;position:absolute;top:42px;padding:25px 40px 15px 0px;left:0;display:none;background-color:#FFF; border:1px solid #999 !important;box-shadow:3.5px 3.5px 5px #000000;}
  ul#css3menu1 li{float:none;margin-bottom:12px; min-width:100px}
  * html ul#css3menu1 li a{float:none !important}
  #vert{display:block;margin:4px 5px 0 5px;line-height:32px;float:left}
  .mid {vertical-align:middle}
  .search-box3{width:160px}
  #fb1 {display:none !important}
  #fb2 {display:block; margin-left:5px !important}
}
@media only screen and (min-width:380px){
  #sb3{display:none}
  #mag-glass{display:inline-block}
}
@media only screen and (max-width:379px){
  #sb3{position:absolute;right:0px;top:42px;padding:0 1px 10px 15px;background-color:#fff;display:none}
  #mag-glass{display:block}
  .search-box3 {height:32px;width:190px}
  .search-button3{width:45px;height:35px}
}