body{
	padding: 0px;
	margin: 0px;
	top: 0px;
	left: 0px;
	font-family:Arial, Helvetica, sans-serif;	
	background-color: #669900;
	background-image:url(../images/body_bg.gif);
	background-position:top center;
	background-repeat:repeat-y;
	background-attachment: fixed;
	text-align:center;
	/* min-width: 949px; */
	}
#tinymce, .mceContentBody{
    font-size: 90%;
	text-align:left;
}

/* Wrapper */
#wrapper{
	position: relative;
	padding: 0px;
	margin: 0px auto 0px auto;	
	/* width must be odd number to avoid jitter in Firefox */	
	width: 949px;
	/* Explorers 7 see this, Firefox doesnt, helps align wrapper and background image */	
	-left: 1px;	
	text-align:left;
	height:500px;
	border: 0px;
	padding-left: 1px;
	}
	
img{
	border: 0;
	/* For Explorer 6, removes extra unwanted 3px gap after images. About this: http://lavalantern.org/wwfm_blog/?p=28 */	
	*margin-bottom: expression("-3px");
	padding-bottom: 3px;
	vertical-align: middle;
	/* Someting to be aware of... 
	Unless verticle-align is set to bottom, a gap under images exists in Firefox. This is different then the Explorer problem above. 
	About this: https://developer.mozilla.org/en/images,_tables,_and_mysterious_gaps */
	}
/*add space on pagers*/
ul.pager {
	margin: 25px 0px 15px 0px;
}

h1{
	padding: 25px 0px 15px 0px;
	margin: 0px;
	font-size: 1.8em;
	font-weight: bold;
	}
h2{
	margin-bottom: 8px;
	margin-top: 20px;
	font-size: 1.25em;
	font-weight: bold;
	}
h3{  
	font-size: 1.15em;
    margin: 0px;
    padding: 0px 0px 12px 0px;
	font-weight: bold;
	}
/* used as paragraphs without any space on the right hand side */	
#right_region p.nospace {
	margin: 0px;
	padding: 0px;	
}

/* General links */	
#navigation a:link, #subwrapper a:link, #quicklinks a:link, 
#navigation a:visited, #subwrapper a:visited, #quicklinks a:visited{
	font-weight: bold;
	text-decoration: none;
	color: #0072AB;
	}
	
/* Visited Links */
#content a:visited, #home_main a:visited{
	color: #039;
	}
	
#navigation a:hover, 
#subwrapper a:hover,
#quicklinks a:hover{
	color: #993300;
	}	
#right_region a:link, #right_region a:visited, #right_region li{
	color: #0072AB;
	}	
#right_region a:hover{
	color: #990033;
	}	
		
/* Navigation */
#navigation{
	position:relative;
	padding: 0px;
	margin: 0px;
	}
#navigation ul{
	padding: 0px 0px 0px 20px;
	margin: 0px;
	}
#navigation li{
	padding: 8px 10px 0px 10px;
	margin: 0px;
	float: left;
	list-style-type: none;
	list-style-image: none;
	font-size:.95em;
	}	
	
/* nav active background image */		
#navigation li.active-trail{
	background-image: url(../images/nav_on.gif);
	background-position:top center;
	background-repeat:no-repeat;
	}	
/* nav active and sub_nav active link colors */	
#navigation a:link.active-trail, #navigation a:visited.active-trail{
	color: #990033;
	}
#navigation a:hover.active-trail{
	color: #FF0000;
	}		
		
		
		






/* Quicklinks and AAB header title */
#quicklinks{
	position:relative;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size:.75em;
	float: left;
	clear:left;
	width: 540px;
	}
#quicklinks ul{
	padding: 20px 0px 5px 60px;
	margin: 0px;
	height: 40px;
	}
#quicklinks li{
	position:relative;
	padding: 3px 50px 0px 10px;
	margin: 0px;
	float: left;
	list-style-type:none;
	font-size:1em;
	vertical-align:middle;
	}	
#quicklinks li img{
	position: absolute;
	left: -28px;
	top: 0px;
	}		

	

		
/* AAB header top -47px if using the main graphic element version renamed file to "aab_header_only.gif" -73 for taller beta version.
Right side equals 60px if it's 400px wide. Subtract from 60 the extra amount. Earth Day -73 top and it's 430px so subtract 30 from 60= 30px rt. For link change page-front.tpl.php and page.tpl.php 
UPDATE: made all images 430px by 65 pixels so shouldn't need to modify this.
*/
#aab_header{
	position: absolute;
	right: 30px;
	top: -73px;
	}


/* Subwrapper */
#subwrapper{
	position: relative;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	clear:both;
	border-top:solid;
	border-width: 8px;
	border-color: #b7babc;	
	/* Triggers hasLayout in Explorer 6, needed to position header */
	zoom: 1;
	font-size: .75em;
	line-height: 1.5em;
	}

/* holds content and left_region */	
#container{
	position: relative;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 709px;
	float: left;
	}	
/* used in bird section for wide display of results. Need .wide_right to be added to #content as well */		
#container.wide{
	width: auto;
	}	
	
	
/* home main feature */	
#home_container{
	position:relative;
	padding: 0px 0px 0px 80px;
	margin: 0px;
	float: left;
	width: 620px;
	zoom: 1;
	}	
	
