/*
Company:	Juvent Medica
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	background-color: #fff;
}
body {
	
}
/* @end */

/* @group Layout */
/* Head */

/* Body */
div#bd {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	padding: 12px 0;
}

/* Footer */
div#ft {
	background: url(../images/juvent-footer-bg.png) repeat-x 0 0;
	width: 100%;
	height: 105px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: left;
}
div#ft div#ft-nav {
	width: 962px;
	display: block;
	margin: 0 auto;
	padding: 25px 0 0;
}
div#ft div#ft-nav p {
	color: #374447;
	line-height: 150%;
	margin: 0 0 5px 0;
	text-align: center;
}
div#ft div#ft-nav p.ft-copyright {
	padding: 0 4px 0 0;
	font-size: 93%;
	color: #ccc;
}
div#ft div#ft-nav a {
	margin: 0 4px;
}
div#ft a:link, div#ft a:visited {
	color: #374447;
	text-decoration: none;
}
div#ft a:hover {
	color: #393939;
	background: none;
	text-decoration: underline;
}
/* @end */

/* @group Modules */
/* UM Psych Logo */
div#juvent-logo {
	width: 250px;
	height: 60px;
	background: url(../images/juvent-logo.png) no-repeat 0 0;
	text-indent: -9000px;
	margin: 0 0 10px 68px;
	float: left;
	display: inline;
}
div#juvent-logo a {
	display: block;
	height: 100%;
}
div#juvent-logo a:hover {
	background: none;
}

/* Feature */
div#feature {
	width: 100%;
	margin: 0;
}
div#feature div#pic {
	width: 962px;
	height: 200px;
	display: block;
	margin: 0 auto;
}
body.inside div#feature div#pic {
	height: 200px;
}
div#feature div#spotlight {
	height: 200px;
	width: 100%;
	background-color: #114886;
	font-family: "Myriad Roman", "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
	float: right;
	display: inline;
}
body.inside div#feature div#spotlight {
	height: 200px;
	background: #114886 url(../images/juvent-splash-banner-bg.jpg) no-repeat 0 0;
}
div#feature div#spotlight div#spot1, div#feature div#spotlight div#spot2, div#feature div#spotlight div#spot3, div#feature div#spotlight div#spot4, div#feature div#spotlight div#spot5 {
	padding: 0;
	height: 200px;
	overflow: hidden;
}
body.inside div#feature div#spotlight div#spot1, body.inside div#feature div#spotlight div#spot2, body.inside div#feature div#spotlight div#spot3, body.inside div#feature div#spotlight div#spot4, body.inside div#feature div#spotlight div#spot5 {
	height: 200px;
	padding: 0;
	position:relative;
}
div#feature div#spotlight div#spot2, div#feature div#spotlight div#spot3, div#feature div#spotlight div#spot4, div#feature div#spotlight div#spot5 {
	display: none;
}
div#feature div#spotlight h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	letter-spacing: 0.05em;
	color: #fff;
	margin: 0;
	position: absolute;
	top: 70px;
	left: 260px;
}
div#feature div#spotlight p {
	font-size: 108%;
	color: #c5dbf0;
	line-height: 140%;
}
div#feature div#spotlight a:link, div#feature div#spotlight a:visited {
	color: #fff;
	text-decoration: none;
}
div#feature div#spotlight a:hover {
	text-decoration: underline;
	background: none;
}

/* Main */
div.main {
	width: 701px;
	float: right;
	display: inline;
}

/* @group Common Text Styles */
div.main p {
	font-size: 120%;
	line-height: 150%;
	color: #333;
}
div.main p.center {
	text-align: center;
}
div.main p.right {
	text-align: right;
}
div.main p.bc {
	color: #959595;
	font-size: 85%;
	text-transform: lowercase;
}
div.main p.bc a {
	padding: 1px;
}
div.main p.bc a:link, div.main p.bc a:visited {
	color: #959595;
	text-decoration: none;
}
div.main p.bc a:hover {
	color: #fff;
	background-color: #959595;
	text-decoration: none;
}

div.side p {
	font-size: 93%;
	line-height: 140%;
	color: #3d3d3d;
}

img.align-left {
	margin: 0 10px 10px 0!important;
	float: left;
	display: inline;
}
img.align-right {
	margin: 0 0 10px 10px!important;
	float: right;
	display: inline;
}

/* cheryl add */
img.align-center {
	display: inline;
	text-align: center;
}
/* @end */

/* @group Default Lists */
div.main li {
	font-size: 120%;
}
div.main ul li ul li {
	font-size: 100%;
}
div.main li.smaller {
	font-size: 93%;
}
div.main ul.content-list {
	margin: 0 0 1em 0;
	clear: both;
}
div.main ul.content-list li {
	list-style: none;
	margin: 0 0 10px 0;
	background: url(../images/juvent-list-image-std.gif) no-repeat 4px 3px;
	padding: 0 0 0 20px;
}
/* @end */

