﻿    #hero {
        float:left; 
        width:720px; /*720px, 710px should be exception for ie6*/
        line-height:1.4em;
        font-size:0.9em;
    }
    #sidekick {
        float:left;
        width:220px; /*needed if using bg 220px, 230px should be exception for ie6*/
        height:270px; /*needed if using bg*/
        padding:10px;
        background:transparent url(../images/boxes/sidekick_240.gif) no-repeat 0px 0px;
        position:relative        
    }
    #sidekick h2 {
        font-size:1.1em;  
        font-weight:normal;    
        margin:0px 8px;      
    }
    #sidekick h3 {
        font-size:0.8em;
        color:#7CA8D4;  
        margin:0px 10px;      
        margin-top:15px;  
    }
    #sidekick p {
        font-size:0.8em;
        margin:0px 10px;      
    }
    #sidekickgwas {
        float:left;
        width:220px; /*needed if using bg*/
        height:260px; /*needed if using bg*/
        padding:10px;
        background:transparent url(../images/boxes/sidekick_240.gif) no-repeat 0px 0px;
        position:relative        
    }
    #sidekickgwas h2 {
        font-size:1.1em;  
        font-weight:normal;    
        margin:0px 8px;      
    }
    #sidekickgwas h3 {
        font-size:0.8em;
        color:#7CA8D4;  
        margin:0px 10px;      
        margin-top:15px;  
    }
    #sidekickgwas p {
        font-size:0.8em;
        margin:0px 10px;      
    }
	#sidekick1 {
	float:left;
	width:240px; /*needed if using bg*/                   
    }
	#sidekick1 #top {
		width: 240px;
		height:12px;
		background:transparent url(../images/boxes/sidekick_sprite_240.gif) no-repeat 0px 0px;        
	}
	#sidekick1 #bottom {
		width: 240px;
		height:12px;
		background:transparent url(../images/boxes/sidekick_sprite_240.gif) no-repeat 0px -12px;        
	}
	#sidekick1 #mid {
		width: 210px;		
		background:transparent url(../images/boxes/sidekick_sprite_240.gif) repeat-y -240px 0px;    
		padding:0px 15px 0px 15px;
	}
	
    #sidekick1 h2 {
        font-size:1.1em;  
        font-weight:normal;    
        margin:0px 8px;      
    }
    #sidekick1 h3 {
        font-size:0.8em;
        margin:0 0 0 8px;      
        margin-top:12px;  
    }
    #sidekick1 p {
        font-size:0.8em;
        margin:0 0 0 8px;      
    }
    
.tabbedSlider div.tabsPanel {
}
    .tabbedSlider div.tabsPanel h2 {
        margin-bottom:5px;
    }
    .tabbedSlider div.tabsPanel h4 {
        margin:5px auto;
        font-size:1.0em;
        color:#888;
    } 
    .tabbedSlider div.tabsPanel p,
    .tabbedSlider div.tabsPanel ul {
        line-height:1.4em;
    }
    .tabbedSlider div.tabsPanel p {
        margin-bottom:20px;
    }
    .tabbedSlider div.tabsPanel ul {
        margin:0px 0px 20px 57px;
    }  
    .tabbedSlider div.tabsPanel .tabsPanelContent p,
    .tabbedSlider div.tabsPanel .tabsPanelContent ul {
        line-height:1.2em;
    }
    
/* GWAS page */
    #gwasVideo 
    {
        background-image: url(../images/buttons/gwas-video-ebook01.jpg); 
        width: 110px; 
        height: 102px; 
        background-repeat: no-repeat; 
        background-position: 0px 0px;
        display:inline-block;
        }
        #gwasVideo:hover
    {
        background-position: 0px -102px;
    }
    #gwasEbook 
    {
        background-image: url(../images/buttons/gwas-video-ebook02.jpg); 
        width: 120px; 
        height: 102px; 
        background-repeat: no-repeat; 
        background-position: 0px 0px;
        display:inline-block;
        }
     #gwasEbook:hover 
    {
        background-position: 0px -102px;
    }
    
/* Ag Microsite */    
    .tabbedSlider div.tabsPanel #AgMicro .main {width:440px;}
    .tabbedSlider div.tabsPanel #AgMicro .main2 {width:640px; margin-right:10px;}
    .tabbedSlider div.tabsPanel #AgMicro h2 {border-bottom:1px solid #EFEFEF; font-size:1em; margin-bottom:15px; padding-bottom:5px; text-align:left; text-transform: uppercase}
    .tabbedSlider div.tabsPanel #AgMicro h3 a {color:#666; text-transform: uppercase}
    .tabsPanelContent2 ul#ticker{ height:100px; position:relative}
	    .tabsPanelContent2 ul#ticker li{ position:absolute;}
    
    .AgResearch img{ width: 80px; height: 110px;}
	.AgResearch{ float: left; position:relative; clear:left; width:635px }
	.AgResearch h3,.AgResearch p{ float: left; position:relative; width:550px }
	.HighlightCrops,.HighlightLivestock,.HighlightAqua,.HighlightCompanion{width: 80px; float: left; display: block; height: 110px;}
	
	.tabbedSlider div.tabsPanel #AgMicro ul li { padding-bottom:10px}
	div#AgMicro{ width:900px; float:left; position:relative}
	#AgMicro .machine_thumb { float:left; padding:20px 10px 20px 0; position:relative; text-align:center; width:150px;}
	#AgMicro .machine_thumb .button1 {margin:10px 0 0 20px;}
	#ConsortiumImgWrap a{ margin-right:10px }
	#ConsortiumImgWrap a.last{ margin-right:0px }

#AgMicro.Community{ float:left; clear:both}	

