@import url("FDAAAreset.css");

/* CSS Document */

body, html {
	margin: 0px;
	padding: 0px;
	background-color: #bfbfbf;
	color: #000000;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;	
	min-width: 980px;
}

#wrapper {
	width: 980px;
	text-align: left;
	margin: 0 auto;
	background-image: url(images/FDAAA_body_background.png);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #bfbfbf;
	
}

#header {
	width: 980px;
	height: 135px;
	background-color: #bfbfbf;
	background-image: url(images/FDAAA_header_background.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	position:relative;
}

#main {
}

#navigation {
	width: 170px;
	float: left;
	padding-left: 30px;
}
#navigation ul{
	padding: 0px;
	list-style: none;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#navigation li {
	border-bottom: 1px solid #f6de7b;
}

#navigation .navigation_home li {
	border-top: 1px solid #f6de7b;
}

#navigation li a:link, #navigation li a:visited {
	font-size: 90%;
	display: block;
	padding: 0.4em 0 0.4em 0.5em;
	border-left: 1px solid #f6de7b;
	border-right: 1px solid #f6de7b;
	background-color: #f6e6a5;
	color: #000000;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #f6de7b;
	color: #000000;
}

#home #navigation ul a.navigation_home,
#who_we_are #navigation ul a.navigation_who_we_are,
#history_of_fda #navigation ul a.navigation_history_of_fda,
#fdaaa_leadership #navigation ul a.navigation_fdaaa_leadership,
#membership #navigation ul a.navigation_membership,
#photo_album #navigation ul a.navigation_photo_album,
#activities #navigation ul a.navigation_activities,
#publications_reports #navigation ul a.navigation_publications_reports,
#centennial_scholarship_award #navigation ul a.navigation_centennial_scholarship_award,
#awards #navigation ul a.navigation_awards,
#current_job #navigation ul a.navigation_current_job,
#complementary_links #navigation ul a.navigation_complementary_links,
#contact_us #navigation ul a.navigation_contact_us {
	background-color: #f6de7b;
}

#navigation #facebook {
	padding-left: 10px;
}

#content {
	width: 700px;
	float: right;
	padding-left: 20px;
	padding-right: 50px;
	margin-bottom: 20px;
}

#footer {
	position: relative;
	width: 980px;
	height: 115px;
	background-color: #bfbfbf;
	background-image: url(images/FDAAA_footer_background.png);
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

h1 {
	color: #FFFFFF;
	background-image: url(images/FDAAA_logo.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	position: absolute;
	left: 47px;
	top: 31px;
	height: 90px;
	width: 136px;
}

h1 a {
	background-image: url(images/FDAAA_logo.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	left: 47px;
	top: 14px;
	height: 90px;
	width: 136px;
	display: block;
	background-color: #003366;
}

h1 span {
	background-image: url(images/FDAAA_tagline.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	position: absolute;
	left: 155px;
	top: 25px;
	height: 45px;
	width: 414px;
}
h2 {
	color: #003366;
	font-family: "Times New Roman", Times, serif;
	font-size: 210%;
	line-height: 25px;
	margin-top: 20px;
	margin-bottom: 10px;
}
h3{
	color: #484138;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E00000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 135%;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
}
h4{
	color: #484138;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	line-height: 1.8em;
	margin-top: 10px;
	margin-bottom: 10px;
}
h5{
	color: #484138;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

.event{
	color: #484138;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;	
}

.eventNobold{
	color: #484138;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;	
}

p{
	color: #000000;
	font-size: 100%;
	line-height: 1.3em;
	margin-bottom: 15px;
}

th {
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-top: 5px;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
}

.firstTH {
	border-left: 1px solid #999999;
}

td {
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-top: 5px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background: #fff;
	color: #000000;
}

.firstTD {
	border-left: 1px solid #999999;
}

.topTD {
	border-top: 1px solid #999999;
}

.updated {
	font-size: 60%;
	font-style: italic;
}

.small_caption {
	font-size: 70%;
	font-style: italic;
}
.nonbold {
	font-style: normal;
	font-weight: normal;
}

.highlightChange {
	color: #FF0000;

}

#content a {
	color: #003366;
}

#content a:hover {
	color: #0057AD;
}

.breakout_box{
	background-color: #f6e6a5;
	margin: 20px;
	padding: 10px;
	border: 1px solid #f6de7b;
}



.timeline-2000, .timeline-2001, .timeline-2002, .timeline-2003, .timeline-2004  {
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-color: #dddddd;
	border-top-color: #dddddd;
	border-bottom-color: #dddddd;
	border-right-style: solid;
	border-right-width: 1px;
}

.timeline-2000 p, 
.timeline-2001 p,
.timeline-2002 p,
.timeline-2003 p,
.timeline-2004 p,
.timeline-2000 h2, 
.timeline-2001 h2,
.timeline-2002 h2,
.timeline-2003 h2,
.timeline-2004 h2,
.timeline-2000 h3, 
.timeline-2001 h3,
.timeline-2002 h3,
.timeline-2003 h3,
.timeline-2004 h3,
.timeline-2000 li, 
.timeline-2001 li,
.timeline-2002 li,
.timeline-2003 li,
.timeline-2004 li,
.timeline-2000 .center_photo, 
.timeline-2001 .center_photo,
.timeline-2002 .center_photo,
.timeline-2003 .center_photo,
.timeline-2004 .center_photo {
	margin-right: 70px;
}

#who_we_are #content .timeline-2000,
#who_we_are #content .timeline-2001,
#who_we_are #content .timeline-2002,
#who_we_are #content .timeline-2003,
#who_we_are #content .timeline-2004 {
	padding-right: 0px;
	width: 772px;
	margin-bottom: 10px;
}

.timeline-2000 {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(images/birthofFDAAA/timeline-2000.png);
}

.timeline-2001 {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(images/birthofFDAAA/timeline-2001.png);
}

.timeline-2002 {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(images/birthofFDAAA/timeline-2002.png);
}

.timeline-2003 {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(images/birthofFDAAA/timeline-2003.png);
}

.timeline-2004 {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(images/birthofFDAAA/timeline-2004.png);
}

#footer-content {
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 40px;
	padding bottom: 10px;
}

