@charset "utf-8";
/* Global Elements */

body {
	width:100%;
	height: 100%;
	margin: 0px;
	background-color: #ffffff;
	background-repeat: repeat-x;
	text-align:center;
	font-family:Verdana;
	color: #666666;
}

img {
	border:0px;	
}

.clear {
	clear:both;
	height:0px;
	overflow: hidden;
}

a, a:hover, a:active, a:visited {
	color: #a4c403;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/******* Header ********/
#top {
	width:750px;
	margin:0 auto;
	text-align:left;
	position: relative;
	z-index: 3000;
}

#header {
	display:block;
	height:115px;
	text-align:right;
	background:url('../images/header.jpg') no-repeat;
	margin:0px;
}

#header a {
	display:block;
	float:left;
	padding-top:0px;
}

#header a#header-home {
	overflow:hidden;
	height: 0px;
	width: 315px;
	padding-top:37px;
	top:40px;
	left:110px;
	margin-right:0px;

}
#header a#header-novoLogo {
	overflow:hidden;
	height: 0px;
	width: 100px;
	padding-top:115px;
	top:0px;
	left:0px;
	margin-right:0px;
}

#header a#header-isi {
	top: 9px;
	left: 440px;
	width: 155px;
	height: 14px;
	background: url("../images/nav_toplinks.gif") no-repeat left top;
}

#header a#header-isi:hover {
	background-position: left bottom;
}

#header a#header-pi {
	top: 9px;
	left: 607px;
	width: 124px;
	height: 14px;
	background: url("../images/nav_toplinks.gif") no-repeat right top;
}

#header a#header-pi:hover {
	background-position: right bottom;
}

#header-isi-pi-spacer {
	position: absolute;
	top: 9px;
	left: 595px;
	width: 12px;
	height: 14px;
	background: url("../images/nav_toplinks.gif") no-repeat -155px top;
}

#topnav a {
	display:block;
	height: 21px;
	cursor: pointer;
	position: absolute;
	top: 80px;
}

/*#topnav a:hover {
	background-position: 0 -21px;
}*/

#topnav a span {
	display: none;
}


#header-exhibit{
	display:block;
	width: 108px;
	background: url("../images/nav_about_the_exhibit_off.gif") no-repeat 0 0px;
	left: 115px;
	height:41px;
}

#header-exhibit:hover
  { 
    background: url("../images/nav_about_the_exhibit_on.gif") no-repeat 0 0px;
  }

#header-diabetes{
	display:block;
	width: 97px;
	/*left: 375px;*/
	left: 257px;
	background: url("../images/nav_diabetes_off.gif")  no-repeat 0 0;
	height:21px;
}

#header-diabetes:hover
  { 
    background: url("../images/nav_diabetes_on.gif") no-repeat 0 0;
  }

#header-media {
	display:block;
	width: 127px;
	/*left: 245px;*/
	left: 388px;
	background: url("../images/nav_media_off.gif")  no-repeat 0 0;
	height:21px;
}

#header-media:hover
  { 
    background: url("../images/nav_media_on.gif") no-repeat 0 0;
  }


#topnav .nav_active {
	background-position: left bottom;
}

#call_for_submissions_button {
	display: block;
	width: 750px;
	height: 50px;
	background: url("../images/call_for_submissions.png") no-repeat;
	margin-bottom: 9px;
	text-indent: -9000em;
	overflow: hidden;
}

#new_faces_button {
	display: block;
	width: 750px;
	height: 75px;
	background: url("../images/new_foc_callout.png") no-repeat;
	margin-bottom: 9px;
	text-indent: -9000em;
	overflow: hidden;
	position: relative;
}

#new_faces_thumbnail {
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	width: 58px;
	height: 54px;
	cursor: pointer;
}

/***** Center *****/
#mainHome, #main {
	width:750px;
	margin:0 auto;
	padding:10px;
	position: relative;
}

#main {
	margin-top:30px;
}

