/*
Mass Reset
-------------------------------------------------------------------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
body { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 0; padding: 4px; }
li, dd, blockquote { margin-left: 35px; }
fieldset { padding: 10px; }

hr {
  	border: 0;
  	width: 100%;
  	color: #ccc;
	background-color: #ccc;
	height: 1px;
}

/*
Essential
-------------------------------------------------------------------------------------------------------------------------------*/
body { font-family: Arial, Helvetica, sans-serif; font-size: 0.875em; background: #414644; }
a { color: #5e7d3f; }
a:hover { color: #99b56a; }

#wrapper { width: 772px; margin: 0 auto; background: url(../_img/wrapper_bg.gif) top center repeat-y; }
#wrapper-btm { width: 772px; height: 6px; overflow: hidden; background: url(../_img/wrapper_btm.gif); }
#inner-wrapper { width: 760px; margin: 0 0 0 6px; }

/*
Banner & Logo
-------------------------------------------------------------------------------------------------------------------------------*/
#banner { width: 760px; padding: 20px 0 0 0; background: url(../_img/banner_bg.gif) top left repeat-x; }
#logo { width: 397px; height: 64px; margin: 0 0 0 20px; background: url(../_img/logo.gif) top left no-repeat; }
#logo h1 { display: none; }

/*
Photo Bar & Slideshws
-------------------------------------------------------------------------------------------------------------------------------*/
#photo-bar { background-image:url('../_img/photo_bar.jpg'); height:100px;width:760px; }
#photo-bar .slideshow { height:100px; float:left; }
#slideshow1 { margin-left:122px; width:203px; }
#slideshow2 { margin-left:3px; width:86px; }
#slideshow3 { margin-left:9px; width:128px; }
#slideshow4 { margin-left:102px; width:88px; }

/*
Nav
-------------------------------------------------------------------------------------------------------------------------------*/
#nav { width: 760px; height: 20px; background: url(../_img/nav_bg2.gif) top left no-repeat; }
#nav ul { list-style: none; padding: 0; }
#nav li { display: inline; margin: 0; padding: 0; }
#nav a { height: 20px; display: block; margin: 0; padding: 0; float: left; }
#nav span { display: none; }

#nav a.nav1 { width: 44px; background: url(../_img/nav_bg2.gif) 0 0 no-repeat; }
#nav a:hover.nav1 { background: url(../_img/nav_bg2.gif) 0 -20px no-repeat; }

#nav a.nav2 { width: 112px; background: url(../_img/nav_bg2.gif) -44px 0 no-repeat; }
#nav a:hover.nav2 { background: url(../_img/nav_bg2.gif) -44px -20px no-repeat; }

#nav a.nav3 { width: 112px; background: url(../_img/nav_bg2.gif) -156px 0 no-repeat; }
#nav a:hover.nav3 { background: url(../_img/nav_bg2.gif) -156px -20px no-repeat; }

#nav a.nav4 { width: 114px; background: url(../_img/nav_bg2.gif) -268px 0 no-repeat; }
#nav a:hover.nav4 { background: url(../_img/nav_bg2.gif) -268px -20px no-repeat; }

#nav a.nav5 { width: 102px; background: url(../_img/nav_bg2.gif) -382px 0 no-repeat; }
#nav a:hover.nav5 { background: url(../_img/nav_bg2.gif) -382px -20px no-repeat; }

#nav a.nav6 { width: 97px; background: url(../_img/nav_bg2.gif) -485px 0 no-repeat; }
#nav a:hover.nav6 { background: url(../_img/nav_bg2.gif) -485px -20px no-repeat; }

#nav a.nav7 { width: 100px; background: url(../_img/nav_bg2.gif) -582px 0 no-repeat; }
#nav a:hover.nav7 { background: url(../_img/nav_bg2.gif) -582px -20px no-repeat; }

#nav a.nav8 { width: 79px; background: url(../_img/nav_bg2.gif) -682px 0 no-repeat; }
#nav a:hover.nav8 { background: url(../_img/nav_bg2.gif) -682px -20px no-repeat; }

/*
Left-Side
-------------------------------------------------------------------------------------------------------------------------------*/
#left-side { width: 580px; float: left; display: inline; margin: 15px 10px; }
#ad-banner { padding: 0 0 10px 0; background: url(../_img/banner_ad_bg.gif) bottom left repeat-x; }
#ad-banner img { border: 1px solid #d2d5d4; }
#ad-banner a img { border: 1px solid #d2d5d4; }
#ad-banner a:hover img { border: 1px solid #d2d5d4; }

#photo-block { width: 580px; float: left; display: inline; margin: 10px 0; background: #afc385; }
#photo-block-content { float: left; display: inline; width: 260px; }
#photo-block img { float: left; display: inline; border-right: 1px solid #fff; }

/*#photo-block-content h2 { font-size: 1.1em; font-weight: normal; color: #fff; background: #5e7d3f; border-bottom: 1px solid #fff; padding: 8px 16px; letter-spacing: 0.05em; }*/
#photo-block-content h2 { height: 14px; padding: 0 16px 0 0 0; background: #5e7d3f url(../_img/header_photo_blog.gif) top left no-repeat; }
#photo-block-content h2 em { display: none; }
#photo-block-content h2 span { font-size: 0.6em; float: right; display: inline; margin: 0; padding: 0 0 0 16px; text-transform: none; font-family: Arial, Helvetica, sans-serif; letter-spacing: normal; }
#photo-block-content h2 span a { color: #fff; padding: 0; margin: 0; }
#photo-block-content h2 span a:hover { color: #fff; text-decoration: none; }

/*#photo-block-content h3 { font-size: 1.2em; font-weight: normal; color: #5e7d3f; background: none; margin: 5px 16px 0 16px; padding: 0; text-transform: uppercase; letter-spacing: 0.15em; }*/
#photo-block-content h3 { height: 27px; margin: 0 0 5px 0; padding: 0; background: url(../_img/header_todays_photo.gif) top left no-repeat; }
#photo-block-content h3 span { display: none; }
#photo-block-content h4 { font-size: 0.875em; color: #000; margin: 5px 16px; }
#photo-block-content p { font-size: 0.875em; color: #000; margin: 5px 16px; }

/*
Content
-------------------------------------------------------------------------------------------------------------------------------*/
#content { width: 580px; float: left; display: inline; margin: 5px 0 10px 0; }
#content p {  font-size: 0.875em; margin: 8px 10px 15px 10px; color: #414644; }
#content #intro { background:#e2eace; padding-bottom:5px; margin-bottom:5px; }
#content #intro h3 { background:#e2eace; color:#93b061; }
#content h2 { background: #dbe5c2; padding: 0; }
#content h2 span { display: none; }
#content h2.mission { height: 25px; background: #dbe5c2 url(../_img/header_mission.gif) top left no-repeat; }
#content h2.rpart { height: 25px; background: #dbe5c2 url(../_img/header_researchpartners.gif) top left no-repeat; }
#content h2.rproj { height: 25px; background: #dbe5c2 url(../_img/header_researchprojects.gif) top left no-repeat; }
#content h2.pproj { height: 25px; background: #dbe5c2 url(../_img/header_precisionprojects.gif) top left no-repeat; }
#content h2.ppart { height: 25px; background: #dbe5c2 url(../_img/header_precisionpartners.gif) top left no-repeat; }
#content h2.events { height: 25px; background: #dbe5c2 url(../_img/header_upcomingevents.gif) top left no-repeat; }
#content h2.user { height: 25px; background: #dbe5c2 url(../_img/header_userdiscussion.gif) top left no-repeat; }
#content h2.bio { height: 25px; background: #dbe5c2 url(../_img/header_mikesbio.gif) top left no-repeat; }
#content h2.contact { height: 25px; background: #dbe5c2 url(../_img/header_contact.gif) top left no-repeat; }
#content h2.news { height: 25px; background: #dbe5c2 url(../_img/header_allnews.gif) top left no-repeat; }
#content h2.articles { height: 25px; background: #dbe5c2 url(../_img/header_allarticles.gif) top left no-repeat; }
#content td { border-bottom:1px solid #ccc; }

#content ul, #content ol{ font-size: .875em; color: #414644; }
/*
Right-Side
-------------------------------------------------------------------------------------------------------------------------------*/
#right-side { width: 150px; float: left; display: inline; margin: 15px 0 0 0; }
#right-side img { margin-bottom:5px; display:block; clear:both; }
#right-side .block { float: left; display: inline; background: #e6e8e7; margin: 0 0 8px 0; padding: 0; }
/*#right-side .block h3 { font-size: 0.9em; font-weight: normal; color: #fff; background: #93b061; border-bottom: 1px solid #fff; margin: 0 0 5px 0; padding: 5px 6px; letter-spacing: normal; text-transform: uppercase; }*/
#right-side .block h3 { height: 14px; background: #93b061; border-bottom: 1px solid #fff; margin: 0 0 5px 0; padding: 0 6px 5px 0; letter-spacing: normal; text-transform: uppercase; }
#right-side .block h3 em { display: none; }
#right-side .block h3.news { background: #93b061 url(../_img/header_news.gif) top left no-repeat; }
#right-side .block h3.articles { background: #93b061 url(../_img/header_articles.gif) top left no-repeat; }

#right-side .block h3 span { font-family: Arial, Helvetica, sans-serif; font-size: 0.6em; float: right; display: inline; padding: 4px 0 0 6px; text-transform: none; }
#right-side .block h3 span a { color: #fff; }
#right-side .block h3 span a:hover { color: #fff; text-decoration: none; }

#right-side .block h4 { font-size: 0.875em; color: #93B061; background: url(../_img/double_arrow.gif) left center no-repeat; padding: 0 0 0 12px; margin: 5px 0 5px 7px; }
#right-side .block h4 a { color: #000; }
#right-side .block h4 a:hover { color: #069; }

#right-side .block p { font-size: 0.82em; color: #414644; padding: 0; margin: 5px 10px 10px 19px; }

#right-side .side-ad { float: left; display: inline; margin: 0 0 7px 0; padding: 0; }
#right-side .side-ad a img { border: none; }

/*
Footer
-------------------------------------------------------------------------------------------------------------------------------*/
#footer { width: 760px; clear: both; background: url(../_img/footer_bg.gif) bottom left repeat-x; text-align:center;}
#footer span {  }
#footer p { font-size: 0.8em; color: #99b56a; padding: 0 10px 14px 10px; }
#footer a {  }
#footer a:hover {  }


/*
Typography
-------------------------------------------------------------------------------------------------------------------------------*/
p { line-height:14px; }
h1, h2, h3 { font-family: "Gill Sans",Arial, Helvetica, sans-serif; }
h2 { font-size: 1.2em; font-weight: normal; color: #5e7d3f; background: #dbe5c2; padding: 8px 9px 6px 9px; text-transform: uppercase; letter-spacing: 0.1em; }
h3 { font-size: 0.9em; font-weight: normal; color: #fff; background: #93b061; border-bottom: none; margin: 0 0 5px 0; padding: 5px 10px; letter-spacing: normal; text-transform: uppercase; }
h4 { font-size: 1em; color: #000; margin: 5px 10px; }
h5 { font-size: 0.8em; color: #666; margin: 5px 10px; }
h6 { font-size: 0.7em; color: #333; margin: 5px 10px; }