/* ---------- GLOBAL CSS RULES --------------------------- */

@charset "utf-8";

/* CSS Document */

body, html {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	margin: 0;
	padding: 0;
	background: #edf4fc;
	color: #000;
	}

body {
	min-width: 1000px;
	}


/* ---------- Typography --------------------------- */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 21, 2010 */

@font-face {
	font-family: 'CharisSILRegular';
	src: url('../fonts/charissilr-webfont.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CharisSILRegular';
	src: url(//:) format('no404'), url('../fonts/charissilr-webfont.woff') format('woff'), url('../fonts/charissilr-webfont.ttf') format('truetype'), url('../fonts/charissilr-webfont.svg#webfont0JZYpFJj') format('svg');
	font-weight: normal;
	font-style: normal;
}


p	{
	margin: 0 0 20px 0;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-style: normal;
	
	color: #039;
	margin: 0 0 15px 0;
	padding: 0;
	}

h1, h2 {
	font-family: 'CharisSILRegular', arial, helvetica, sans-serif;
	}

h3, h4, h5, h6 {
	font-family: arial, helvetica, sans-serif;
	}

h1 {
	font-size: 22px;
	line-height: 25px;
	}

h2 {
	font-size: 18px;
	line-height: 25px;
	}

h3 {
	font-size: 14px;
	line-height: 20px;
	}

h4, h5, h6 {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	margin: 0;
	}

h5, h6 {
	color: #000;
	}

a:link {
	color: #000;
	text-decoration: underline;
	}

a:visited {
	color: #666;
	text-decoration: underline;
	}

a:hover {
	color: #039;
	text-decoration: none;
	}

.printOnly {
	display: none;
	}

/* ---------- Site-wide styles --------------------------- */

form, input {
	margin: 1;
	padding: 1;
	border: 1;
	}

img {
	border: 0;
	margin: 0;
	padding: 1;
	display: block
	}

ul {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	}

ul li {
	list-style: none;
	background-color: transparent;
	background-image: url(../../images/arrow_blue.png);
	background-position: 0 6px;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0 0 0 1.5em;
	}

ol {
	margin: 0 0 20px 0;
	padding: 0 0 0 1.5em;
	}

ol li {
	background-color: transparent;
	background-image: none;
	margin: 0;
	padding: 0;
	}

.emphasisquote {
	font-family: 'CharisSILRegular', arial, helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 18px;
	line-height: 25px;
	color: #993;
	margin: 0 0 20px 0;
	padding: 0 3em 0 3em;
	}

div {
	padding: 0;
	}

span {
	padding: 0;
	}

table, tr, td {
	margin: 0;
	padding: 1;
	border: 1;
	outline: 0;
	}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}

.clearfix {
	display: inline-block;
	}
	
html[xmlns] .clearfix {
	display: block;
	}

* html .clearfix {
	height: 1%;
	}

.new {
	background-color: #603;
	color: #fff;
	border: none;
	padding: 2px 5px 2px 5px;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	}


/* ---------- Page Layout & Columns --------------------------- */


#container {
	background-color: #edf4fc;
	width: 100%;
	margin: 0;
	padding: 0;
	}

#content {
	background: #fff;
	margin: 0 auto;
	padding: 30px 0 0 0;
	width: 900px !important;
	}

#body {
	background: transparent;
	width: 480px;
	margin: 0 0 0 30px;
	padding: 30px 0 30px 0;
	float: left;
	}

#body img {
	margin: 5px 20px 10px 20px;
	}

#body img.image_align_right {
	margin-right: 0;
	}

#body img.image_align_left {
	margin-left: 0;
	}

#body img.image_no_padding {
	margin: 0;
	}

#sidebar_left, #sidebar_right {
	background: transparent;
	width: 150px;
	margin: 0 0 0 30px;
	padding: 30px 0 30px 0;
	font-size: 12px;
	line-height: 15px;
	color: #666;
	float: left;
	}

#sidebar_left h1, #sidebar_left h2, #sidebar_left h3, #sidebar_left h4, #sidebar_left h5, #sidebar_left h6, 
#sidebar_right h1, #sidebar_right h2, #sidebar_right h3, #sidebar_right h4, #sidebar_right h5, #sidebar_right h6 {
	color: #603;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0;
	}

#sidebar_left a, #sidebar_right a {
	color: #666;
	}

#sidebar_left ul, #sidebar_right ul {
	margin: 0 0 20px 0;
	padding: 0;
	border-top: 1px dotted #b5d9ee;
	}

#sidebar_left li, #sidebar_right li {
	background-image: none;
	margin: 0;
	padding: 4px 0 4px 0;
	list-style: none;
	border-bottom: 1px dotted #c1e0f0;
	}