/* for main image and caption on home page */	
#home_main{
	position:relative;
	padding: 8px 0px 8px 0px;
	margin: 0px;
	height: 270px;
	}
	
/* add to default div for floating feature boxes, for home and regular pages padding is slightly different */
.home_feature{
	position:relative;
	padding: 0px;
	margin: 0px 8px 0px 0px;
	float: left;
	width: 188px;
	}
.page_feature{
	position:relative;
	padding: 0px;
	margin: 0px 10px 0px 45px;
	float: left;
	width: 188px;
	}	
.home_feature img, .page_feature img{
	position:relative;
	padding: 3px;
	margin: 0px 0px 5px 0px;
	border: solid;
	border-width: 1px;
	border-color: #b7babc;
	}
.home_feature p, #content .page_feature p{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 160px;
	}	



	

/* MAIN CONTENT AREA */	
#content{
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 550px;
	float: right;
	/*overflow: hidden;*/
	}
#content h1{
	line-height: 1.15em;
	}	
/* expands content left for use in admin section */	
#container .wide_left{
	width: 680px;
	}
/* expands content right for use in bird section */	
#container .wide_right{
	width: 755px;
	padding-right: 35px;
	}	
	
#content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	}
#content hr{
	margin: 0px 0px 15px 0px;
	width: 550px;
	display:block;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	}	

#content ul.inline{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	}
#content ul.inline li{
	padding: 0px;
	margin: 0px;
	display: inline;
	}
	
	

/* floatbox lists, class to add as css in view */
#content .floatbox-view ul, #content .floatbox-2up-views-list ul{
    padding: 0px;
    margin: 0px;
    }
#content .floatbox-view ul li{    
    width: 125px;
    margin: 20px 10px 0px 0px;
    display:inline-block;
    vertical-align:top;    
    zoom: 1;
    /* for Explorer 6&7 only */
    *display: inline;
    }  	
#content .floatbox-2up-views-list li{
	width: 260px;
    margin: 20px 10px 15px 0px;
    display:inline-block;
    vertical-align:top;    
    zoom: 1;
    /* for Explorer 6&7 only */
    *display: inline;
	}
#content .floatbox-2up-views-list .pager li, #content .floatbox-2up-views-list .views-admin-links li{
	width: auto;
	}

/* for lists of floats with different heights */
#content ul.floatbox_list{
    padding: 0px;
    margin: 0px;
    }
#content ul.floatbox_list li{    
    width: 250px;
    padding: 5px; 
	margin: 10px 5px 10px 5px;
    display:inline-block;
    vertical-align:top;    
    zoom: 1;
    /* for Explorer 6&7 only */
    *display: inline;
    }  	
	
	
	

/* for two up floating lists of variable height with captions */
#content ul.floatbox_list_2up{
    padding: 10px 0px 20px 0px;
    margin: 0px;
    }
#content ul.floatbox_list_2up li{
	position:relative;
    width: 220px;
    padding: 3px 25px 3px 25px; 
	margin: 10px 0px 10px 0px;
    display:inline-block;
    vertical-align:top;    
    zoom: 1;
    /* for Explorer 6&7 only */
    *display: inline;
	line-height: 1.2em;
	text-align: center;
    }  
#content ul.floatbox_list_2up img{ 
	margin-bottom: 3px;
	border: solid; 
	border-color: #CCCCCC; 
	border-width: 1px; 
	padding: 3px;
	}
	
	

/* class for third level menus */
#tertiary_menu{
	padding: 0px;
	margin: 0px;
	background-color: #FFCCCC;
	}
#tertiary_menu ul{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	}
#tertiary_menu ul li{
	padding: 0px;
	margin: 0px;
	display: inline;
	}
/* active trail links */	
#tertiary_menu a:link.active-trail, #tertiary_menu a:visited.active-trail{
	color: #FF33CC;
	}
#tertiary_menu a:hover.active-trail{
	color: #FF0000;
	}




/* for name and title under article image. Adjusts padding */		
#article_header{
	padding: 0px 0px 20px 0px;
	margin: 0px;
	}
#article_header h1{
	padding: 0px;
	margin: 0px;
	visibility: hidden;
	}
#article_header p{
	font-style: italic;
	line-height: 1.5em;
	padding: 0px;
	}	
/* for main image */	
.header_image{
	padding: 25px 0px 0px 0px;
	margin: 0px;
	}
	
/* main body CCK field, to add padding to all images */	
#cck_body{
	padding: 0px;
	margin: 0px;
	}
#cck_body img{
	padding: 0px 0px 5px 0px;
	}	
#cck_body td img{
	padding: 0px;
	}



/* for forms inside the content area */
#aab_form{
	padding: 0px;
	margin: 0px;
	}
.attn{
	color: #FF0000;
	}		
#aab_form form{
	padding: 0px;
	margin: 0px;
	display: block;
	}
#aab_form fieldset{
	padding: 0px 0px 10px 0px;
	margin: 0px;
	display: block;
	border: none;
	}	
/* ---------------------------- */		
#aab_form fieldset p{
	float: left;
	padding: 0px 20px 5px 0px;
	clear: none;
	}
#aab_form fieldset label{
	font-weight: bold;
	padding: 3px 10px 0px 0px;
	margin: 0px;
	float: left;
	}	