/* Side col Background */
div.side-col-bkg {
	background: url(../images/side-col-bkg.gif) repeat-y 100% 0;
}

/* Intro Box */
div.intro-top {
	width: 701px;
	height: 10px;
	background: url(../images/2colbox-top.gif) no-repeat 0 0;
	overflow: hidden;
}
div.intro {
	width: 641px;
	background: url(../images/2colbox-bkg.gif) repeat-y 0 0;
	overflow: hidden;
	padding: 10px 30px;
}
div.main div.intro h1 {
	font-size: 182%;
	font-weight: normal;
	color: #171c45;
	margin: 0 0 6px 0;
	font-family: "Myriad Roman", "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
}
div.main div.intro p {
	font-size: 93%;
	line-height: 150%;
}
div.main div.intro p.linkbar {
	color: #2764a5;
}
div.main div.intro p.linkbar span {
	padding: 0 5px;
}
div.intro a:link, div.intro a:visited {
	color: #2764a5;
	text-decoration: none;
	padding: 1px 0;
}
div.intro a:hover {
	background-color: #2764a5;
	color: #fff;
}
div.intro-btm {
	width: 701px;
	height: 10px;
	background: url(../images/2colbox-btm.gif) no-repeat 0 0;
	overflow: hidden;
	margin: 0 0 10px 0;
}

/* Home Cols */
div.home-cols {
	background: url(../images/home-cols-bkg.gif) repeat-y 0 0;
	overflow: hidden;
}
div.home-cols div.news {
	width: 353px;
	margin: 0 0 0 0;
	padding: 0 0 15px;
	float: left;
	display: inline;
	text-align: center;
}
div.home-cols h2 {
	background: url(../images/red-hd-bkg.gif) repeat-x 0 0;
	line-height: 41px;
	margin: 0 4px 20px 4px;
	text-align: center;
	color: #fff;
	font-size: 138.5%;
	font-weight: normal;
}
div.home-cols h2 a {
	display: block;
	line-height: 41px;
}
div.home-cols h2 a:link, div.home-cols h2 a:visited {
	color: #fff;
	text-decoration: none;
}
div.home-cols h2 a:hover {
	text-decoration: underline;
	background-color: transparent;
}
div.home-cols div.news-item {
	padding: 0 24px;
	margin: 0 0 10px 0;
	text-align: left;
}
div.home-cols div.news-item:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.home-cols div.news-item {display: inline-block;}

/* Hides from IE-mac \*/
* html div.home-cols div.news-item {height: 1%;}
div.home-cols div.news-item {display: block;}
/* End hide from IE-mac */

div.home-cols div.news-item div.pic {
	width: 83px;
	margin: 0;
	float: left;
	display: inline;
}
div.home-cols div.news-item div.text {
	width: 205px;
	float: right;
	display: inline;
}
div.home-cols div.news-item div.text h3 {
	margin: 0;
	font-size: 93%;
}
div.home-cols div.news-item div.text p.date {
	margin: 0 0 2px 0;
	color: #7a7a7a;
	font-weight: bold;
	font-size: 85%;
}

/* Events Col */
div.main div.events {
	width: 345px;
	margin: 0 0 0 0;
	padding: 0 0 15px;
	float: right;
	display: inline;
	text-align: center;
}
div.main div.events div.event {
	padding: 0 24px;
	margin: 0 0 10px 0;
	text-align: left;
}
div.main div.events div.event:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.main div.events div.event {display: inline-block;}

/* Hides from IE-mac \*/
* html div.main div.events div.event {height: 1%;}
div.main div.events div.event {display: block;}
/* End hide from IE-mac */

div.main div.events div.event h3 {
	font-size: 93%;
	margin: 0 0 0 0;
}
div.main div.events div.event div.text {
	width: 250px;
	float: right;
	display: inline;
}
div.main div.events div.date {
	width: 30px;
	height: 36px;
	background: url(../images/date-icon.gif) no-repeat 0 0;
	float: left;
	display: inline;
}
div.main div.events div.date span.month {
	display: block;
	height: 15px;
	font-size: 77%;
	text-align: center;
	line-height: 15px;
	font-weight: bold;
	color: #fff;
}
div.main div.events div.date span.day {
	display: block;
	height: 20px;
	font-size: 85%;
	text-align: center;
	line-height: 20px;
	font-weight: normal;
	color: #000;
}