#mainFaces{
	display:block;
	width:750px;
	text-align:center;
	margin:0 0 8px 0;
}

#video {
	padding-top: 1em;
	font-size: 12px;
	color: Red;
	font-weight: bold;
}


/****** Footer  ******/
#footer {
	width:750px;
	background-color:#ffffff;
	/*color:#666666; */
	color: #000000;
	margin:0 auto;
	margin-top:8px;
	padding:0px;
	text-align:left;
	position: relative;
}

#novo-footer {
	margin:0;
	padding:0;
	float:right;
	font-size:11px;
	padding-bottom:70px;
}

#novo-footer h2 {
	font-size:11px;
	margin-top:0px;
	margin-bottom:10px;
}

#novo-footer h2#firstISI {
	margin-top:30px;
}

#novo-footer a:hover{
	text-decoration:underline;
}

#novo-footer h3 {
	font-size:11px;
	margin-top:0px;
	margin-bottom:10px;
}

p.backToTop {
	font-family:Verdana;
	margin-bottom:30px;
	margin-left:30px;
}

p.footer-text {
	padding-top:10px;
	width:515px;
	font-family:Verdana;
	font-size:16px; 
}

p.footer-instructions {
	width:515px;
	font-family:Verdana;
	font-size:12px; 
}

/*p.superscript-text {
	width:515px;
	font-family:Verdana;
	font-size:12px; 
	padding: -2em;
	border: solid red;
}*/

/******* Homepage ***********/

.mainhomeCallout {
	font-size:17px;
	font-weight:bold;
	color:#666666;
	margin-top:0;
	margin-left:30px;
}

.homeCallout {
	font-size:17px;
	font-weight:bold;
	color:#a4c403;
	margin-left:30px;
}

.homeFirst {
	padding-top:25px;
}

.homeText {
	margin-top:2em;
	font-size:12px;
	color:#666666;
	margin-left:30px;
}

.homeFootnote {
	font-size:12px;
	color:#666666;
	font-style:italic;
	margin-bottom:30px;
	margin-left:30px;
}

th {
	text-align: left;
}

table.exhibits {
	border-collapse:collapse;
	margin-left:30px;
}

table.exhibits tr th, table.exhibits tr td {
	font-size:12px;
	width:240px;
	vertical-align: top;
}

table.exhibits tr th {
	padding-bottom:0px;
}

table.exhibits tr td {
	padding-bottom:10px;
	color:#666666;
}


/******* About Exhibit ******/
#main-left{
position:relative;
text-align:left;
margin-left:225px;
}

#sidebar{
float:left;
position:relative;
width:220px;
}

#visitCLWD, #visitNN, #visitWHYF, #visitASK {
	margin-top: 8px;
}

#visitAdditionalImg{
}

#visitWHYF {
	margin-bottom: 30px;
}

p.title{
font-family:Verdana;
font-size:12px;
display:block;
color:#a8c903;
font-weight:bold;
margin: 0 0 0 30px;
padding-top: 15px;
}

.main-text1, .main-text2-header, .main-text2-subheader{
width:470px;
display:block;
font-family:Verdana;
font-size:17px; 
font-weight:bold;
margin: 20px 0px 20px 30px;
}

.main-text2-subheader{
font-size:14px;
width:352px;
margin-bottom: 0.5em;
}

.main-text2-header{
margin-bottom: 0.25em;
}

.main-text2, .main-text2-listheader{
width:470px;
display:block;
font-family:Verdana;
font-size:12px; 
margin: 0 0 1em 30px;
}

.main-text2-listheader{
margin-bottom: 0.5em;
}

/************************* MEDIA ********************/

object { display:block; }

ul.media-list {
	list-style-type: none;
	margin: 0 0 2em 0;
	padding-left: 0;
}

ul.media-list li {
	height: 17px;
	margin: 0 0 4px 30px;
	padding: 0;
	font-size: 12px;
}

ul.media-list li a, ul.media-list li span {
	display: block;
	float: left;
	height: 17px;
	padding: 2px 0 0 20px;
	background: url("../images/download.gif") left center no-repeat;
}