/* ---------------------------- */	
#aab_form label.no_padding{
	font-weight:normal;
	padding: 0px;
	margin: 0px;
	}	
/* ---------------------------- */			
#aab_form input{
	padding: 2px 0px 2px 0px;
	margin: 0px;
	width: 12em;
	}
/* for in quizzes, a series of radio buttons */	
#aab_form fieldset.sbutton input{
	padding: 2px 0px 2px 0px;
	margin: 0px;
	width: auto;
	}	
#aab_form fieldset.sbutton p{
	float: none;
	padding: 0px 20px 20px 0px;
	}
/* for in teaher toolbox, a series of inline check boxes with labels */	
#aab_form fieldset.cbutton input{
	padding: 2px 0px 2px 0px;
	margin: 0px;
	width: auto;
	}
#aab_form fieldset.cbutton legend{
	padding: 0px 0px 5px 0px;
	margin: 0px;
	color: #000;
	font-weight:bold;
	}		
#aab_form fieldset.cbutton label{
	font-weight: normal;
	float: none;
	padding-left: 5px;
	}
#aab_form fieldset.cbutton p{
	padding: 0px 10px 20px 0px;
	}
/* ---------------------------- */	
#aab_form textarea{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 92.5%;
	height: 5em;
	overflow:auto;
	}
/* ---------------------------- */	
#aab_form input.submit{
	padding: 0px 5px 0px 5px;
	margin: 20px 0px 10px 0px;
	width: auto;
	}	
/* ---------------------------- */	
.aab_form_error{
	border: solid;
	border-color: #FF0000;
	border-width: 2px;
	color: #FF0000;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 15px 15px 0px 15px;
	font-size: 1.10em;
	}
	
	
	
	

/* for words to know */	
#keywords{
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 20px 0px;
	border-top: solid;
	border-bottom: solid;
	border-width: 1px;
	border-color: #b7babc;
	}
#keywords p{
	padding: 10px 0px 10px 0px;
	}

#keywords ul{
	padding: 0px;
	margin: 0px;
	width: 245px;
	}
#keywords li{
	list-style-type: none;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	line-height: 1.3em;
	}		
#keywords ul.right{
	float: right;
	}	
#keywords ul.left{
	float: left;
	}	
/* the visible/hidden part that ties into jquery toggle */	
#aab_wordbox{
	padding: 0px 0px 20px 0px;
	}	
	

/* adds yellow background color to nsdl section, adjusts padding */
.nsdl{
	padding: 10px 25px 20px 25px;
	background-color:#FFFFCC;
	border: solid;
	border-width: 2px;
	border-color: #FFCC66;
	}
	
	
/* dl blocks, wrapped in divs */		
#content .dl_block1{
	padding: 15px 0px 10px 0px;
	margin: 0px;
	clear: both;
	}	
#content .dl_block1 dl{
	padding: 0px;
	margin: 0px;
	line-height: 1.4em;
	}
#content .dl_block1 dd{
	padding: 0px;
	margin: 0px 0px 0px 116px;
	}	
#content .dl_block1 dd p{
	padding: 0px 0px 5px 0px;
	margin: 0px;
	}		
#content .dl_block1 p.heading{
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-size: 1.1em;
	}	
#content .dl_block1 dt{
	float: left;
	border: solid;
	border-width: 1px;
	border-color: #b7babc;
	padding: 3px;
	height: 100px;
	width: 100px;
	text-align: center;
	}	

/* left wrapper */			
#left_wrapper{
	position: relative;
	padding: 0px 0px 250px 0px;
	margin: 0px;
	width: 159px; 
	float: left;
	zoom: 1;
	background-image:url(../images/left_arrow_01.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	}	
	
/* left region */	
#left_region{
	positon: relative;
	padding: 0px;
	margin: 0px;
	background-color: #005288;
	width: 120px;
	border-right:solid;
	border-bottom:solid;
	border-width: 8px;
	border-color: #b7babc;
	/* simulates min-height, Explorer */
	*height: 300px;
	min-height: 300px;
	/* for Explorer, to keep layout from breaking */
	*overflow-x: hidden;	
	color: #FFC;
	}	
#left_region ul{
	font-size: 1.05em;
	padding: 10px 0px 30px 0px;
	margin: 0px;
	}
#left_region li{
	list-style-type: none;
	list-style-image: none;
	padding: 7px 10px 4px 15px;
	margin: 0px;
	line-height: 1.15em;
	}
#left_region h2{
	display: none;
	padding: 30px 0px 0px 15px;
	margin: 0px;
	color: #FFFFFF;
	}
#left_region h3{
	padding: 0px;
	margin: 0px;
	color: #FFC425;
	}
#left_region p{
	padding: 10px 0px 20px 15px;
	margin: 0px;
}
/* links */	
#left_region a:link, #left_region a:visited{
	color: #FFFFFF;
	}
#left_region a:hover{
	color: #ffe293;
	}
	
/* on links */	
#left_region li.active-trail, #left_region li.active{
	background-image: url(../images/left_region_on.gif);
	background-repeat: no-repeat;
	background-position:left .2em;
	}
#left_region a:visited.active-trail, #left_region a:link.active-trail, 
#left_region a:visited.active, #left_region a:link.active{
	color: #ffc425;	
	}
