/* Sitename Typography */

body {
  font: 12px / 18px Arial, sans-serif;
  color: #333333;
}

body.baseline-grid {
  background: #fff url(../images/baseline.gif);
}

body,
input,
select,
textarea,
button {
  font-family: sans-serif;
}

/* Use a class for @font-face */
.font-face-class-name {
  /* Styles */
}

p,
pre,
address {
  position: relative;
  margin: 0 0 20px;
  top: 5px;
}

#intro p {
	font-weight: bold;
}

p.callout {
	font-size: 15px;
	font-weight: bold;
	line-height: 22px;
}

blockquote {
  margin: 0;
  padding-top: 0px;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  font-family: "Trebuchet MS", sans-serif;
  font-style: normal;
  line-height: 1.5em;
  border-radius: 0px;
  margin-top: 30px;
  margin-bottom: 30px;
  border-top: 5px solid #d1d1d1;
  border-bottom: 5px solid #d1d1d1;
  background-image: url(../images/quotes-default.png);
  background-repeat: no-repeat;
  background-position: 100% bottom;
}

blockquote h2 {
  padding: 0 60px 0 60px;
  font-style: normal;
}


blockquote p {
  font-size: 14px;
  line-height: 24px;
  padding: 40px 40px 15px 40px;
  background-image: url(../images/quotes-default.png);
  background-repeat: no-repeat;
  background-position: 0 10px;
  margin: 0;
}

blockquote p {
  top: 4px;
}

blockquote p.cite,
blockquote p.quote-person {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	text-align: right;
	padding: 0 0 15px 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0;
	background: none !important;
	color: #0065a4;
}

blockquote p.cite::after,
blockquote p.quote-person::after {
	background: none !important;
}

.section-diagnosed blockquote p,
.section-diagnosed blockquote p::after {
	background-image: url(../images/quotes-diagnosed.png);
}

.section-children blockquote p,
.section-children blockquote p::after {
	background-image: url(../images/quotes-children.png);
}

.section-managing blockquote p,
.section-managing blockquote p::after {
	background-image: url(../images/quotes-managing.png);
}

.section-pregnancy blockquote p,
.section-pregnancy blockquote p::after {
	background-image: url(../images/quotes-pregnancy.png);
}

.section-complications blockquote p,
.section-complications blockquote p::after {
	background-image: url(../images/quotes-complications.png);
}

a {
  text-decoration: none;
  color: #2673ab;
  /* Uncomment to make all a tags animate */

  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

a:hover {
  text-decoration: underline;
}

.blue-arrow,
.where-next ul a {
  display: block;
  line-height: 16px;
  padding: 7px 15px;
  font-weight: bold;
  background: url(../images/sidebar-chevron.png) no-repeat 0 10px;
}

.fr .large {
  font-size: 15px;
}

.large {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 16px;
}

.small { /* For things like help text etc */
  font-size: 11px;
  margin-bottom: 5px;
}

.photo_caption {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333;
}


/* #01.1# - Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-family: "Trebuchet MS", sans-serif;
}

h1,
h2,
h3,
h5 {
  font-weight: normal;
  text-transform: uppercase;
}

h2,
h3,
h4 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h3,
h5,
h6 {
  margin-bottom: 0;
}

h1,
h2:first-child,
h3:first-child,
h4:first-child {
  margin-top: 0;
}

h1,
h2 {
  line-height: 38px;
  margin-bottom: 0px;
}

h1 {
  font-size: 18px;
  text-transform: none;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 10px;
}

h1.page-title {
  font-size: 35px;
  text-transform: uppercase;
  font-weight: bold;
  color: #0065a4;
  line-height: 38px;
  margin-bottom: 0px;
}

h2 {
  font-size: 35px;
  font-weight: bold;
  color: #0065a4;
}
/*
.block h2:first-child {
  margin-top: -20px;
}
*/
h3,
.h3 {
  font-size: 18px;
  line-height: 24px;
}

.block h3 {
  margin-top: 50px;
  margin-bottom: 8px;
  font-weight: bold;
  color: #0065a4;
}

.section-diagnosed .block h3 {
	color: #3bab3c;
}

.section-children .block h3 {
	color: #e8478a;
}

.section-managing .block h3 {
	color: #31b5ae;
}

.section-pregnancy .block h3 {
	color: #864ABA;
}

.section-complications .block h3 {
	color: #eb6700;
}

.section-life-pump .block h3 {
	color: #b5121b;
}

.section-minimed .block h3 {
	color: #00bce4;
}

h4 {
	font-size: 16px;
	margin-top: 30px;
}

h5 {
  font-size: 14px;
  margin-top: 0;
}

h6 {
  margin-top: 1px;
}
/* Uncomment this if you want linked headings to not inherit the default a link colour
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
  color: #000;
  border-bottom: #222 1px dotted;
  text-decoration: none;
}
*/

h2 .smaller {
  font-size: 22px;
  display: block;
}

.lt-ie8 h2 .smaller {
	line-height: 27px;
}	

h3 .smaller {
  font-size: 13px;
  display: block;
}

.reset-case {
  text-transform: none;
}

.inverted {
  font-size: 1.333em;
  background: #0061a1;
  color: #fff;
  padding: 5px;
}

.inverted a {
  padding-left: 20px;
  color: #fff;
  background: url(../images/button-chevron.png) no-repeat 5px 50%;
  display: -webkit-inline-block;
	display: -moz-inline-block;
	display: inline-block;
}

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

ul,
.item-list ul,
ol,
dl,
dialog {
  position: relative;
  top: 0px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.item-list ul li {
  margin: 0 0 0 20px;
}

ul {
  list-style: disc;
}

li ul,
li ol,
ul ul,
ol ol {
  top: 0;
  margin-top: 0;
  margin-bottom: 0;
}