/* Calendar */
div.calendar-wrap {
	width: 243px;
	height: 222px;
	background: url(../images/cal-bkg-splash.gif) no-repeat 0 0;
	padding: 15px 0 0 0;
	margin-left: auto;
	margin-right: auto;
}
div.side div.calendar-wrap {
	width: 243px;
	height: 200px;
	background: url(../images/cal-bkg.gif) no-repeat 0 0;
	padding: 15px 0 0 0;
	margin-left: auto;
	margin-right: auto;
}
table.calendar {
	font-size: 77%;
	width: 185px;
	border: none;
	margin-left: auto;
	margin-right: auto;
}
table.calendar th {
	border: none;
	color: #262626;
}
table.calendar tr.cal-nav th {
	font-weight: bold;
	text-transform: uppercase;
}
table.calendar tr.cal-nav th a:link, table.calendar tr.cal-nav th a:visited {
	color: #333;
	text-decoration: none;
}
table.calendar tr.cal-nav th.left, table.calendar tr.cal-nav th.right {
	padding: 0;
}
table.calendar tr.cal-nav th.left a, table.calendar tr.cal-nav th.right a {
	display: block;
	padding: 5px;
	height: 5px;
	width: 15px;
}
table.calendar tr.cal-nav th.left a {
	background: url(../images/cal-left-arrow.gif) no-repeat 0 50%;
	text-indent: -9000px;
}
table.calendar tr.cal-nav th.right a {
	background: url(../images/cal-right-arrow.gif) no-repeat 100% 50%;
	text-indent: -9000px;
}
table.calendar thead tr.cal-days th {
	width: 25px;
	padding: 5px 0;
	background-color: #1890ca;
	border: none;
	color: #fff;
	font-family: Times, serif;
}
table.calendar tbody td {
	text-align: center;
	padding: 0;
	border: none;
	font-family: Times, serif;
}
table.calendar tbody td a, table.calendar tbody td span {
	padding: 5px;
	display: block;
}
table.calendar tbody td a:link, table.calendar tbody td a:visited {
	color: #1890ca;
	text-decoration: underline;
	font-weight: bold;
}
table.calendar tbody td a:hover, table.calendar tbody td a.today:link, table.calendar tbody td a.today:visited, table.calendar tbody td span.today {
	background-color: #1890ca;
	color: #fff;
}

table.calendar tbody td.selected a:link, table.calendar tbody td.selected a:visited {
	background-color: black;
	color: white;
}

/* News Item Styles */
div.main {
	background: transparent url(../images/2colbox-bkg.gif) repeat-y scroll 0 0;
	overflow: hidden;
}
div.main-content div#news {
	width: 100%;
	margin: 0 0 0 0;
	float: left;
	display: inline;
}
div.main-content div.news-item {
	padding: 0;
	margin: 20px 0;
	text-align: left;
}
div.main-content div.news-item:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html div.main-content div.news-item {height: 1%;}
div.main-content div.news-item {display: block;}
/* End hide from IE-mac */

div.main-content div.news-item div.pic {
	width: 80px;
	margin: 0;
	padding: 4px 0 0;
	float: left;
	display: inline;
}
div.main-content div.news-item div.text {
	width: 540px;
	float: left;
	display: inline;
	padding: 0 0 0 10px;
}
body.inside div.main-content div.news-item h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0;
	padding: 0;
	color: #00589b;
	font-weight: bold;
	font-size: 110%;
}
body.inside div.main-content div.news-item h3 a {
	font-family: Arial, Helvetica, sans-serif;
	color: #00589b;
}
body.inside div.main-content div.news-item h3 a:hover {
	background: #00589b;
	color: #fff;
}
body.inside div.main-content div.news-item h4 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0;
	padding: 0;
	color: #333;
	font-weight: normal;
	font-size: 100%;
	font-style: italic;
}
body.inside div.main-content div.news-item div.text p {
	margin: 0 0 2px 0;
	color: #7e7e7e;
	font-weight: normal;
	font-size: 90%;
	line-height: 140%;
}
body.inside div.main-content div.news-item div.bottom {
	margin-top: 0;
}
body.inside div.main-content div.news-item div.bottom a {
	margin-top: 10px;
	text-decoration: underline;
}
div.main a.button {
	background: url(../images/search-btn-bg.gif) repeat-x 0 0;
	padding: 0 5px;
	margin: 5px 0;
	border: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
}