#left_region a:hover.active-trail, #left_region a:hover.active{
	color: #ffe293;
	}
	


/* right region */	
#right_wrapper{
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 240px;
	float: right;
	}	
	
#right_region{
	position: relative;
	padding: 0px 0px 20px 0px;
	margin: 0px;
	left: 32px;
	width: 200px;
	background-color: #ffc425;	
	border-left:solid;
	border-bottom:solid;
	border-width: 8px;
	border-color: #b7babc;	
	line-height: 1.35em;
	/* simulates min-height, Explorer 6 */	
	-height: 300px;
	min-height: 300px;
	}
#right_region p{
	padding: 0px 15px 5px 15px;
	margin: 0px;
	}
#right_region h1{
	padding: 10px 15px 0px 15px;
	margin: 0px;
	font-size: 1.3em;
	}	
#right_region h2{
	margin: 0px;
	padding: 10px 15px 0px 15px;
	font-size: 1.1em;
	}
#right_region h3{
	margin: 0px;
	padding: 5px 15px 5px 15px;
	font-size: 1em;
	}
#right_region .body_depot_gold_logo img{
	padding: 0px;
	margin: 0px;
	}	
#right_region ul{
	font-size: 1.05em;
	padding: 3px 0px 30px 0px;
	margin: 0px;
	}
#right_region li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	list-style-type: none;
	list-style-image: none;
	padding: 5px 10px 5px 15px;
	margin: 0px;
	line-height: 1.1em;
	}	
/* sublists, second level in */	
#right_region li ul{
	padding: 7px 0px 10px 15px;
	margin: 0px;
	color: #000000;
	/* triggers hasLayout in Explorer 6 */	
	zoom: 1;
	}
#right_region li ul li{
	list-style-type: disc;
	border: none;
	padding: 4px 0px 4px 0px;
	margin: 0px;
	line-height: 1.05em;
	}	
/* sublists, third level in */	
#right_region li li ul{
	padding: 7px 0px 5px 10px;
	margin: 0px;
	font-size: .9em;
	}
#right_region li li li{
	list-style-type: none;
	}	
/* on links */	
#right_region a:visited.active, #right_region a:link.active, #right_region li.active-trail{
	color: #000000;
	}
#right_region li.expanded{
	background-color: #ffdf87;
	}
#right_region li li.expanded{
	background-color: #fff1cb;
	}
#right_region a:hover.active{
	color: #000000;
	}

#right_region ul.right_podcast, #right_region ul.right_video{
	padding: 0px;
	margin-bottom: 15px;
	}

#right_region .right_video li{
	padding-left: 29px;
	margin-left: 15px;
	border-bottom-style: none;
	background-image: url(../images/video_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 1.1em;
	}	
#right_region .right_podcast li{
	padding-left: 26px;
	margin-left: 19px;
	border-bottom-style: none;
	background-image: url(../images/sound-icon.png);
	background-repeat: no-repeat;
	background-size: 22px auto;
	background-position: 0px 6px;
	line-height: 1.1em;
	}	

#right_region .related_right_item{
	margin-bottom: 20px;
	margin-left: 15px;
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 5px;
	min-height: 20px;
	background-repeat: no-repeat;
	background-size: 21px auto;
	line-height: 1.2em;
	}
	
.quiz{
	background-image: url(../images/quiz-icon.png)
	}	
#right_region .related_right_item_venom{
	margin-top: 15px;
	margin-bottom: 20px;
	margin-left: 15px;
	padding-left: 30px;
	padding-top: 5px; 
	padding-bottom: 5px;
	min-height: 30px; 
	background-repeat: no-repeat;
	background-size: 30px auto;
	line-height: 1.2em;
	}	
/* to display items in gold box */
#right_region ul.right_extra2{
	margin-bottom: 0px;
	margin-left: 15px;
	padding: 0px 5px 20px 30px;
	background-repeat: no-repeat;
	line-height: 1.2em;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	background-size: 26px auto;
	}
#right_region ul.goldbox-links-biologybits	{
	margin-bottom: 0px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 0px;
	padding: 0px 5px 20px 30px;
	background-repeat: no-repeat;
	line-height: 1.2em;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(/sites/all/themes/askabiologist/images/download-icon.png);
	background-size: 25px;
}
#right_region .right_extra2 li, #right_region .goldbox-links-biologybits li{
	padding: 6px 0px 0px 0px;
	margin-left: 0px;
	border-bottom-style: none;
	line-height: 1.2em;
	color: #000000;
	}	
	

	
	
/*so the views link does not get in the way of actual page links */
#right_region div.view div.views-admin-links ul {
	padding: 0px;
	width: 200px;
}
#right_region div.view div.views-admin-links ul li {
	padding: 0px 5px 0px 0px;
	}


/* right side extra content field */	
#right_region .right_side_content{
	}
	
/* right table of content links for pages with subpages */		
.toc_title{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	}

.toc_links{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}



/* left and right sie arrows, can be position with classes changing top value and background image */
#left_pointer{
	position: absolute;
	left: 120px;
	height: 60px;
	width: 39px;
	background-image:url(../images/left_pointer_01.jpg);
	background-repeat:no-repeat;	
	}
#right_pointer{
	position: absolute;
	left: -40px;
	height: 60px;
	width: 40px;
	background-image:url(../images/right_pointer_01.jpg);
	background-repeat:no-repeat;
	}