#AgMicro div.toggleParent,#AgMicro div.toggleChild, #AgMicro div.toggleTabbedParent,#AgMicro div.toggleTabbedChild{ float:left; clear:both; display:block; height:auto; width:900px}
	#AgMicro div.toggleParent, #AgMicro div.toggleTabbedParent{ color:#666666 !important}
	#AgMicro div.toggleParent:hover, #AgMicro div.toggleTabbedParent:hover{ text-decoration:none !important}
	#AgMicro div.toggleParent:hover strong, #AgMicro div.toggleTabbedParent:hover strong{ text-decoration:underline}
		#AgMicro div.toggleParent strong, #AgMicro div.toggleTabbedParent strong{ color:#7CA8D4 !important}
	#AgMicro div.toggleChild, #AgMicro div.toggleTabbedChild{ border-top:1px Solid #eee;  border-bottom:1px Solid #eee; margin:5px 0 25px; padding:20px 0 0;}	
	
		#AgMicro .ChildLeft{ float:left; width:346px;}
			#AgMicro .ChildLeft p{ position:relative; width:275px; margin:20px auto; text-align:center}
		#AgMicro .ChildRight{ float:left; width:540px;}
#AgMicro .hrDotted { background-color:#FFF; border-top:1px #D4D4D4 dotted; color:#FFF;}
#AgMicro .ConsortiumRowWrap{ float:left; clear:left; width:860px; border-top:#bbb solid 1px; padding:20px}
#AgMicro .ConsortiumRowWrap img{ float:left;}
#AgMicro .ConsortiumRowWrap .ConsortiumRightCopyWrap{ width:750px; float:left; padding-left:25px}
#AgMicro .ConsortiumRowWrap .ConsortiumRightCopyWrap ul{margin:0 0 20px 25px;}
#AgMicro .ConsortiumRowWrap .ConsortiumRightCopyWrap li{ padding-bottom:3px !important}


#zone1,#zone2,#zone3,#zone4{ float:left; height:275px; position:relative}
			#zone1{width:580px; border-bottom:1px solid #ccc; margin-bottom:10px}
			#zone2{width:320px; border-bottom:1px solid #ccc; margin-bottom:10px}
		#zone3,#zone4{width:450px; padding-top:12px;}
			
		#AgMicro .header{padding:0 0 30px 10px; height:15px; float:left; position:relative; width:95%;}
		#AgMicro .clear{ float:left; height:1px; width:95%; }
			#AgMicro .header img{ float:left; margin-right:10px }
			#AgMicro .header span{font-weight:bold; font-size:12px; float:left;}
		#AgMicro .SystemsCenterMeWrap{ position:relative; float:left; width:100%; text-align:center}
			#AgMicro .rowItem{ width:150px; padding:0px 7px; position:relative; float:left; margin:0px!Important}
				#AgMicro .borderme{ border-right:1px solid #ccc; float:right; height:210px; width:1px; margin-right:15px }
				#zone1 .buttonGo,#zone2 .buttonGo,#zone3 .buttonGo,#zone4 .buttonGo{margin-left:30px; padding-bottom: 5px}
				#zone1 .buttonGo span,#zone2 .buttonGo span,#zone3 .buttonGo span,#zone4 .buttonGo span{ width:80px; text-align:left;}
				#AgMicro .rowItem .imgwrap{ width:150px; padding:0px 10px; float:left;}
				#AgMicro .rowItem .imgwrap span{width:135px; text-align:center; float:left; clear:left; padding:5px 10px 10px }
				#AgMicro .rowItem .imgwrap:hover span{ text-decoration: underline}
				#AgMicro .rowItem .imgwrapLG{ width:200px !important}
				#AgMicro .rowItem .imgwrapLG span{width:175px;}
			#AgMicro .Zone2CenterMe{ padding-left:90px}
			#AgMicro .Zone3CenterMe{ padding-left:50px}
		#zone4 .rowItem{width:450px !important}	
		#zone4 .rowItem .buttonGo{float:right}
		#zone4 .note{font-size:10px; font-weight:bold; float:right; clear:both}

	
	
/* GN Page */
	#GNOverviewUL, #GN-OList{ margin-left:35px !important} 
		#GNOverviewUL li, #GN-OList li{ margin:0 15px 5px 0 !important; }
		#GN-OList li{ padding:3px 0 10px 30px; list-style:none none outside; font-size:12px }
		#GN-OList li ol{ padding:10px 0 0px;}
		#GN-OList li ol li{ padding:5px 0; list-style-type:lower-alpha; }  
			#GN-OList li.one{ background: url(../images/services/bullet1.png) no-repeat 0px 0px;}
			#GN-OList li.two{ background: url(../images/services/bullet2.png) no-repeat 0px 0px;}
			#GN-OList li.three{ background: url(../images/services/bullet3.png) no-repeat 0px 0px;}
			#GN-OList li.four{ background: url(../images/services/bullet4.png) no-repeat 0px 0px;}
			#GN-OList li.five{ background: url(../images/services/bullet5.png) no-repeat 0px 0px;}
			#GN-OList li.six{ background: url(../images/services/bullet6.png) no-repeat 0px 0px;}
			#GN-OList li.seven{ background: url(../images/services/bullet7.png) no-repeat 0px 0px;}
			#GN-OList li.eight{ background: url(../images/services/bullet8.png) no-repeat 0px 0px;}
			
	#GNPartersWrap div.col1 {float:left; width:280px; font-size:1.0em; color:#909090;}
	#GNPartersWrap div.col2 {float:left; width:270px; margin-left:15px; font-size:1.1em;}
	#GNPartersWrap div.hr{ float:left; clear:left; height:1px; margin:15px 40px; width: 600px;}		              