/* Calendar Results */
div.main div.calendar_results {
	background: url(../images/events-item-bg.gif) repeat-x 0 0;
	float: left;
	margin: 0 0 20px;
	padding: 20px 0 0;
}
div.main div.calendar_results .left {
	width: 50px;
	float: left;
}
div.main div.calendar_results .left h3 {
	background: transparent url(../images/events-date-bg.png) no-repeat 6px 0px;
	color: #fff;
	text-align: center;
	padding: 6px 0 25px 2px;
	line-height: 1;
	font-weight: normal;
}
div.main div.calendar_results .left h3 span {
	font-size: 80%;
}
div.main div.calendar_results .right {
	width: 590px;
	float: left;
	padding: 0 0 0 10px;
}
div.main div.calendar_results .right h3 {
	color: #ad1400;
	padding: 0;
}
div.main div.calendar_results .right div.event-detail {
	color: #AAAAAA;
	width: 70px;
	float: left;
	clear: right;
	font-size: 93%;
	line-height: 150%;
}
div.main div.calendar_results .right p {
	padding: 0 0 0 70px;
	margin: 0 0 2px;
}
div.main div.calendar_results .right p.event-contact {
	padding: 0 0 0 70px;
	margin: 0;
}
div.side form.calendarform {
	padding: 0 0 21px 21px;
}
/* Faculty Results */
div.main div.people {
	background: url(../images/faculty-item-bg.gif) repeat-x 0 bottom;
	float: left;
	margin: 0 0 20px;
	padding: 20px 0;
}
div.main div.people .left {
	float: left;
	width: 115px;
}
div.main div.people .left .shadowBox {
	margin: 0px 0px 10px;
	padding: 0px;
}
div.main div.people .left .shadowLeft {
	background-image: url(../images/shadowLeft_bg.gif);
	background-repeat: repeat-y;
	background-position: left;
	padding-left: 15px;
}
div.main div.people .left .shadowBtm {
	background-image: url(../images/shadowBtm_bg_lng.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-left: 0;
}
div.main div.people .left .shadowBox img {
	margin: 0;
}
div.main div.people .right {
	width: 500px;
	float: left;
	padding: 0 0 0 10px;
}
div.main .people .right {
   float: right;
   width: 426px;
}
div.main .people .contact {
	float: right;
	color: #868686;
	text-align: right;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
}
div.main .people .contact a {
   color: #2F5A86;
   text-decoration: none;
}
div.main-content .people .contact img {
   border: none;
   vertical-align: middle;
   margin: 0 0 0 5px;
}
div.main-content .people .contact a:hover { 
   text-decoration: underline;
   background-color: #2F5A86;
   color: #ffffff;
   text-decoration: none;
}
body.inside div.main .people h3 {
   color: #ad1400;
   font: normal 14px/12px Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-transform: none;
}

div.main .people h4 {
	color: #7d7d7d;
	font: bold normal 12px/18px Arial, Helvetica, sans-serif;
	margin: 0;
}

div.main .people h4 a {
   color: #7d7d7d;
   text-decoration: none;
}

div.main .people h4 a:hover { text-decoration: underline; }

div.main .people h5 {
   color: #868686;
   font: normal 12px/18px Arial, Helvetica, sans-serif;
   margin: 0 0 15px;
}

div.main .people h5 a {
   color: #868686;
   text-decoration: none;
}

div.main .people h5 a:hover { text-decoration: underline; }

div.main .people span {
   color: #7e7e7e;
   font: 12px/18px Arial, Helvetica, sans-serif;
}

div.main .people p {
   color: #7e7e7e;
   font: 12px/18px Arial, Helvetica, sans-serif;
   margin: 10px 0 0;
}

div.main .people p strong {
   font-weight: normal;
   color: black;
}


div.main .people .clipme {
   height: 13.5em;
   overflow: hidden;
   clip: rect(0, 0, 14em, 0);
}

body:last-child:not(:root:root) .people .clipme { /* Safari Hack */
   height: auto;
   overflow: visible;
   clip: auto;
}

div.main .people .bottom {
   text-align: right;
   padding: 5px 0px 0px;
}

div.main .people .bottom a {
   color: #ad1400;
   text-decoration: none;
   font: bold 12px Arial, Helvetica, sans-serif;
}
div.main .people .bottom a:hover {
   background: #ad1400;
   color: #fff;
}
div.main table.people-search {
	border: none;
	margin: 0 0 40px;
}
div.main table.people-search th, div.main table.people-search td {
	border: none;
	color: #555555;
}
div.main table.people-search input.submit, div.main form.calendarform input.submit, div.side form.calendarform input.submit {
	background: url(../images/search-btn-bg.gif) repeat-x 0 0;
	padding: 0 5px;
	margin: 5px 0;
	border: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
}
div.people-tab-bg {
	background: #f9f8f7;
	width: 694px;
	margin-left: -21px;
}
	

/* Side */
div.side {
	width: 250px;
	float: left;
	display: inline;
}
body.inside div.side {
	margin-top: 0;
}

/* Sidenav */
div.sidenav {
	background: url(../images/side-col-bkg.gif) repeat-y 0 0;
	padding: 40px 0 0;
}
div.sidenav-inner {
	background: url(../images/sidebar-bg.png) repeat-y 0 0;
	margin: 0;
	padding: 10px 0;
}
div.sidenav ul {
	margin: 0;
	padding: 0;
}
div.sidenav ul li {
	list-style: none;
	background: url(../images/sidenav-div.gif) repeat-x 0 0;
	padding: 1px 0 0 0;
	text-align: right;
}
div.sidenav ul li a {
	display: block;
	padding: 10px 10px;
	font-size: 138.5%;
	font-weight: normal;
	line-height: 18px;
}
div.sidenav ul li a:link, div.sidenav ul li a:visited {
	color: #333e41;
}
div.sidenav ul li.active {
	background: url(../images/sidenav-on-hover.png) repeat-y 0 0;
}
div.sidenav ul li.active a:link, div.sidenav ul li.active a:visited {
	color: #1890ca;
}
div.sidenav ul li a:hover {
	background: url(../images/sidenav-on-hover.png) repeat-y 0 0;
	color: #102234;
}
div.sidenav ul li ul {
	display: none; /* remove this line to display 3rd level items in side nav */
	padding: 0;
}
div.sidenav ul li ul li {
	background: none;
}
div.sidenav ul li ul li a {
	padding-top: 0;
	padding-left: 20px;
	font-weight: normal;
}
div.sidenav ul li ul li a:link, div.sidenav ul li ul li a:visited {
	color: #404040;
}
div.sidenav h2 {
	background: url(../images/sidebar-header.png) repeat-x 0 0;
	line-height: 50px;
	margin: 0;
	padding: 0 10px 0 0;
	text-align: right;
	color: #364345;
	font-size: 160.5%;
	font-weight: normal;
}
div.sidenav h2 a {
	display: block;
	line-height: 41px;
}
div.sidenav h2 a:link, div.sidenav h2 a:visited {
	color: #fff;
	text-decoration: none;
}
div.sidenav h2 a:hover {
	text-decoration: underline;
	background-color: transparent;
}

/* Side Box Bottom */
div.side-box-btm {
	width: 259px;
	height: 3px;
	background: url(../images/side-col-btm.gif) no-repeat 0 100%;
	overflow: hidden;
	margin: 0 0 10px 0;
}
div.side-box-btm-tall {
	width: 259px;
	height: 8px;
	background: url(../images/side-col-btm.gif) no-repeat 0 0;
	overflow: hidden;
	margin: 0 0 10px 0;
}

/* Red Box */
div.red-box {
	background: url(../images/side-col-bkg.gif) repeat-y 0 0;
}
div.red-box-inner {
	margin: 0 4px;
	padding: 10px 15px;
	background: url(../images/side-white-box-bkg.gif) repeat-x 0 0;
}
div.red-box img {
	margin: 0 0 5px 0;
}
div.red-box h1 {
	font-size: 93%;
	margin: 0 0 3px 0;
}
div.red-box h2 {
	background: url(../images/red-hd-bkg.gif) repeat-x 0 0;
	line-height: 41px;
	margin: 0 4px 0 4px;
	text-align: center;
	color: #fff;
	font-size: 138.5%;
	font-weight: normal;
}
div.red-box h2 a {
	display: block;
	line-height: 41px;
}
div.red-box h2 a:link, div.red-box h2 a:visited {
	color: #fff;
	text-decoration: none;
}
div.red-box h2 a:hover {
	text-decoration: underline;
	background-color: transparent;
}
div.red-box div.news-item {
	padding: 0;
	margin: 0 0 10px 0;
	text-align: left;
}
div.red-box div.news-item:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.red-box div.news-item {display: inline-block;}

/* Hides from IE-mac \*/
* html div.red-box div.news-item {height: 1%;}
div.red-box div.news-item {display: block;}
/* End hide from IE-mac */

div.red-box div.news-item div.title {
	float: left;
	display: inline;
}
div.red-box div.news-item div.title h3 {
	margin: 0;
	font-size: 93%;
}
div.red-box div.news-item div.text {
	float: left;
	display: inline;
}
div.red-box div.news-item div.text div.pic {
	width: 83px;
	margin: 0 10px 0 0;
	float: left;
	display: inline;
}
div.red-box div.news-item div.text div.pic img {
	margin: 0;
}
div.red-box div.news-item div.text p.date {
	margin: 0 0 2px 0;
	color: #7a7a7a;
	font-weight: bold;
	font-size: 85%;
}
/* Blue Box */
div.blue-box {
	background: url(../images/side-col-bkg.gif) repeat-y 0 0;
}
div.blue-box-inner {
	margin: 0 4px;
	padding: 10px 15px;
	background: url(../images/side-blue-box-bkg.gif) repeat-x 0 0;
}
div.blue-box img {
	margin: 0 0 5px 0;
}
div.blue-box h1 {
	font-size: 93%;
	margin: 0 0 3px 0;
	color: #18293a;
}
div.blue-box h2 {
	background: url(../images/blue-hd-bkg.gif) repeat-x 0 0;
	line-height: 41px;
	margin: 0 4px 0 4px;
	text-align: center;
	color: #fff;
	font-size: 138.5%;
	font-weight: normal;
}
div.blue-box p {
	color: #18293a;
}
div.blue-box h2 a {
	display: block;
	line-height: 41px;
}
div.blue-box h2 a:link, div.blue-box h2 a:visited {
	color: #fff;
	text-decoration: none;
}
div.blue-box h2 a:hover {
	text-decoration: underline;
	background-color: transparent;
}

div.blue-box div.event {
	padding: 0;
	margin: 0 0 10px 0;
	text-align: left;
	float: left;
	width: 100%;
}
div.blue-box div.event:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.blue-box div.event {display: inline-block;}

/* Hides from IE-mac \*/
* html div.blue-box div.event {height: 1%;}
div.blue-box div.event {display: block;}
/* End hide from IE-mac */

div.blue-box div.event h3 {
	font-size: 93%;
	margin: 0 0 0 0;
}
div.blue-box div.event div.text {
	width: 180px;
	float: right;
	display: inline;
}
div.blue-box div.date {
	width: 30px;
	height: 36px;
	background: url(../images/date-icon.gif) no-repeat 0 0;
	float: left;
	display: inline;
}
div.blue-box div.date span.month {
	display: block;
	height: 15px;
	font-size: 77%;
	text-align: center;
	line-height: 15px;
	font-weight: bold;
	color: #fff;
}
div.blue-box div.date span.day {
	display: block;
	height: 20px;
	font-size: 85%;
	text-align: center;
	line-height: 20px;
	font-weight: normal;
	color: #000;
}

/* Findings */
div.findings-text {
	padding: 0 20px;
}
div.findings-text h3 {
	margin: 0 0 1px 5px;
	font-size: 93%;
	background: url(../images/blue-box-bullet.gif) no-repeat 0 50%;
	padding: 0 0 0 13px;
	color: #000;
}
div.findings-text h3 a:link, div.findings-text h3 a:visited {
	color: #000;
	text-decoration: none;
}
div.findings-text h3 a:hover {
	background-color: #000;
	text-decoration: none;
	color: #fff;
}
div.findings-text img {
	margin-bottom: 5px;
}
div.findings-text p {
	margin-left: 5px;
	margin-bottom: 2em;
}
div.findings h2 {
	margin: 0;
}
div.findings h2 {
	background: url(../images/red-hd-bkg.gif) repeat-x 0 0;
	line-height: 41px;
	margin: 0 4px 20px 4px;
	text-align: center;
	color: #fff;
	font-size: 138.5%;
	font-weight: normal;
}
div.findings h2 a {
	display: block;
	line-height: 41px;
}
div.findings h2 a:link, div.findings h2 a:visited {
	color: #fff;
	text-decoration: none;
}
div.findings h2 a:hover {
	text-decoration: underline;
	background-color: transparent;
}

div.home-cols-btm {
	width: 701px;
	height: 8px;
	background: url(../images/home-cols-btm.gif) no-repeat 0 0;
	overflow: hidden;
	float: left;
	display: inline;
}
div.side-col-btm {
	width: 259px;
	height: 8px;
	background: url(../images/side-col-btm.gif) no-repeat 0 0;
	overflow: hidden;
	float: right;
	display: inline;
}

/* Main Content */
div.main-content-top {
	width: 701px;
	height: 8px;
	background: none;
	overflow: hidden;
}
div.main-content-btm {
	padding: 60px 24px 0;
	background: none;
}
div.main-content-btm p {
	padding: 0 4px 0 0;
	font-size: 93%;
	color: #b8c4d1;
}
div.main-content {
	background: none;
	padding: 10px 24px;
	text-align: left;
	color: #393939;
}
/* Main Content Tags */
div.main-content img {
	margin: 0;
}
div.main-content ul {
	margin: 20px 50px;
	color: #333;
}
div.main-content ul li {
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	list-style-image: url(../images/juvent-list-image-std.png);
	margin: 10px 0;
	color: #333;
}

/* Main Cols */
div.main-cols {
	padding: 20px 0;
}
/* Main Left */
div.main-left {
	width: 305px;
	float: left;
	display: inline;
}

/* Main Right */
div.main-right {
	width: 305px;
	float: right;
	display: inline;
}


/* Tab Box */
div.main-content ul.tab-box-nav {
	margin: 0;
	padding: 0;
}
div.main-content ul.tab-box-nav li {
	list-style: none;
	float: left;
	display: inline;
	margin: 0;
}
ul.tab-box-nav li a {
	display: block;
	padding: 10px 20px;
	background: url(../images/tab-box-nav-bkg.gif) repeat-x 0 100% #e8e8e8;
	font-size: 108%;
	margin: 0 4px 0 0;
}
ul.tab-box-nav li a:link, ul.tab-box-nav li a:visited {
	color: #808080;
	text-decoration: none;
}
ul.tab-box-nav li a:hover, ul.tab-box-nav li a.active {
	background-color: #114886;
	background-image: none;
	color: #fff!important;
}
div.main-content div.tab-box {
	background: url(../images/tab-box-bkg.gif) repeat-x 0 0 #ececec;
	border-top: 1px solid #114886;
	border-bottom: 3px solid #114886;
	padding: 20px;
	display: none;
}
div.main-content div.tab-box p {
	color: #1d1d1d;
}
/* @end */

/* @group Nav */
/* Util Nav */
div#util-nav {
	text-align: right;
	float: right;
	display: inline;
}
div#util-nav p {
	margin: 0;
	padding: 5px 4px 0 0;
	font-size: 93%;
	font-weight: bold;
}
div#util-nav p a {
	margin: 0 0 0 15px;
}
div#util-nav p a:link, div#util-nav p a:visited {
	color: #171c45;
	text-decoration: none;
}
div#util-nav p a:hover {
	text-decoration: underline;
	background: none;
}

