/* css/basic.css for Priority Management
   basic styles for all pages */

/* structure module */
/* html, body */
html {
  background-color: #fff;
  color: #82827f;
  font-family: 'prioritysanslight', san-serif;
  font-size: 18px;
  }
body {
  line-height: 30px;
  text-align: center;  /* needed to center in IE5.5 and lower */
  }
	
/* 786px < width < 1024px */
@media screen and (min-width : 768px) and (max-width : 1043px) {
  html {
		font-size: 16px;
	  }
}

/* text and text extension module */
/* abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var */
/* b, big, hr, i, small, sub, sup, tt */
p {
	margin: 0 0 10px 0;
  }
h1, h2 {
	font-family: 'priorityseriflightmedium', serif;
	font-size: 36px;
	font-weight: normal;
	line-height: 36px;
	margin: 0 0 0.5em 0;
	}
h2 strong {
	font-family: 'priorityserifmedium', serif;
  }
h3 {
	font-weight: normal;
	}
strong {
	font-family: 'prioritysanssemibold', serif;
	font-weight: normal;
  }

/* hypertext module  - see http://dbaron.org/css/1999/09/links */
/* a */
:link, :visited {
  color: #82827f;
  text-decoration: none;
  }
:link:focus, :visited:focus {
  outline: 0 none;  /* turn off focus box */
  }
:link {}
:visited {}
:link:hover, :visited:hover {}
:link:active, :visited:active {}


/* list module */
/* dd, dl, dt, li, ol, ul */
ul.inline {  /* inline nav-style list */
  margin: 0;
  }
ul.inline li {  /* inline nav-style list - remember to override on <li> in nested lists */
  display: inline;
  float: left;
  }
ul.bulleted li:before {
  color: #fb0000;
  content:'\2022';
  display: block;
  font-size: 15px;
  left: -10px;
  max-height: 0;
	max-width: 0;
	position: relative;
  top: -0px;
  }
ul.bulleted li::before .external-link {
	color: #fb0000;
	top: -5px;
}
ul.bulleted li {
	padding-left: 10px;
  }
dl.stacked {
	margin-left: 0;
  }
dl.stacked dt {
	float: none;
  width: auto;
	}
dl.stacked dd {
  margin-left: 0;
	}
dl.side-by-side {
	margin: 0 0 1em 1.3em;
  }
dl.side-by-side dt {
  clear: left;
  float: left;
  margin: 0 10px 1em 0;
  width: 90px;
  }
dl.side-by-side dd {
  margin: 0 0 1em 9em;
  }

 
/* form module */
/* button, fieldset, form, input, label, legend, optgroup, option, select, textarea, legend */
/* see forms.css */

/* table module */
/* caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr */
table {
  width: 100%;
  }


/* image module */
/* img */
img.block-img {
  display: inline-block;  /* remove bottom "padding" on images that should be block level */
  }


/* client-side image map module */
/* area, map */


/* object module */
/* object, embed */


/** GLOBAL CLASSES **/

/* float clearing - see http://_/css-discuss.incutio.com/?page=ClearingSpace */
.clear-after:after {
  clear: both; 
  content: "."; 
  display: block; 
  height: 0; 
  visibility: hidden;
  }
.clear-after {
  display: inline-table;
  }

  
/* clickable items */
.clickable {
  cursor: hand;
  cursor: pointer;
  }
	
	
/* image replacement */
.img-replacement {
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -999em;
  }
	
	
/* generic appearance */
.centered {
	text-align: center;
  }
.light-bg {
	background: #edebea;
	}
.dark-bg {
	background: #a8a9aa;
	color: #fff !important;
  }
.line-above {
	border-top: 1px solid #e1e1e1;
	margin-top: 20px;
  }
.line-below {
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 20px;
  }
.text-link {
	font-weight: bold;
}
.sup {
	position: relative;
	top: -0.4em;
	font-size: small;
}