@charset "utf-8";
/* stylesheet.css for home page only */

/* universal style rule */
* {
/* block all  default browser margins and padding */
	margin:0;
	padding:0;
	/*border: dashed 1px #C00;*/
}

body {
	background-color:#676767;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
}
	

#wrapper {
	width:60em;
	background-color:#ffffff;
/* center the wrapper */
	margin:auto;
}


#branding {
	height:5.625em;
	background-color:#C6D4F7;
	color:#006;
	text-align:left;
}

/* fixes the mysterious image gap */
#branding img {
	display:block;
}
	

#branding h1 {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:1.60em;
	padding-top:0.55em;
}




#navbar {
	height:3.625em;
	width:60em;
/*same color as last button */
	background-color:#D60093;	
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

/*remove bullets from ul in the nav bar*/
#navbar ul {
	list-style-type:none;
}
	
/* make a horizontal list */
#navbar li {
	float:left;
	width:7.5em;
	height:3.625em;
	text-align:center;
	line-height:3.625em;
}

/*applies to nav bar links, visited, unvisited */
#navbar a,
#navbar a:link,
#navbar a:visited {
font-size:1.2em;
font-weight:bold;
text-decoration:none;
color:#009;
}
	
/* applies to navbar active and hover links */
#navbar a:active,
#navbar a:hover {
	text-decoration:underline;
}

.orange {
	background-color:#F30;
}

.yellow {
	background-color:#FF0;
}

.blue {
	background-color:#469eff;
}
	
#leftbar {
/* remember right bar left margin must match this width */
	width:12.5em;
	float:left;
	background-color:#FFF;
	padding:0.3125em; 
}

#leftnavbar {
	width:11.875em;
}
/* remove bullets from ul in the nav bar */
#leftnavbar ul {
	list-style-type:none;
}

/* Applies to navbar links, unvisited and visited */
#leftnavbar a,
#leftnavbar a:link,
#leftnavbar a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#000;
  display:block;
  width:10em;
  height:2.875em;
  border-bottom:dashed #999 0.15em  
}
  
.grey {
	background-color:#EEE;
	height:2em;
	margin-top:0.375em;
}

#leftnavbar li {
  padding-top:0.4375em;
  position:relative;  
  width:10em;
  padding-left:0.50em;
}

#leftbarphoto {
	width:12.1875em;
	padding-top:0.9375em;
}

#rightbar {
	background-color:#FFF;
/* left margin must match left bar width */
	margin-left:12.5em;
}

#toprightbar {
	height:1.5625em;		
	padding:0.625em 0 0 0.625em;
}

#toprightbar h3 {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:1.125em;
}

#toprightbar h4 {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:1em;
}

#bottomrightbar {
	background-color:#c5d4ff;
	width:45em;
	margin:auto;
	padding:0.625em;	
	margin-bottom:0.625em;
}

#bottomrightbar p {
	font-size:0.875em;
	margin-bottom:0.5em;
	text-align:justify;
}

#bottomrightbar ul {
	margin-left:2em;
}

#bottomrightbar li {
	font-size:0.875em;
	margin-bottom:0.5em;
}

.author{
	font-size:0.775em;
	margin-bottom:0.5em;
}
	
#footer {
	height:1.5625em;
	background-color:#2f3a96;
	clear:left;
}

/*remove bullets from ul in the footer*/
#footer ul {
	list-style-type:none;
}

#footer #centeringdiv {
	width:29.5em;
	margin:0 auto;
}
	
/* make a horizontal list */
#footer li {
	float:left;	
	text-align:center;	
}

/*applies to footer links, visited, unvisited */
#footer a,
#footer a:link,
#footer a:visited {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:0.75em;
	text-decoration:none;
	color:#fff;
	display:block;
	height:2em;
	padding-left:1em;
	line-height:2em;
	outline-style:none;
	
}
	
/* applies to footer active and hover links */
#footer a:active,
#footer a:hover {
	text-decoration:underline;
}
	
/* applies to expand/contract bio of team */
a.hid {
	color:#000; 
	text-decoration:none; 
	outline-style:none;
}

a.hid em {
	display:none;
}

a.hid:hover {
	text-decoration:none;
}

a.hid:active, a.hid:focus {
	background-color:#C5D4FF;
}

a.hid:active span, a.hid:focus span {
	display:none;
}

a.hid:active em, a.hid:focus em {
	display:block; 
	color:#000; 
	width:98%; 
	font-style:normal; 
	cursor:default;
	padding:7px;
}

/* ends */

/* styles for tables */
/* Style for table borders */
table {
	width:580px;
	border:solid  1px;
	border-collapse:collapse;
	margin:auto;
}

/* General style for header and data cells */
td, th {
  border: solid 1px;
  padding: 1px;
  font-size:0.875em;
}

/* styles for unordered list */

#medical ul {
	font-size:0.875em;
	margin-left:1.5625em;
	list-style-type:disc;
}

#medical li {
	font-size:14px;
}
	
#credits {
	background-color:#FFF;
	height:1.5em;
	text-align:center;
	font-size:0.7em;
	padding-top:0.3em;	
	color:#0F2433;
}

/*applies to credits links, visited, unvisited */
#credits a, #credits a:active, #credits a:visited {
	color:#0F2433;
	text-decoration:none;
}

#credits a:hover {
	text-decoration:underline;
}

#postcard {
	width:420px;
	margin:auto;
}

#postcard table {
	width:420px;
	border:0;
	margin:auto;
}

#postcard table td {
	border:0;
	padding:0;
}

#brochure {
	width:530px;
	margin:auto;
}

#brochure table {
	width:530px;
	border:0;
	margin:auto;
}

#brochure table td {
	border:0;
	padding:0;
}

/* styles for ordered list */

#medical ol {
	font-size:0.875em;
	margin-left:1.5625em;
}

#medical li {
	font-size:14px;
}