/* Nav */
div#nav {
	clear: both;
	background: url(../images/nav-bg.png) repeat-x 0 0;
	height: 60px;
	margin: 0;
	width: 100%;
	overflow: hidden;
}
div#nav ul {
	margin: 0 auto;
	padding: 0 0 0 50px;
	width: 957px;
}
div#nav ul li {
	float: left;
	display: inline;
}
div#nav ul li a {
	display: block;
	line-height: 55px;
	padding: 0 15px 5px;
	font-size: 129.1%;
	font-weight: normal;
	font-family: "Myriad Roman", "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
}
div#nav ul li a:link, div#nav ul li a:visited {
	color: #fff;
	text-decoration: none;
}

div#nav ul li#navlink1 ul { display: none; }

div#nav ul li#navlink2 a {
	background: transparent url(../images/nav-j1000.png) no-repeat 0 0;
	padding-right: 90px;
}
div#nav ul li#navlink2 a:hover, div#nav ul li#navlink2.active a {
	background: transparent url(../images/nav-j1000-on-hover.png) no-repeat 0 0;
}
div#nav ul li.active {
	background: transparent url(../images/nav-bg-on-hover.png) repeat-x 0 0;
}
div#nav ul li ul li.active {
	background: none;
}
div#nav ul li:hover a, div#nav ul li.sfhover a {
	background: transparent url(../images/nav-bg-on-hover.png) repeat-x 0 0;
}