.p01{
	top: 30px;
	}
.p02{
	top: 160px;
	}





/* Adds padding above footer */
#footer_wrapper{
	position: relative;
	padding: 40px 0px 0px 0px;
	margin: 0px; 
	clear: both;
	}



/* ASU footer */	
#asu_footer{
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: right;
	font-size: .9em;
	}	
#asu_footer ul{
	padding: 0px 20px 4px 10px;
	margin: 0px 0px 0px 0px;
	border-bottom: solid;
	border-left: solid;
	border-color: #b7babc;	
	border-width: 2px;
	width: auto;
	float: right;
	}	
#asu_footer li{
	display: inline;
	padding: 0px;
	margin: 0px;
	}	
	
	
	
	
	
/* footer container */	
#footer{
	position: relative;
	padding: 0px 0px 15px 0px;
	margin: 30px 0px 0px 0px;
	clear: both;
	font-size: .9em;
	line-height: 1.3em;
	}	
		
/* clas footer */	
#clas_footer{
	padding: 0px;
	margin: 0px;
	float: left;
	width: 230px;
	border-right: solid;
	border-top: solid;
	border-color: #b7babc;	
	border-width: 2px;
	color: #CCCCCC;
	font-style:italic;	
	}	
#clas_footer p{
	padding: 10px 0px 10px 20px;
	margin: 0px;
	}
#clas_footer a:link, #clas_footer a:visited{
	color: #000000;
	font-weight: bold;
	font-style: normal;
	}
#clas_footer a:hover{
	color: #666666;
	}
	
/* nsi footer */	
#nsf_footer{
	padding: 0px 0px 10px 10px;
	margin: 0px;
	float: left;
	width: 300px;
	}		
#nsf_footer img{
	float: left;
	padding-top: .5em;
	width: 50px;
	height: auto;
	}
#nsf_footer p{
	padding: 10px 0px 0px 10px;
	margin: 0px 0px 0px 55px;
	}
	
/* AAB footer */	
#aab_footer{
	padding: 0px;
	margin: 0px;
	float: right;
	width: 400px;
	text-align:right;
	}	
#aab_footer p{
	padding: 0px 20px 0px 0px;
	margin: 0px;
	}

/* for hiddent text which still needs to display on the page, such as the NSDL stuff */
.hidden{
	display: none;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	line-height: 0px;
	}



	
	
/* other stuff */	
.clear{
	padding: 0px;
	margin: 0px;
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	}
/* Brunildo bug, absolute div disappears when followed by Float in Explorer 6. 
Solution: place something between the two divs, like an extra div with this buffer class to remove padding/margin
Details: http://brunildo.org/test/IE_raf3.html */		
.buffer{
	padding: 0px;
	margin: 0px;
	}	





/* -- AAB Admin Tools CSS -- */
form dl {
   width: 500px;
}

form dd {
   margin: 0;
   padding: 5px;
   padding-right: 0;
   }

form dd input.boxwidth {
   width: 250px;
   }

form dd select.boxwidth {
   width: 250px;
   }

form dt {
   float: left;
   padding: 5px;
   clear: both;
   width: 150px;
   line-height: 1.5em;
   }

form dt.singlerow {
   float: none;
   padding-bottom: 0;
   }

form dd.singlerow {
   clear: left;
   }

.odd-row { border-bottom: 1px solid #e0e0e0;}

.bird-row { border-bottom: 1px solid #e8e8e8;}

.form-error { color: #CC3333; }



/* -- AAB Bird Search, Search Results & Bird detail pages -- */

/* -- Bird Search forms -- */
#bird-search {
   width: 500px;
}

.bird-search-label{
   margin-top: 10px;
   width: 150px;
   line-height: 1.5em;
}

.bird-search-info{
   margin-bottom: 5px;
}


/* -- Bird Search - help exampless -- */
.help-container {
   width: 450px;
   border: 1px dashed #999;
   padding: 10px 10px;
   background-color: #f2f2f2;
   margin-left: 30px;
   }

.help-container h3 {
   color: #666;
}

.help-container span.toggle {
   float: right;
   margin: 0;
}

.help-item {
   width: 140px;
   float: left;
   padding: 10px 10px 0px 0px;
   text-align: center;
   }

.help-item img {
   border: 1px solid #999;
   padding: 0;
   margin-bottom: 2px;
   }


.help-item img.sound {
   padding: 10px 10px;
   margin: 5px 5px;
   background-color: #fff;
   border: 1px solid #999;
   }
   




/* -- Bird Search Results -- */
#bird-search-result-container {
   margin: 0;
}

.bird-search-result {
   margin: 4px 0px;
   padding: 10px 10px;
   border-top: 1px solid #e4e4e4;
   border-bottom: 1px solid #e4e4e4;
   padding-bottom: 20px;
   zoom: 1;
}

.bird-search-result-image {
   float:left;
   margin-right: 10px;
   margin-bottom: 2px;
}

.bird-search-result-image img.bird-image {
   width: 100px;
   height: 100px;
}

.bird-search-result-detail {
   padding: 4px 4px;
}

.bird-search-result-detail h2 {
   margin: 0;
   font-size: 1.2em;
   color: #333;
}

.bird-search-result-detail .proper-name {
   font-size: 1.2em;
	font-style: italic;
   color: #333;
   margin-bottom: 10px;
}

.bird-search-result-detail p.viewbird {
   float: right;
}

.bird-search-result-rows { background: #f2f2f2; }


/* -- Bird Search Result Details -- */

h1.bird-detail {
	font-size: 2.0em;
	font-weight: bold;
	font-style: normal;
   padding-bottom: 0px;
   }

h2.bird-detail {
	font-size: 1.4em;
	font-style: italic;
	margin-top: 6px;
   }

.bird-image-tile {
    float: left;
    padding: 20px 20px 20px 0px;
   }

.bird-sound-tile {
    float: left;
    padding: 10px 20px 10px 0px;
   }

.clear-floats {
    clear: both;
   }

.bird-table {
   margin-bottom: 40px;
   }

.bird-table td {
   padding: 5px 15px 0 0;
   }

#bird-tabs img, .bird-image  {
   background-color: #ffffff;
   border: 1px solid #999;
   padding: 3px;
   margin-bottom: 4px;
   }

#bird-tabs img.no-border  {
   border: 0px;
   padding: 0px;
   }

