/* CSS Document - typography.css */
/* This stylesheet contains typography styles */
/*
================= Element specific CSS =================
TABLE OF CONTENTS
	1. MAIN TYPOGRAPHY
		1.1 Theme colors
		1.2 Article
		1.3 Headings
		1.4 Paragraphs
	2. ELEMENT TYPOGRAPHY
	3. LINKS
/* *************************************************** */

/* ********************** 1. MAIN TYPOGRAPHY ********* */
body {
	font:76%/1.6 Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

/* ********************** 1.1 Theme colors *********** */
/* ----- Water */
.color-1 { color: #93a9c3; }
/* ----- Sky */
.color-2 { color: #97c3ca; }
/* ----- Olive */
.color-3 { color: #9b9f66; }
/* ----- Fire */
.color-4 { color: #d95e00; }
/* ----- University blue */
.color-5 { color: #002f5f; }
/* ********************* /1.1 Theme colors *********** */

/* ********************** 1.2 Article **************** */
.main-article { font-family: Georgia, "Times New Roman", Times, serif; }
.article-related, .article-tools, .article-info { font-family: Verdana, Arial, Helvetica, Sans-serif; }
.article-related ul li, .article-tools ul li, .article-info ul li { font-family: Verdana, Arial, Helvetica, Sans-serif; }

/* --------------- Font size adjustments for page areas */
.top-columns-right { font-size: 90%; }
.main-columns-right { font-size: 90%; }
.col-25 { font-size: 90%; }
/* ********************* /1.2 Article **************** */

/* ********************** 1.3 Headings **************** */
h1 {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	line-height: normal;
	margin-top: 0;
	padding-top: 2px;
	margin-bottom: 3px;
	color: #002e5f;
}
.main-article h1 {
	margin-top: 0;
	padding-top: 2px;
	margin-bottom: 3px;
	color: #002e5f;
}
.main-columns-right h1 { font-size: 140%; }

h1.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 4px;
	color: #002e5f;
}
.main-columns-right h2 { border: none; }
.main-columns-right h2 {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: normal;
	border: none;
}
.colored-block h2, .block-clear h2, .block-soft h2, .colored-block-soft h2 {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: normal;
	border: none;
}
/*Overrides heading for some teasers*/
.main-wide-column h2 {
	font-size: 1.2em;
	padding-top: 3px;
}
/* fix for older sites */
.main-article .content-block h2 { padding-top: 3px; }

h3 {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding-top: 1px;
	padding-bottom: 4px;
	color: #002e5f;
}
.main-columns-right h3 { font-size: 100%; }

h4 {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding-top: 1px;
	padding-bottom: 5px;
	color: #002e5f;
}
.main-columns-right h4 { font-size: 90%; }
/* ********************* /1.3 Headings **************** */

/* ********************** 1.4 Paragraphs **************** */
p {
	line-height: 165%;
	margin-top: 0;
	margin-bottom: 9px;
}
.main-article p {
	line-height: 160%;
	margin-bottom: 9px;
	min-width: 200px;
	max-width: 480px;
}
.fullsize .main-article p {
	min-width: 200px;
	max-width: 600px;
}
.pre p {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-weight: bold;
	font-size: 90%;
}
p.category {
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 80%;
	font-weight: normal;
    text-transform: uppercase;
    padding: 2px 0 2px 0;
    margin: 0; 
	color: #666666;
	line-height: 16px;
}
p.code {
	padding: .3em;
	font-size: .9em;
	font-family:"Courier New",Courier,mono;
	border-left: 2px solid transparent;
}
p.code:hover { background-color: #ffe; border-color: #002e5f; }
h2.category {
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 80%;
	font-weight: normal;
    text-transform: uppercase;
    padding: 2px 0 12px 0;
    margin: 0; 
	color: #666666;
}
/* ----- Lists */
li { margin-bottom: 3px; }
.main-article li {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 155%;
}
.main-article li .big-calendar-date { 	line-height: 200%; }

.list-events ul.list-layout li {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}
/* ----- Quotes */
q { font-style: italic; }
blockquote { 
	margin-left: 24px;
	font-style: italic; 
}
/* ----- Addresses */
address { font-style: normal; }
/* ********************* /1.4 Paragraphs ************* */

/* ********************** 2. ELEMENT TYPOGRAPHY ********* */
/* --------------- News sub heading */
.content-block-news h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	font-weight: normal;
	line-height: normal;
	margin-top: 0;
	margin-bottom: 4px;
}

/* --------------- Dates */
.date, .date-item { /*color: #a0a0a0;*/ color: #666666; }
p.date, .date {  
	margin: 0;
	padding: 0 0 2px 0;
	position: relative;
	top: -3px;
}
p.date {
	padding: 4px 0 2px 0;
}

/* --------------- Disclaimers */
.disclaimer {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	color: #666666;
}

/* --- Default block (soft block) */
.block-soft .content-block h1, .block-soft h1 { padding: 4px 0 10px 0; }
.block-soft .content-block h2, .block-soft h2 { padding: 4px 0 10px 0; }
.block-soft .content-block h3, .block-soft h3 { padding: 4px 0 10px 0; }
.block-soft .content-block h4, .block-soft h4 { padding: 4px 0 10px 0; }
.block-soft .content-block p, .block-soft p { padding-left: 0; padding-right: 0; }
.block-soft p, .block-soft ul, .block-soft li { margin-left: 0; margin-right: 0;}
.block-soft.block-soft-margin ul, .block-soft.block-soft-margin li { margin-left: 8px; margin-right: 0; list-style-type: disc; }
.block-soft.block-soft-margin ol li { list-style-type: decimal; }

/* --- Color block */
.colored-block .content-block h1, .colored-block h1 { padding: 8px 6px 10px 6px; }
.colored-block .content-block h2, .colored-block h2 { padding: 8px 6px 10px 6px; }
.colored-block .content-block h3, .colored-block h3 { padding: 8px 6px 10px 6px; }
.colored-block .content-block h4, .colored-block h4 { padding: 8px 6px 10px 6px; }
.colored-block .content-block p, .colored-block p { padding-left: 8px; padding-right: 8px; }

/* --- Background image block */
.bgimage-block .content-block h1, .bgimage-block h1 { padding: 8px 6px 10px 6px; }
.bgimage-block .content-block h2, .bgimage-block h2 { padding: 8px 6px 10px 6px; }
.bgimage-block .content-block h3, .bgimage-block h3 { padding: 8px 6px 10px 6px; }
.bgimage-block .content-block h4, .bgimage-block h4 { padding: 8px 6px 10px 6px; }
.bgimage-block .content-block p, .bgimage-block p { padding-left: 8px; padding-right: 8px; }

/* --- Soft color block */
.colored-block-soft .content-block h1, .colored-block-soft h1 { padding: 4px 6px 7px 6px; }
.colored-block-soft .content-block h2, .colored-block-soft h2 { padding: 4px 6px 7px 6px; }
.colored-block-soft .content-block h3, .colored-block-soft h3 { padding: 4px 6px 7px 6px; }
.colored-block-soft .content-block h4, .colored-block-soft h4 { padding: 4px 6px 7px 6px; }
.colored-block-soft .content-block p, .colored-block-soft p { padding-left: 8px; padding-right: 8px; }
/* ********************* /2. ELEMENT TYPOGRAPHY ********* */

/* ********************** 3. LINKS ********************** */
/* --------------- Linked headings */
h1 a:link, h1 a:active, h1 a:visited {
	color: #005b7f;
	text-decoration: none;
}
h1 a:hover {
	color: #005b7f;
	text-decoration: underline;
}
h2 a:link, h2 a:active, h2 a:visited {
	color: #005b7f;
	text-decoration: none;
}
h2 a:hover {
	color: #005b7f;
	text-decoration: underline;
}
h3 a:link, h3 a:active, h3 a:visited {
	color: #005b7f;
	text-decoration: none;
}
h3 a:hover {
	color: #005b7f;
	text-decoration: underline;
}
h4 a:link, h4 a:active, h4 a:visited {
	color: #005b7f;
	text-decoration: none;
}
h4 a:hover {
	color: #005b7f;
	text-decoration: underline;
}

/* --------------- Default links */
a:link {
	color: #005b7f;
	text-decoration: underline;
}
a:active {
	color: #005b7f;
	text-decoration: underline;
}
a:visited {
	color: #7d7d7d;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}

/* --------------- Alternative links (for dark backgrounds) */
.alt-links a:link {
	color: #ffffff;
	text-decoration: underline;
}
.alt-links a:active {
	color: #ffffff;
	text-decoration: underline;
}
.alt-links a:visited {
	color: #7d7d7d;
	text-decoration: underline;
}
.alt-links a:hover {
	color: #005b7f;
	text-decoration: underline;
}

/* --------------- Static links (always blue except on hover) */
.static-link a:link, a.static-link:link { color: #005b7f; }
.static-link a:active, a.static-link:active { color: #005b7f; }
.static-link a:visited, a.static-link:visited { color: #005b7f; }

/* --------------- Floated links */
.link-left a {  float: left; text-align: left; }
.link-right a { float: right; text-align: right; }

/* --------------- Box type links */
.content-block-link { font-family: Verdana, Arial, Helvetica, Sans-serif; }

.visa-bullet,
.content-block-link a {
  background-image: url(/img/icon-bullet.gif);
  padding-left: 14px;
  background-position: left 3px;
  background-repeat: no-repeat;
  margin-right: 2px;
}

.visa-bullet {
  margin-right: 0;
}
/* ********************* /3. LINKS ********************** */