/* Nav Drop Down */
div#nav ul ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	background-color: #edece9;
	width: auto;
	z-index: 1000;
}
div#nav ul li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: -2px;
	border-bottom: 5px solid #0084C5;
}
div#nav ul li ul li {
	height: auto;
	float: none;
	display: block;
	border-bottom: 1px solid #D5D4D1;
}
div#nav ul li ul li.last {
	border-bottom: none;
}
div#nav ul li ul li a {
	text-align: left;
	line-height: 16px;
	padding: 0 10px;
	margin: 0;
	font-size: 108%;
	display: block;
	font-weight: normal;
	width: 100%;
	background-image: none!important;
}
div#nav ul li ul li a span {
	display: block;
	padding: 6px 5px 4px 5px;
	line-height: 16px;
	background: url(../images/sub-nav-div.gif) repeat-x 0 0;
}
div#nav ul li ul li:first-child a span {
	background: none;
}
div#nav ul li:hover ul, div#nav ul li.sfhover ul {
	left: auto;
}
div#nav ul li ul a:link, div#nav ul li ul a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #102b5a;
	text-decoration: none;
}
div#nav ul li ul a:hover {
	color: #0084c5;
	background: url(../images/sub-nav-arrow.gif) no-repeat 0 45%!important;
}
div#nav ul li ul li ul { /* third-level lists */
	position: absolute;
	display: none;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 11px solid #fff;
}
div#nav ul li ul li ul li {
	height: auto;
	float: none;
	display: block;
}
div#nav ul li ul li ul li a {
	text-align: left;
	line-height: 16px;
	padding: 0 10px;
	margin: 0;
	font-size: 108%;
	display: block;
	font-weight: normal;
	width: 175px;
	background-image: none!important;
}
div#nav ul li ul li ul li a span {
	display: block;
	padding: 6px 5px 4px 5px;
	line-height: 16px;
	background: url(../images/sub-nav-div.gif) repeat-x 0 0;
}
div#nav ul li ul li ul li:first-child a span {
	background: none;
}
div#nav ul li ul li:hover ul, div#nav ul li ul li.sfhover ul {
	left: auto;
}
div#nav ul li ul li ul a:link, div#nav ul li ul li ul a:visited {
	color: #102b47;
	text-decoration: none;
}
div#nav ul li ul li ul a:hover {
	color: #be0000;
	background: url(../images/sub-nav-arrow.gif) no-repeat 0 45%!important;
}

