/* CSS for devices under 768px width */
body {
    font-size : 1em;
}

#headerhome, #headerinsectinfo, #headersearch, #headerabout, #headerbugclub, #headererror, #headerevents, #headerhelp, #headerlinks, #headermembers, #headermembership, #headerpublications, #headerschools {
    background-image: none;
    background-color: #5686b8;
}

h1, h1.homepage-title {
   font-size : 130%;
}

p {
   font-size : 100%;
}


/* NAVIGATION */

#navigation {
		position: relative;
		min-height: 40px;
		background-color : #ffffff;
		border-bottom : none;
		margin-bottom : 10px;
	}	
#navigation ul {
		width: 180px;
		padding: 5px 0 5px 5px;
		position: absolute;
		top: 0;
		left: 10px;
		border: solid 1px #aaa;
		background: #FFFF6A url(/images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
        min-height: 20px;
	}
#navigation ul li {
		font-size : 100%;
		display: none; /* hide all <li> items */
		margin: 0;
		border: none;
	}
#navigation #current-section {
		display: block; /* show only current <li> item */
        padding-left: 31px;
        padding-top: 2px;
	}
#navigation a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}
#navigation #current-section a {
		background: none;
		color: #666;
        padding-left: 0px;
        padding-top : 0px;
	}

	/* on nav hover */
#navigation ul:hover {
		padding-top : 35px;
		z-index : 10;
		background: #FFFF6A url(/images/icon-menu.png) no-repeat 10px 11px;
	}
#navigation ul:hover li {
		display: block;
		margin: 0 0 5px;
		background: url(/images/icon-box.png) no-repeat 10px 7px;

	}
#navigation ul:hover li#current-section {
		background: url(/images/icon-check-dark.png) no-repeat 10px 7px;
	}

	/* right nav */
#navigation.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
#navigation.center ul {
		left: 50%;
		margin-left: -90px;
	}

#navigation .navsearch {
	font-size : 100%;
}

#navigation .search label {
     display: none;
}

#navigation ul:hover li.search {
    background-image: none;   
}

/* SUB-NAV */
#sidenav {
		position: relative;
		min-height: 40px;
		background-color : #ffffff;
		border-bottom : none;
		margin-bottom : 10px;
        border-top: none;
        float : none;
        margin-left: 38px;
	}	
#sidenav ul li ul {
		width: 260px;
		padding: 5px 0 5px 5px;
		position: absolute;
		top: 0;
		left: 10px;
		border: solid 1px #aaa;
		background: #9dd5a5 url(/images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
        min-height: 20px;
	}
#sidenav ul li ul li {
		font-size : 100%;
		display: none; /* hide all <li> items */
		margin: 0;
		border: none;
	}
#sidenav #rwdcurrent, #sidenav #rwdcurrent a {
		display: block; /* show only current <li> item */
        padding-left: 31px;
        padding-top: 2px;
        background: none;
        color : #000;
	}

#sidenav #rwdcurrent a {
        padding-left: 0px;
        padding-top: 2px;
        background: none;
	}

#sidenav ul li ul li a {
        font-size: 100%;
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
        border : none;
        text-decoration: underline;
        background-color: #9dd5a5;
	}

#sidenav ul:hover #rwdcurrent {
    background: url(/images/icon-check-dark.png) no-repeat 10px 7px;  
}

#rwdcurrent a {
		background: none;
		color: #666;
        padding-left: 0px;
        padding-top : 0px;
        border : none;
        text-decoration: underline;
}

#rwdcurrent strong {
        background-color: #9dd5a5;
        border : none;
        font-size: 100%;
        font-weight: normal;
        padding : 0;
	}

	/* on nav hover */
#sidenav ul li ul:hover {
		padding-top : 35px;
		z-index : 10;
		background: #9dd5a5 url(/images/icon-menu.png) no-repeat 10px 11px;
	}
#sidenav ul li ul:hover li {
		display: block;
		margin: 0 0 5px;
	}

#sidenav ul li ul:hover li a {
		background: url(/images/icon-box.png) no-repeat 10px 7px;   
}


#sidenav ul li ul li ul {
		display: none;
	}


#sidenav ul li ul:hover li ul {
        display: block;
		position: static;
		margin: 0 0 5px;
	}
#sidenav ul li ul:hover li ul li a {
		background: none;
}

#sidenav ul li ul:hover li ul {
        background-image: none;
        width : 230px;
		padding: 0px 0 5px 0px;
		border: none;
		background-color: #c2e4c7;
	}

#sidenav ul li ul:hover li ul li {
    padding-left: 5px;
}

#sidenav ul li ul:hover li ul li#rwdsubcurrent {
        padding-left : 0;
	}

#sidenav ul li ul:hover li ul li #subcurrent{
        font-weight: normal;
        padding-left : 5px;
	}

	/* right nav */
#sidenav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
#sidenav.center ul {
		left: 50%;
		margin-left: -90px;
	}

#sidenav .sectionhead {
    display: none;
}


/* FEATURED CONTENT */

#featured-container {
    float : none;
    display : block;
    margin : 0 auto;
    width : 100%;   
}

#featured { 
   position : static;   
   padding-right : 0;
   padding-left : 0;
   width : auto;
   height : auto;
}