ul.media-list li span {
	color: #A9A9A9;
	font-weight: bold;
}

/************************* OPACITY OF HOMEPAGE ********************/
#background { /* These styles create only the background fade */
	display: none; /* Hides the div from being displayed for now */
	background-color: #000000; /* Adjust the color of the fade here */
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 2200px;
	z-index:4000;
}

#gallery { /* These styles create the alert box itself */			
	display: none; /* Hides the div from being displayed for now */	
	width: 690px;
	/*margin: -150px 0 0 -200px;*/
	position: absolute;
	/*top: 100px;
	left: 37%;*/
	z-index:4001;
	visibility: hidden;
}

#addition_gallery { /* These styles create the alert box itself */			
	display: none; /* Hides the div from being displayed for now */	
	width: 790px;
	/*margin: -150px 0 0 -200px;*/
	position: absolute;
	/*top: 100px;
	left: 35%;*/
	z-index:4001;
	visibility: hidden;
}

.gallery_center {
	padding: 0 10px 0 10px;
	margin: 0;
	background-color:white;
	text-align: left;
}

.gallery_corner_container {
	position: relative;
}

.gallery_corner_upper_left {
	height: 12px;
	overflow: hidden;
	margin-right: 40px;
	background:url(../images/box.png) no-repeat left top;
}

.gallery_corner_upper_right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 12px;
	overflow: hidden;
	background:url(../images/box.png) no-repeat right top;
}

.gallery_corner_lower_left {
	height: 12px;
	overflow: hidden;
	margin-right: 40px;
	background:url(../images/box.png) no-repeat left -12px;
}

.gallery_corner_lower_right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 12px;
	overflow: hidden;
	background:url(../images/box.png) no-repeat right -12px;
}

#galleryNavigation, #add_galleryNavigation {
	width:100%;
	text-align:right;
	margin-bottom:10px;
}

#galleryNavigation a#previous, #galleryNavigation a#next, #add_galleryNavigation a#previous, #add_galleryNavigation a#next {
	float:left;
	margin-right:20px;
}

#galleryImageContainer {
	text-align:center;
	padding-bottom: 20px;
}

#add_galleryImageContainer {
	padding-top:20px;
	padding-bottom: 20px;
	text-align:center;
}

#caption, #add_caption {
	text-align:left;
}

.captionTitle {
font-family:Verdana;
font-size:13px;
display:block;
color:#a8c903;
font-weight:bold;
margin: 0 0 10px 0;
}

.captionTitle_newFOC {
font-family:Verdana;
font-size:13px;
display:block;
color:#213971;
margin: 0 0 0px 0;
}

.captionTitle_newFOC_large {
font-family:Verdana;
font-size:22px;
display:block;
color:#213971;
font-weight: bold;
margin: 0 0 10px 0;
}

.captionText {
display:block;
font-family:Verdana;
font-size:11px; 
color:#000000;
margin: 0 0 20px 0;
}

.disclaimer{
display:block;
padding-bottom: 0px;
font-family:Verdana;
font-size:10px; 
color:#666666;

padding: 0;
margin: 0;
}

.disclaimerText {
display:block;
font-family:Verdana;
font-size:9px; 
color:#666666;
margin-top:0px;
padding-bottom: 20px;
}

#disclaimerImg{
	padding-left:300px;
}

#add_disclaimerImg{
	padding-left:380px;
}

#add_galleryThumbnails{
	float:left;
}

/*#textdisclaimer, #imgdisclaimer, #add_textdisclaimer, #add_imgdisclaimer, #add_spacing{
	float:left;
}*/

/* Modal dialog */
#modal {
	width: 430px;
	position: fixed;
	z-index: 3100;
	font-family: Verdana;
	font-size: 9pt;
	color: #666666;
	line-height: 1.3em;
	text-align: left;
}

#modal .top {
	width: 430px;
	height: 10px;
	background: url('../images/modal-frame-top.png') no-repeat;
	overflow: hidden;
}