/* Nav Quicklinks */
div#nav select {
	width: 170px;
	border: 1px solid #84878a;
	background-color: #cccfcd;
	color: #0d2238;
}
div#nav div#quicklinks {
	float: right;
	padding: 8px 10px 0 0;
}
/* @end */

/* @group Default Headings */
body.inside div.main h1 {
	font-size: 240%;
	font-weight: normal;
	color: #1890ca;
	font-family: "Myriad Roman", "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-bottom: 20px;
	font-variant: normal;
	text-transform: none;
}
body.inside div.main h2 {
	font-size: 148.5%;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #102234;
	font-family: "Myriad Roman", "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
	padding-top: 18px;
	font-variant: normal;
	
}
body.inside div.main h3 {
	font-size: 148.5%;
	font-weight: bold;
	margin: 0 0 4px 0;
	color: #000;
	font-family: "Myriad Roman", "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-transform: none;
}
body.inside div.main h4 {
	text-transform: none;
}
body.inside div.main h5 {
	text-transform: uppercase;
	font-size: 133.1%;
}
body.inside div.main h6 {
	font-size: 190%;
	font-weight: normal;
	margin: 0 0 4px 0;
	color: #1890ca;
	font-family: "Myriad Roman", "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
}
body.inside div.main h1.center, body.inside div.main h2.center, body.inside div.main h3.center, body.inside div.main h6.center {
	text-align: center;
}
body.inside div.main h1.right, body.inside div.main h2.right, body.inside div.main h3.right, body.inside div.main h6.right {
	text-align: right;
}
/* @end */