#bird-tabs p {
	font-size: 0.9em;
   line-height: 1.3em;
   font-family: Arial,Helvetica,sans-serif;
   color: #333;
   }

#bird-shape {
   float: right;
   }


 
 /* TABLE STYLES --------------------------- */
table.views-table, table.views-table tr {
	width: 545px;
	background-color: #ffffff;	
}

table{
	margin-left: 1px;
	} 
tbody {
	border-top: none;
}
	
 /* table styles general -> puzzles
 Removed width: 85%; on Oct14,2010 to extend p to end of content area */
td p {
	padding: 0px 20px 0px 1px;
	}
	
 /* table styles for activities -> puzzles */

table.puzzle_table{
	margin: 20px 0px 0px 1px;
	}
table.puzzle_table  td{
	border: solid;
	border-width: 1px;
	border-color: #999999;
	padding: 1px 8px 1px 8px;
	}   

/* table styles for content log of podcasts */
table.content_log{
	margin: 20px 0px 0px 1px;
	}
table.content_log td{
	border: solid;
	border-width: 1px;
	border-color: #999999;
	padding: 1px 8px 1px 8px;
	}

/* table styles for content log of podcasts */
table.coloring img{
	border: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	margin: 15px 0px 0px 0px;
	}
/* table styles mamjis */
table.mamajis {
	width: 100%;
}
#content table.mamajis p{
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
table.mamajis, table.mamajis td {
	border: 1px solid #666;
	line-height: 1.1em;
	font-size: 95%;
	padding: 5px;
	vertical-align: top;
}

/* gallery listing*/
.view .image-gallery-nodes ul li {
	vertical-align:top;
	margin-bottom: 20px;
}
/*image caption items*/
.caption {
text-align: left;
}
div.image-right {
float: right;
}
div.image-left {
float: left;
}
.image-caption-container{
	padding: 0px 20px 15px 5px;
	margin: 0px 5px 5px 0px;
	font-size: .9em;
	color: #333;
}
.image-caption{
    text-align: left;
	padding: 0px;
	font-weight: normal;
}
/*used for background color of zoom gallery lightbox2 items*/
#zgallery{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #000000;
}
#zgallery p {
	font-size: 10px;
}


/*used for video section*/
.emvideo-thumbnail-replacement {
width: 170px;
}
.views-field-field-embed-video-embed {
	float: left;
	clear: both;
	margin: 0px 0px 10px 0px;
}

.lightbox_trigger {
	margin: 0;
	padding: 0;
}

/*hiding publishing options in cck admin */
.node-type-article .node-form .admin .options {
         display:none;
}

/* floats the exposed 'sort by' block generated with views to the right */
#views-exposed-form-podlisting-block-1, #views-exposed-form-video-view-block-1{
	float: right;
	width: 250px;
	text-align:left;
	margin-left: 300px;
	}
#content .view-video-view .views-view-grid{
	clear: left;
	}
#content .view-video-view img{
	border: solid;
	border-width: 1px;
	margin-right: 8px;
	border-color: #b7babc;
	padding: 3px;
	}		
/*this hides results but unfortunately it also hides submit button on the bird finder tool

.search-info {
	display: none;	
}*/


/* Adjusts top spacing of 'Cite this Page' link and other links at bottom of content section */
ul.links inline .links{
	line-height: 4em;
	}
#content ul.inline li.comment_add, #content ul.inline li.cite, #content ul.inline li.print_html {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B7BABC;
	padding-right: 5px;
}

#content #aab_bottom_links{
	clear: both;
	padding-top: 20px;
	}
	
/* captions for use in right side box underneath images */	
#right_region .right_caption{
	font-size: .9em;
	line-height: 1.2em;
	}	
	
/* holds background image on Mysterious World of Dr. Biology Main Page */	
#mwdb_container{
	width:550px;
	height: 650px;
	background-image: url(/sites/default/files/resources/activities/mwdb/mwdb_mainpage_pict2.jpg);
	padding: 8px 0px 0px 137px;
	margin: 0px 0px 10px 0px;
	background-repeat: no-repeat;
}		

.ubc_winner_box{
	width: 130px;
	padding-right: 15px;
	float: left;
	}