#footer p {
	color: #FFFFFF;
	text-align: left;
	line-height: 0px;
}

#footer a {
	color: #FFFFFF;
}

.edit_comment {
	xdisplay:none;
	font-family: "Courier New", Courier, monospace;
	color: #FF0000;
	font-size: 75%;
}

#content ul {
	list-style-type: disc;
	padding-left: 20px;
}

#content li {
	line-height: 1.3em;  
	padding-bottom: 5px;
}
#content ol {
	list-style-type: decimal;
	padding-left: 40px;
}

.bylaw_section {
	font-weight: bold;
}

.bylaw-section-b {
	text-decoration: underline;
}

.jobList {
	background-color: #EEEEEE;
	padding: 10px;
	margin-bottom: 10px;
}

.alt {
	background-color: #DDDDDD;
}

.indent {
	margin-left: 20px;
	margin-right: 20px;
}

.indent2 {
	margin-left: 40px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.right_inline_photo {
	float: right;
}

.left_inline_photo {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

.center_photo {
	text-align: center;
	padding-right: 70px;
	padding-left: 70px;
}

.bio_photo_container {
	height: 175px; 
	width: 195px;
	float: left;
	padding: 10px;
	margin-right: 10px;
	text-align: center;
	margin-bottom: 10px;
}

.half_photo_container {
	width: 319px;
	float: left;
	padding: 10px;
	margin-right: 10px;
	text-align: center;
	margin-bottom: 10px;
}

.bio_photo_container_Unlim-height { 
	width: 195px;
	float: left;
	padding: 10px;
	margin-right: 10px;
	text-align: center;
	margin-bottom: 10px;
}

.push_two_center {
	float:left;
	width: 98px;
	height: 10px;
}

.photo_description {
	font-size: 80%;
	line-height: 15px;
	color: #484138;
	padding-top: 10px;
}

.inlinePhotoFrameWCaption {
	width: 120px;
	float: left;
	margin: 0;
	padding: 0;
}

.photo_caption {
	margin-top: 10px;
	font-size: 80%;
	color: #484138;
	padding-right: 80px;
	padding-left: 80px;
	text-align: justify;
	}

.caption {
	margin: 10px 0 0 0;
	font-size: 80%;
	color: #484138;
	text-align: justify;
	}

.caption_center {
	margin-top: 10px;
	font-size: 80%;
	color: #484138;
	text-align: center;
	}
	
.designedBy {
	display: block;
	height: 20px;
	right: 50px;
	bottom: 30px;
	position: absolute;
}	

.icon {
	vertical-align: middle;
}

.clear {
	clear: both;
}