a:focus {
  outline: 1px dotted invert;
}
hr {
  border-color: #c1c1c1;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
}
h1 {
  font-size: 25px;
}
h2 {
  font-size: 23px;
}
h3 {
  font-size: 21px;
}
h4 {
  font-size: 19px;
}
h5 {
  font-size: 17px;
}
h6 {
  font-size: 15px;
}
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,legend {
  margin-bottom: 20px;
}

/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * This typography file is included in the WYSIWYG editor and the front end. It provides
 * a place to add link styles and font styles you would like in the CMS and the Front End.
 */
/* GENERIC STYLES 
-------------------------------------------- */
.typography * {
  font-family:Arial, Helvetica, sans-serif;
}

/* PARAGRAPHS 
-------------------------------------------- */
.typography p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding-bottom:14px;
}
/* QUOTES
-------------------------------------------- */
.typography blockquote {
  margin: 10px;
  font-size: 1.4em;
  color: #777;
  font-style: italic;
}
.typography q {
  display: block;
  font-size: 0.8em;
  margin: 1em 1em;
  padding: 0.5em;
  border: 1px #ccc solid;
}

/* LINKS 
-------------------------------------------- */
.typography a {
  font-family:Arial, Helvetica, sans-serif;  
}
#Breadcrumbs{
	width:auto;
	float:right;
}
#Breadcrumbs .crumb{
	background-image:url('../images/global-arrow.png');
	background-repeat:no-repeat;
	background-position:center center;
	padding:0 10px 0 2px;
}
#Breadcrumbs p{
	margin:0;
	padding:0;
	color:#484c4f;
}
#Breadcrumbs a{
	color:#276593;
	text-decoration:none;
}
#Breadcrumbs a:hover{
	text-decoration:underline;
}
/* TABLE STYLING 
-------------------------------------------- */
.typography table {
  margin: 0;
  font-size: 12px;
  border-collapse: collapse;
}
.typography td {
  line-height:16px;
  /*vertical-align:top;*/
  }
.typography li{
	font-size:12px;
	line-height:18px;
	margin:0 0 0 20px;
}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
  text-align: left;
  font-size:12px;
}
.typography .center {
  text-align: center;
  font-size:12px;
}
.typography .right {
  text-align: right;
  font-size:12px;
}
legend {
    font-size: 1.2em;
    font-weight: bold;
}