/* for ugly bug thumbnail gallery images on content pages */
.ubc-gallery-title{
	width: 105px;
	line-height: 1.1em;
	height: 130px;
	}

/* for use in table to keep text from running into text of next cell */
.padding_right{
	padding-right: 10px;
	}

/* for biology bit thumbnail gallery images on content pages */
.biologybits-slide-gallery{
	width: 182px;
	line-height: 1.1em;
	height: 100px;
}

	
/*TEMP TEMP TEMP TEMP TEMP TEMP TEMP TEMP TEMP TEMP TEMP TEMP */

/* $Id: pollfield.css,v 1.2.6.4 2009/10/22 23:45:29 marioprkos Exp $ */


/*style pollfield*/
#pollfield{
	width:200px;
	margin-right:200px;
	display:inline;
	float:	right;
}
#pollfield-voting-function-form{
	width: 120px;
	background-color:#FFC425;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-top-width: 8px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #B7BABC;
	}
.pollfield-title{
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 20px;
	}



/* Styles for Manduca Growth Experiment ---------- */
.BH{
	background-color: #FCF;
	padding: 3px 5px 3px 5px;
	margin-top: 0px;
	}
.BL{
	background-color: #6CF;
	padding: 3px 5px 3px 5px;
	margin-top: 0px;
	}
.IH{
	background-color: #FC6;
	padding: 3px 5px 3px 5px;
	margin-top: 0px;
	}
.IL{
	background-color: #b0d837;
	padding: 3px 5px 3px 5px;
	margin-top: 0px;
	}	

/* Comparison viewer exposed filter styles*/		
.views-widget-filter-field_day_number_value_many_to_one, .views-widget-filter-field_manduca_subject_nid{
	width: 530px;
	margin: 20px 0px 10px 0px;
	padding: 0px;
	}
.views-widget-filter-field_day_number_value_many_to_one .form-item{
	width: 50px;
	float: left;
	padding: 2px 0px 0px 0px;
	}
.views-widget-filter-field_manduca_subject_nid .form-item{
	width: 65px;
	float: left;
	padding: 2px 0px 0px 0px;
	}	
.views-widget-filter-field_day_number_value_many_to_one .form-item input, .views-widget-filter-field_manduca_subject_nid .form-item input{
	padding: 0px;
	margin: 0px;
	}	
.view-manduca-comparison-viewer .form-checkboxes{
	margin: 0px;
	padding: 0px;
	}	
#edit-submit-manduca-comparison-viewer{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	}		

/* for manduca data card sets */
.manduca-data-set-wrapper .spacer{
	padding-top: 1px;
	margin: 0px;
	padding-bottom: 3px;
	clear: both;
	}
.manduca_data_set{
	text-align:center;
	padding: 2px;
	margin: 0px 3px 3px 0px;
	border: solid;
	border-width: 1px;
	border-color: #b7babc;
	width: 11.75em;
	float: left;
	}
	
/* for comparison viewer two up floating lists of variable height with captions */
#content ul.floatbox-comparison-viewer{
    padding: 0px 0px 20px 0px;
    margin: 0px;
    }
#content ul.floatbox-comparison-viewer li{
	position:relative;
    width: 260px;
    padding: 10px 0px 10px 10px; 
	margin: 0px 3px 6px 0px;
    display:inline-block;
    vertical-align:top;    
    zoom: 1;
    /* for Explorer 6&7 only */
    *display: inline;
	line-height: 1.3em;
	text-align: left;
    }  
#content ul.floatbox-comparison-viewer img{ 
	padding: 6px 3px 3px 0px;
	}

/* Manduca Quicklink subject items */
.view-manduca-condition-list ul{
	width: 540px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
.view-manduca-condition-list ul li{
	float: left;
	list-style-type: none;
	padding: 0px;
	margin: 0px 2px 2px 0px;
	text-align: center;
	height: 2em;
	}
	
.view-manduca-condition-list .active{
	background-color: #FF0; 
	text-decoration: underline;
	}	

/* Manduca Quicklink Days items */
.view-manduca-day-list ul{
	padding: 0px;
	margin: 0px;
	}
.view-manduca-day-list ul li{
	float: left;
	list-style-type: none;
	padding: 0px;
	margin: 1px 2px 3px 0px;
	text-align: center;
	}
.view-manduca-day-list ul li a{
	padding: 3px 7px 3px 7px;
	background-color: #DDD;
	}	
.view-manduca-day-list ul li .active{
	background-color: #BBB; 
	}

/* compare two viewer */
.compare-two-left{
	width: 280px;
	float: left;
	padding: 0px;
	margin: 0px;
	}
.compare-two-right{	
	float: left;
	width: 270px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
.compare-two-left .views-exposed-widget, .compare-two-right .views-exposed-widget{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	width: 95%;
	}		
	
	
#right_region .right_bullets{
	border: none;
	padding: 0px;
	margin: -23px 0px 10px 55px;
	font-size:.98em;
	}	
#right_region .right_bullets li{
	border: none;
	list-style-type: disc;
	padding: 0px 0px 3px 0px;
	margin: 0px;
	}	
	
#imageDetails{
	padding-top: 5px;
	}
	
#imageDetails #caption{
	font-weight: normal;
	}