/* @group Forms */
	
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	color: #1890ca;
	text-decoration: none;
}
a:hover {
	background-color: #1890ca;
	color: #fff;
}
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */

/* @group Admin Forms */
div.admin {
	float: right;
	padding: 10px;
	border: 1px solid black;
}

.editseminartable { margin: 0; }

div.main table.editseminartable tbody td {
	background-color: #EEEEEE;
	padding: 5px;
   text-align: left;
}

.editseminartable th {
	background-color: #8D2622;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}

div.main p.pgTitle {
	color: #2f5a86;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.greytext {
	color: #999;
}
.bluetext { color: #1890ca; }
.bluetextbold { 
	color: #1890ca;
	font-weight: bold;
}
a:link.underlinelink { text-decoration: underline; }
/* @end */
/* testimonials styles */
p.quoted {
	padding:0 2px 0 60px;
	background: url(../images/quoted.png) no-repeat 0 0;
	min-height: 60px;
	float:left;
}
span.sig {
	color: #1890ca;
	font-weight: bold;
}
span.highlight {
	padding:0 2px;
	background: url(../images/highlight-yellow.png) repeat-x 0 50%;
}
div.testimonial-vid {float:left; margin-bottom:10px;}
span.left {float: left; width:60%;}
span.right {
	float:right;
	color: #1890ca;
	font-family: "Myriad Roman","Myriad Pro",Myriad,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 110%;
	margin-top: -5px;
}
span.right img {margin-top: 5px;}
/* faq page styles */
#faq h2 { margin: 40px 0 10px; }
#faq p { margin-bottom: 10px; }
#faq p.answer { margin-bottom: 24px; margin-left: 18px; display: none; }
#faq ul.answer, #faq div.answer { display: none; }
#faq p strong a { color: #0175ae; cursor: pointer; }
#faq p strong a:hover { color: #333; background: none; }
#faq ul { list-style: square; font-size: 12px; color: #666; margin: 0 0 24px 60px; }
#faq ul li { margin: 4px 0; }
/* misc sitewide styles */
.pullquote {
	float:right;
	width:200px;
	font-style:italic;
	line-height: 150%;
	color: #1890CA;
	margin: 10px;
}
.topquote {
	font-style:italic;
	line-height: 140%;
	color: #1890CA;
	margin: 0px;
	font-size: 140%;
}
.sidequote {
	float:right;
	font-style:italic;
	line-height: 130%;
	color: #999;
	margin: 10px;
	font-size: 20px;
	font-weight: normal;
	background-image: url(../images/quoted.png);
	background-repeat: no-repeat;
	text-align: right;
}
.studies a { font-weight: bold; }
.smaller { font-size: smaller }
ol.footnotes li {
	font-weight: bold;
}
ol.footnotes li span { font-weight: normal; }
ol.footnotes li ol li {
	list-style: lower-alpha;
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	color: #1890CA;
}
tr.altrow td { background-color: #c9c9c9; }
/* jquery tabs */
div.main-content ul.tabNavigation {
	margin: 0;
	padding: 0;
}

div.main-content ul.tabNavigation li {
	list-style: none;
	float: left;
	display: inline;
	margin: 0;
}

div.main-content ul.tabNavigation li a {
	display: block;
	padding: 10px 20px;
	background-color: #e8e8e8;
	background: url(../images/tab-box-nav-bkg.gif) repeat-x 0 100%;
	font-size: 108%;
	margin: 0 4px 0 0;
	color: #808080;
	text-decoration: none;
}

div.main-content ul.tabNavigation li a.selected,
div.main-content ul.tabNavigation li a:hover {
	background-color: #114886;
	background-image: none;
	color: #fff!important;
}
		
div.main-content ul.tabNavigation li a:focus {
	outline: 0;
}

.waste {
	min-height: 1000px;
}