#modal .center {
	background-color: white;
	padding: 30px 30px 10px 30px;
	overflow: hidden;
}

#modal .bottom {
	width: 430px;
	height: 10px;
	background: url('../images/modal-frame-bottom.png') no-repeat;
	overflow: hidden;
}

#modal h2 {
	font-size: 11pt;
	font-weight: bold;
	color: #31627C;
	margin: 0;
	margin-bottom: 0.2em;
	text-transform: uppercase;
}

#modal a {
	float: right;
}

#pageblock {
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 3000;
	background-color: #000000;
}

/* PI dropdown menu */
#pi-dropdown-container {
	position: absolute;
	top: 9px;
	left: 542px;
	z-index: 3000;
	font-size: 9pt;
	line-height: 1.25em;
	display: none;
}

#pi-spacer {
	display: none;
	width: 216px;
	height: 14px;
}

#pi-dropdown {
	width: 216px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-bottom: 17px;
	background: url("../images/menu-cap.png") no-repeat left bottom;
}

#pi-dropdown li {
	background: url("../images/menu-background.png") repeat-y;
	padding: 5px 13px 0 13px;
	margin: 0;
}

#pi-dropdown li div {
	padding-bottom: 5px;
	border-bottom: dashed #CCCCCC 1px;
}

#pi-dropdown li.last div {
	border-bottom: none;
	padding-bottom: 0;
}

#pi-dropdown li a, #pi-dropdown li a:visited, #pi-dropdown li a:active {
	color: #666666;
	text-decoration: none;
}

#pi-dropdown li a:hover {
	color: #A4C403;
	text-decoration: none;
}


.buttons 
{
	clear: both;
	padding-top: 1.5em;
}

.popup .buttons 
{
	padding-bottom: 2em;
}


.button-ok {
	display: block;
	text-indent: -9000em;
	background: url('../images/button-ok.gif') no-repeat;
	width: 131px;
	height: 28px;
	overflow: hidden;
	background-position: left bottom;
	float: left;
}

.button-ok:hover {
	background-position: left top;
}

.button-cancel {
	display: block;
	text-indent: -9000em;
	background: url('../images/button-cancel.gif') no-repeat;
	width: 131px;
	height: 28px;
	overflow: hidden;
	background-position: left bottom;
	float: left;
}

.button-cancel:hover {
	background-position: left top;
}

.button-close {
	display: block;
	text-indent: -9000em;
	background: url('../images/button-close.gif') no-repeat;
	width: 131px;
	height: 28px;
	overflow: hidden;
	background-position: left bottom;
	float: left;
}

.button-close:hover {
	background-position: left top;
}

.modal_image_filler {
	background: url('../images/progress_indicator.gif') center center no-repeat;
}


/* FORM */

form {
	padding-top: 1em;
	width: 100%;
}

form .main-text1 {
	margin-bottom: 0;
}

form table {
	font-family:Verdana;
	font-size:12px; 
	color:#000000;
	margin: 0px 0px 0px 30px;
	margin-top: 1em;
	margin-bottom: 0.5em;
	border-collapse: collapse;
}

form table table {
	margin: 0.5em 0 0 0;
}

form table td, form table th {
	border-collapse: collapse;
	padding: 0 5px 5px 0;
	margin: 0;
}

label {
	font-size: 100%;
	font-weight: normal;
}

.label_note {
	display: block;
	font-style: italic;
	font-size: 90%;
	margin-top: 0.5em;
	color: #666666;
}

.error {
	display: block;
	color: Red;
	font-weight: bold;
	margin-bottom: 0.25em;
}

.textbox {
	width: 400px;
}

textarea {
	width: 400px;
	height: 100px;
}

#city {
	width: 180px;
}

#zip {
	width: 80px;
	margin-right: 100px;
}

#age {
	width: 60px;
}

#esig {
	width: 200px;
}

#taking_insulin_yes_description, #taking_insulin_no_description {
	width: 300px;
}