#sidebar_left li a, #sidebar_right li a {
	text-decoration: none;
	}

#sidebar_left li a:hover, #sidebar_right li a:hover {
	text-decoration: underline;
	}


/* Callout Boxes */


#boxes {
	background: transparent;
	width: 260px;
	margin: 0 0 0 30px;
	padding: 0;
	float: left;
	}

#boxes h1, #boxes h2, #boxes h3, #boxes h4, #boxes h5, #boxes h6 {
	color: #fff;
	}

#boxes li a {
	color: #000;
	text-decoration: none;
	}

#boxes li a:hover {
	color: #000;
	text-decoration: underline;
	}

.box {
	width: 230px;
	margin: 0 0 30px 0;
	padding: 15px;
	}

.red {
	background: #efe5ea url(../../images/bkgd_red.png) 0 0 repeat-x;
	}

.red li {
	background-image: url(../../images/arrow_red.png);
	background-position: 0 5px;
	}

.blue {
	background: #d2deeb url(../../images/bkgd_blue.png) 0 0 repeat-x;
	}

.blue li {
	background-image: url(../../images/arrow_blue.png);
	background-position: 0 5px;
	}

.cyan {
	background: #d2deeb url(../../images/bkgd_cyan.png) 0 0 repeat-x;
	}

.cyan li {
	background-image: url(../../images/arrow_cyan.png);
	background-position: 0 5px;
	}


/* Social Media Links */

#socialMedia li {
	margin: 0;
	padding: 0;
	}

#socialMedia a {
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0;
	padding: 8px 0 8px 32px;
	font-size: 12px;
	line-height: 13px;
	text-decoration: none;
	display: block;
	}

#socialMedia a:hover {
	background-position: 0 -50px;
	}

#socialMedia a.email {
	background-image: url(../../images/media_email.png);
	}

#socialMedia a.share {
	background-image: url(../../images/media_share.png);
	}

#socialMedia a.rss {
	background-image: url(../../images/media_rss.png);
	}

#socialMedia a.twitter {
	background-image: url(../../images/media_twitter.png);
	}

#socialMedia a.podcasts {
	background-image: url(../../images/media_podcasts.png);
	}

#socialMedia a.translated {
	background-image: url(../../images/media_translated.png);
	}

#socialMedia a.facebook {
	background-image: url(../../images/media_facebook.png);
	}


/* Topics */


#topics {
	background: #e2e2b5;
	width: 480px;
	margin: 0 0 30px 0;
	padding: 0;
	}

#topics h1, #topics h1, #topics h2, #topics h3, #topics h4, #topics h5, #topics h6 {
	color: #993;
	}

#topicsLeft {
	background-color: transparent;
	margin: 15px 0 5px 15px;
	padding: 0;
	width: 220px;
	float: left;
	}

#topicsRight {
	background-color: transparent;
	margin: 15px 0 5px 10px;
	padding: 0;
	width: 220px;
	float: left;
	}

#topicsLeft ul, #topicsRight ul {
	background-color: #fff;
	margin: 0 0 10px 0;
	padding: 5px 15px 5px 15px;
	list-style: none;
	font-size: 12px;
	line-height: 15px;
	color: #666;
	}

#topicsLeft li, #topicsRight li {
	background-image: none;
	margin: 0;
	padding: 4px 0 4px 0;
	list-style: none;
	border-top: 1px dotted #c1e0f0;
	}

#topicsLeft li h1, #topicsRight li h1 {
	color: #603;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

#topicsLeft li h2, #topicsRight li h2, 
#topicsLeft li h3, #topicsRight li h3, 
#topicsLeft li h4, #topicsRight li h4, 
#topicsLeft li h5, #topicsRight li h5, 
#topicsLeft li h6, #topicsRight li h6 {
	color: #660;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	}

#topicsLeft .headline, #topicsRight .headline {
	border: 0;
	}

#topicsLeft a, #topicsRight a {
	color: #666;
	text-decoration: none;
	}

#topicsLeft a:hover, #topicsRight a:hover {
	color: #000;
	text-decoration: underline;
	}


/* ---------- Depreciated Styles --------------------------- */
/* ---------- carried over from old site. ------------------ */
/* ---------- Remove when possible ------------------------- */


.whitebold {
	font-weight: bold;
	color: #fff;
	}

.bold {
	font-weight: bold;
	}

.no_print {
	}

.redbold{
	font-weight: bold;
	color: #603;
	}

.table_head_shade{
	font-weight: bold;
	color: #fff;
	background-color: #039;
	}

.table_background_shade{
	background-color: #edf4fc;
	}

.subhead {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 20px;
	color: #039;
	margin: 0 0 15px 0;
	padding: 0;
	}