#featured .ui-tabs-panel {
    padding : 0;
    margin : 0;
    width : auto;
    height : auto;
}

#featured ul.ui-tabs-nav {
    display : none;
}

#featured .ui-tabs-panel .info {
    top : 0;
    height : auto;
    padding-bottom : 5px;
}

#featured .info h2 { 
    font-size:110%;
}

#featured .info p { 
    font-size : 85%;
}


#featured #fragment-1 img, #featured #fragment-2 img, #featured #fragment-3 img, #featured #fragment-4 img {
	width : 100%;	
}

/* HOMEPAGE COLUMNS */

#homepage-columns {
    max-width : 100%;
}

#homepage-columns h2 {
    /* background-color : #fff;
    color : #5686B8; */
    background-image : none;
    border-left : none;
    border-top : 1px solid #5686B8;
}

#homepage-columns h2 a {
    /* color : #5686B8; */
    font-size : 110%;
}

.homepage-boxes {
    display : block;
    width : 100%;
    background-image : none;
    margin-bottom : 10px;
}

.homepage-boxes li {
    font-size : 100%;
}

#homepage-greet {
    background-image : none;
}

#homepage-greet {
    background-image : none;
}

#content {
    padding-left: 13px;
}

/* GLOSSARY */

#glossaryheader {
    width : 100%;
    background-color: #fff;
    border: none;
}

#glossaryheader img {
    border: 1px solid #000;   
}
.glossary-a-z {
    width : 100%;
    font-size : 110%;
}
#glossary-a-z-list {
    width : 100%;   
}
#glossary-definition {
    width : 100%;
}

.glossary-a-z ul {
	width: 50px;
	padding: 5px 0 5px 5px;
	border: solid 1px #aaa;
	background: #ccc url(/images/icon-menu.png) no-repeat 10px 11px;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	min-height: 20px;
	margin-left : 10px;
}

.glossary-a-z ul li {
	font-size : 100%;
	display: none; /* hide all <li> items */
	margin: 0;
	border: none;
}

.glossary-a-z ul:hover {
	background: #ccc url(/images/icon-menu.png) no-repeat 10px 11px;
	padding-top : 35px;
	z-index : 10;
}

.glossary-a-z ul:hover li {
	display: block;
	margin: 0 0 5px;
}

/* FOOTER */

#footer {
    border-top: 2px solid #aaaaaa;
    font-size : 85%;
}

#footer ul li {
    display : block;
}

#breadcrumbs {
    font-size: 85%;
    line-height : 2.0em;
}

li, dt, dd {
  font-size: 100%;
}

/* Search */

.rwd-remove {
    display : none;
}

.imageright {
	display : block;
	float : none;
}

#breadcrumbs {
	margin-top : 25px;
	margin-bottom : 25px;	
}

.imagerightplain {
	display : none;
}

.borderless {
	font-size : 105%;
}

.bug-club-boxes {
	font-size : 125%;
	margin-left : 0;
	float : none;
}

.bug-club-boxes .box-info {
  top: 115px;
  height: 75px;
}

.searchboxmain {
	width : 75%;
}

.eventsubmitform {
	width : 100%;
}
	
	
#a-z-insects-top, #a-z-insects-bottom, #a-z-insects {

	width : auto;
	height : auto;
	background-image: none; 
}

#a-z-insects ul li.azitem16, #a-z-insects ul li.azitem31 {
	margin-top : auto;
}

/* Column 2 */
#a-z-insects ul li.azitem16, #a-z-insects ul li.azitem17, #a-z-insects ul li.azitem18, #a-z-insects ul li.azitem19, #a-z-insects ul li.azitem20, #a-z-insects ul li.azitem21, #a-z-insects ul li.azitem22, #a-z-insects ul li.azitem23, #a-z-insects ul li.azitem24, #a-z-insects ul li.azitem25, #a-z-insects ul li.azitem26, #a-z-insects ul li.azitem27, #a-z-insects ul li.azitem28, #a-z-insects ul li.azitem29, #a-z-insects ul li.azitem30, #a-z-insects ul li.azitem31, #a-z-insects ul li.azitem32, #a-z-insects ul li.azitem33, #a-z-insects ul li.azitem34, #a-z-insects ul li.azitem35, #a-z-insects ul li.azitem36, #a-z-insects ul li.azitem37, #a-z-insects ul li.azitem38, #a-z-insects ul li.azitem39, #a-z-insects ul li.azitem40, #a-z-insects ul li.azitem41, #a-z-insects ul li.azitem42, #a-z-insects ul li.azitem43, #a-z-insects ul li.azitem44, #a-z-insects ul li.azitem45 {
	margin-left : 0;
}

#a-z-insects ul li.azitem42 {
	padding-top : 20px;	
}

#caresheetcall {
	margin-bottom : 25px;
}

.rwdimageresize {
	width : 100%;
}

#dragcontent {
	width : 100%;
	clear : right;	
}

#drop-container {
	width : 100%;
	left : 0;
}

a.at300b {
	float : none;
margin-top : 20px;
margin-right : 80px;
}

a#count {
	margin-left : 25px;
}

#caresheetcall {
    width : 100%;
}