#sharethis_1{
	display: block;
	margin-left: 90px;
	padding-bottom: 30px;
	padding-top: 8px;
}
/*The donate button is floating so it does not understand height. The height comes from the Share this button along side it. If that button is not theer it may go beyond the right side bar*/
#right_region .donate {
	width: 50px;
	float: left;
	text-align: center;
}

.right-side-linked-activities{
	padding-top: 0px;
	margin-top: -12px;
}
.right-side-linked-activities p{
	background-position: 0px 12px;
}

.microbes-bottom{
	color: #FFFFFF; 
	background-color: #000000;
	text-align: center;
	padding-top: 10px;	
	margin-top: 10px;
}

.microbes-bottom p{
	padding: 0px;
	margin: 0px;
}

/*jquery dropdowns in articles and experiments */
/*used on anatomy of an article */
.aab_dropdown_wrapper{
	border-bottom: 1px dotted #333;
	margin: 0 0 40px;
	padding: 0 0 .5em;
}

/*dropdown back to top link */
.return-link {
	float: right;
	margin: -34px 0 40px 65%;
}

/*feedback form sytyling*/
/* form block*/
.view-story-feedback-form {
	background-color:#fafdff;
	padding: 30px;
	border: 3px solid #bfeaff;
	border-radius: 4px;
}

/*form confirmation message*/
.submit_confirm {
	background-color:#fafdff;
	margin: 20px 0;
	padding: 20px 10px;
	border: 3px solid #bfeaff;
	border-radius: 4px;
	font-size: 1.2em;
}

/*jquery dropdowns in articles and experiments */
/*used on Doctor Know Body Depot article */
#doctor_know .aab_dropdown_wrapper{
	border-bottom: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#doctor_know .aab_dropdown_box{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	}
.doctorKnowHeader{
	color: #FFFFFF;
	padding: 4px 10px 4px 10px;
	margin: 10px 0px 0px 0px;
	cursor: pointer;
	}
#doctor_know .aab_dropdown_toggle{
	background-color: #9a74b5;
	clear: left;
	}
.aab_dropdown_toggle span{
	color: #FFFFFF;
	float: right;
	padding: 5px 10px 3px 0px;
	text-align: top;
	cursor: pointer;
	}

/* add class to wrapping div for larger lightbox text */
.aab_lightbox_large {
	font-size: 1.5em;
	text-align:left;
	line-height:1.25em;
}

#lightbox #caption{
	font-size: 1.25em;	
	line-height:1.25em;
	}

#right_region p.social{
	padding-top: 30px;
	}
	
	
/* GOOGLE SHARE TO CLASSROOM */
#aab-google-classroom-share{
	padding-left: 12px;
	padding-top: 8px;
	height: 4em;
	}
#aab-google-classroom-share p{
	position: absolute;
	left: 38px;
	line-height: 1.23em;
	padding-top: 3px;
	}	
	
/* ----------------------------------- EXTRA CLASSES ADDED WHEN MAKING MOBILE CSS */

/* turns off extra regions added for Mobile CSS display only */
#mobile-heading, #aab-mobile-submenum, .mobile-title, #right_mobile_wrapper{
	display: none;
	}

/* zoom gallery listing, add class to images */
#cck_body img.zoom-thumb{
	border: 1px solid #b7babc;
	height: 100px;
	width: 100px;
	padding: 3px;
	margin-bottom: 20px;
	}	
/* audio pages, add class to p wrapper of image */	

img.audio-page-image{
	float:right; 		
	padding-left: 40px;	
	padding-bottom: 20px;
	}
/* for floating left images in full node view */		
p.audio-image{
	float:right; 			
	padding-bottom: 20px;
	}
p.audio-image img{
	padding-left: 20px;
	}	
/* for pocket seed section */	
	
.plant-submit{
	width:12em; 
	height: 2.5em; 
	}
.plant-submit-clear{
	width:12em; 
	height: 2.5em; 
	margin-top: 5px;
	}
	
	
table.biology-bit-PDF	{
	width: 100%;
	}
	
/* for tables */	
table.aab-full-width	{
	width: 100%;
	}	

/* class to add to anything to display in mobile version of site only */	
.mobile-only{
	display: none;
	}	
	

/* for new look webform */
#webform-client-form-3268 .form-item label{
	margin-top: 25px;
	}
#webform-client-form-3268 .form-item label .option{
	margin-top: 0px;
	}	
	
#webform-client-form-3268 #edit-actions{
	margin-top: 25px;
	}
	
.aab-stripes tbody tr:nth-child(odd){
	background-color: #d8d8d8;
	}	
	
/* add nodes here for pages using Japanese fonts 
.view-dom-id-2 .node-3324 .view-dom-id-2
.view-dom-id-13 is the block that says "other stories in japanese" */	
#node-3324, .node-3324 .view-dom-id-2, #node-3324 .view-dom-id-13,
#node-3325, .node-3325 .view-dom-id-2, #node-3325 .view-dom-id-13,
#node-3326, .node-3326 .view-dom-id-2, #node-3326 .view-dom-id-13,
#node-3327, .node-3327 .view-dom-id-2, #node-3327 .view-dom-id-13,
#node-3328, .node-3328 .view-dom-id-2, #node-3328 .view-dom-id-13, {
	font-family: Osaka, Mincho, 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 105%;
	}