@import url("/styles/reset.css");
@import url("/styles/font-face.css");
@import url("/styles/nav.css");

@media print {
	#sitemap, .sitemap, #menu, #content .sidebar, #breadcrumbs {display: none}
	* {font-family: Helvetica, Arial, sans-serif}
	h1 {font-weight: bold; font-size: 15pt; margin-bottom: 7px}
	h2 {font-size: 13pt; margin-bottom: 7px}
	h3 {font-size: 11pt; margin-bottom: 5px}
	p {font-size: 9pt; line-height: 130%; margin-bottom: 10px}
	#footer {color: #999}
	#footer p {font-size: 7pt; text-align: center; margin-bottom: 3px}
	#footer hr {display: none}
	#parent > h1, #content-header, #content-header > h1 {display: none}
}

@media screen {
/* No Script
-------------------------------------------------------------- */
noscript div {color: #fefefe; text-align: center; background: #cc0000; padding: 10px; margin-bottom: 15px; display: block;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 2px 2px rgba(0,0,0,0.15)}

/* Global Structure
-------------------------------------------------------------- */
body {text-align: center; background: #f4f4f4 url(/images/layout/bg.gif) /*url(/images/layout/time/2pm-tile.jpg)*/ repeat-x top left; /*margin-bottom: 50px*/ padding: 0}
/*#status {color: #fff; width: 100%; background: #206c8a; position: absolute; display: none; z-index: 103}
#status > p {font-size: 16px; text-shadow: 0 1px 2px #000; display: inline-block; padding: 20px; padding-bottom: 19px}*/
#parent, #login, #header, #menu, #breadcrumbs, #footer {display: inline-block}
#parent {width: 950px}
#parent > h1 {display: none}
#header {width: 140px; float: left; text-align: center; margin: 15px 10px 15px 0}
#menu {width: 800px; float: right; text-align: right; margin-bottom: 15px; margin-top: 30px}
#breadcrumbs {width: 950px; margin-top: 15px}
#footer {display: inline-block; width: 100%; height: 100px; margin-top: 20px}

/* Fonts
-------------------------------------------------------------- */
body, input, select {font-family: BodyFont, Arial, sans-serif; color: #444}
body {font-size: 13px}
small {font-size: 11px; color: #888}

/* Global Elements
-------------------------------------------------------------- */
a {color: #0080cc; text-decoration: none}
a:hover {text-decoration: underline}
hr {border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #f4f4f4; margin: 20px 0; display: block; clear: both}
sup {vertical-align: text-top}

/* Breadcrumbs
-------------------------------------------------------------- */
#breadcrumbs {background: #fefefe; border: 0px solid #dfdfdf;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 2px 2px rgba(0,0,0,0.15)}
#breadcrumbs ul li, #breadcrumbs ul li > a {font-size: 12px; text-shadow: 0px 1px #fff; text-decoration: none; display: inline-block}
#breadcrumbs ul li {color: #555; padding: 10px 15px; float: left; border-right: 1px solid #fff; border-left: 1px solid #efefef}
#breadcrumbs ul li:first-child {border-left: 0}
#breadcrumbs ul li:last-child {border-right: 0}
#breadcrumbs ul li > a {color: #777}
#breadcrumbs ul li > a:hover {color: #444}
#breadcrumbs ul li:first-child > a {}
#breadcrumbs > div {border-top: 1px solid #efefef; text-align: left; padding: 20px; display: block; clear: both}

/* Footer
-------------------------------------------------------------- */
#footer {text-align: center; background: url(/images/layout/footer-bg.png) repeat-x bottom; min-height: 340px}
#footer .social, #footer .info, #footer .copyright {width: 950px; display: inline-block}
#footer .social {height: 22px; text-align: right; margin-bottom: 18px; display: inline-block}
#footer .social a.social {height: 22px; background: url(/images/social.png) no-repeat top left; margin-right: 15px; display: inline-block}
#footer .social a.social.facebook {width: 72px}
#footer .social a.social.facebook:hover {background-position: 0 -22px}
#footer .social a.social.twitter {width: 27px; background-position: -177px 0}
#footer .social a.social.twitter:hover {background-position: -177px -22px}
#footer .social a.social.flickr {width: 50px; background-position: -127px 0}
#footer .social a.social.flickr:hover {background-position: -127px -22px}
#footer .social a.social.youtube {width: 55px; background-position: -72px 0}
#footer .social a.social.youtube:hover {background-position: -72px -22px}
#footer .info {text-align: left; min-height: 250px; max-height: 250px; height: 250px}
#footer .info > p > img {position: relative; top: -22px}
#footer .info > .column {width: 225px; display: inline-block; float: left}
#footer .info > .column.first {margin-left: 25px}
#footer .info > .column ul {margin-bottom: 10px}
#footer .info > .column li {line-height: 130%}
#footer .info > .column li b, #footer .info > .column.right > p b {font-family: HeaderBold; font-weight: normal}
#footer .info > .column li a {color: #777}
#footer .info > .column li a:hover {text-decoration: underline}
#footer .info > .column.right {font-size: 11px; color: #666; letter-spacing: 0.2px; line-height: 120%; padding: 20px; width: 147px; height: 122px; margin-left: 30px; background: url(/images/layout/footer-contact-bg.png) no-repeat}
#footer .info > .column.right > p {margin-bottom: 7px}
#footer .info > .column.right > a > img {position: relative; top: 5px}
#footer .copyright {font-size: 11px; text-shadow: 0 1px #eee; text-align: right; height: 20px; margin-bottom: 30px}
#footer .google.button {width: 77px; display: inline-block; position: relative; top: -19px; text-align: right}
#footer .facebook.button {width: auto; position: relative; top: -6px; display: inline-block}

/* Login Bar
-------------------------------------------------------------- */
#login-bar {background: #111 url(/images/layout/live-bg.png); width: 100%; text-align: center; display: inline-block;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.20); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.10); box-shadow: 0 2px 2px rgba(0,0,0,0.10);}
#login-bar > #inner {width: 950px; height: 39px; text-align: right; display: inline-block; position: relative}
#login-bar > div a {font-size: 12px; color: #fefefe; text-decoration: none; padding: 13px 20px; display: inline-block}
#login-bar > div a > small {margin-right: 7px}
#login-bar form {max-width: 215px; text-align: left; background: #222; padding: 12px; right: 0; position: absolute; z-index: 101; display: none;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.10); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.10); box-shadow: 0 2px 2px rgba(0,0,0,0.10);
  -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
  background: -moz-linear-gradient(top, #222, #333);
  background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#333));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#333333');}
#login-bar form a, #login-bar form a > small {color: #0094cc; padding: 0}
#login-bar form a:hover, #login-bar form a > small:hover {color: #00a9cc}
#login-bar form label[for=username], #login-bar form label[for=password] {margin-bottom: 7px; display: block}
#login-bar form label[for=password] {margin-top: 7px}
#login-bar form label small {color: #aaa}
#login-bar form input[type=text], #login-bar form input[type=password] {color: #eee; border: 1px solid #111; background: #666; padding: 5px;
  -moz-box-shadow: 0 1px 0px rgba(255,255,255,0.2); -webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.2); box-shadow: 0 1px 0px rgba(255,255,255,0.2);}
#login-bar form input[type=submit] {font-size: 11px; min-width: 70px; width: auto; margin: 7px 0 0 15px}
#login-bar form .links {margin-top: 10px}
#login-bar form > div p {margin-bottom: 3px}

#login-bar #inner h3 {font-size: 14px; color: #f0f0f0; margin-bottom: 8px}
#login-bar #inner ul li {line-height: 160%}
#login-bar #inner ul li a {color: #888; display: block}
#login-bar #inner ul li a:hover {color: #aaa}

#login-bar > #inner a {outline: none}
/*#login-bar > #inner a[href="/login/"]:hover, #login > #inner a[href="/login/"].active {background: url(/images/layout/login-link-bg.png)}*/
#login-bar > #inner > a:hover, #login-bar > #inner > a.active {background: url(/images/layout/login-link-bg.png)}
#login-bar > #inner > a[href="/login/"]:hover small, #login-bar > #inner-bar > a[href="/login/"].active small {color: #e4e4e4}
#login-bar > #inner a > img {position: relative; top: 1px}

#login-bar #status {font-size: 12px; color: #cc0000; margin-bottom: 10px; display: none}

/* Sitemap
-------------------------------------------------------------- */
#sitemap {background: #1b4154; display: none;
  -moz-box-shadow: inset 0 0px 9px #122e3e; -webkit-box-shadow: inset 0 0px 9px #122e3e; box-shadow: inset 0 0px 9px #122e3e}
#sitemap .wrap {width: 950px; text-align: left; padding: 25px 0; display: inline-block}
#sitemap .wrap > ul {display: inline-block; float: left; margin-right: 50px}
#sitemap .wrap > ul li {line-height: 160%}
#sitemap .wrap > ul h3 {color: #ff8000; margin-bottom: 7px}
#sitemap .wrap > ul li a {font-size: 12px; color: #fff}
p.sitemap {border-top: 3px solid #ddd; text-align: right; display: block}
p.sitemap a {font-size: 11px; color: #666; text-shadow: 0px 1px #fff; padding: 5px 8px 7px 8px; margin-right: 30px; display: inline-block;
  text-decoration: none; outline: none; background: #ddd;
  background: -moz-linear-gradient(top, #ddd, #ccc);
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ccc));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#cccccc');
  -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.10); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.10); box-shadow: 0 2px 2px rgba(0,0,0,0.10)}
p.sitemap a:hover {background: #e4e4e4;
  background: -moz-linear-gradient(top, #ddd, #dadada);
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#dadada));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#dadada');}
p.sitemap a:active {color: #333}

/* Main Page - Bar
-------------------------------------------------------------- */
#bar {background: #fefefe; text-align: left; padding: 7px 10px; width: 944px; margin-bottom: 15px; display: inline-block; padding: 3px;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 2px 2px rgba(0,0,0,0.15)}
#bar > .col {display: inline-block; float: left}
#bar > .col {color: #555; position: relative}
#bar > .col a {color: #888}
#bar > .col b {font-family: HeaderBold; font-weight: normal}
#bar > .col.ticker {/*width: 550px;*/ padding-left: 5px; text-align: left; margin: 3px 0}
#bar > .col.ticker > ul li:first-child {display: inherit}
#bar > .col .title {display: inline-block; padding-right: 8px; margin-right: 3px; background: url(/images/ticker/div.gif) no-repeat top right}
#bar > .col.bible {/*width: 385px;*/ float: right; text-align: right; margin: 3px 4px}

/* Main Page - Icons
-------------------------------------------------------------- */
#icons {width: 950px; background: #fefefe; display: inline-block;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 2px 2px rgba(0,0,0,0.15)}
#icons a {width: 286px; height: 185px; padding: 15px; padding-bottom: 0; background: url(/images/layout/icon.jpg); float: left; display: inline-block; text-decoration: none; outline: none}
#icons a:hover {background-position: -320px 0}
#icons a > h3 {font-family: HeaderBold, Helvetica, Arial; font-size: 16px; color: #111; margin-bottom: 5px}
#icons a > p {color: #777; margin-bottom: 9px; line-height: 130%}
#icons a:first-child {-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px;}
#icons a:nth-child(3) {-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px;}
#icons a:nth-child(4) {-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;}
#icons a:last-child {-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;}
/*#icons a:nth-child(3n+1), #icons a:nth-child(3n+3) {width: 317px}*/
#icons a:nth-child(3n+1) {border-right: 1px solid #f4f4f4}
#icons a:nth-child(3n+3) {border-left: 1px solid #f4f4f4}
#icons a:nth-child(4), #icons a:nth-child(5), #icons a:nth-child(6) {border-top: 1px solid #f4f4f4}
  
/* Content Header
-------------------------------------------------------------- */
#content-header {width: 100%; height: 300px; min-height: 300px; background: #fefefe; display: inline-block; margin-bottom: 15px;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 2px 2px rgba(0,0,0,0.15)}
#content-header.high {height: 400px}
#content-header-right {/*width: 720px; min-height: 250px; background: red; position: relative; top: -20px; left: -20px;*/
width: 710px; min-height: 250px; background: red; position: relative; top: -15px; left: -15px; margin-bottom: 5px;
  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;}
#content-header h1, #content-header-right h1 {display: none}

/* Content
-------------------------------------------------------------- */
#content {width: 100%; background: #fefefe; border: 0px solid #dfdfdf; display: inline-block;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 2px 2px rgba(0,0,0,0.15)}
#content .sidebar {width: 229px; float: left; display: inline-block; margin-top: 10px; text-align: left}
#content .maincontent {width: 680px; min-height: 250px; padding: 20px; float: left; display: inline-block; text-align: left; /*border-left: 1px solid #dfdfdf*/ border-left: 1px solid #dfdfdf}
#content .maincontent.wide {width: 910px; border: 0}
#content .maincontent.narrow {width: 600px; border: 0}

.maincontent p {font-size: 13px; line-height: 150%; margin-bottom: 20px; letter-spacing: -.2px}
.maincontent p b {font-family: HeaderBold, Helvetica, Arial, sans-serif; font-weight: normal}
.maincontent h1, .maincontent h2, .maincontent h3 {line-height: 120%}
.maincontent h1, .maincontent h1 b {font-family: HeaderBold, Helvetica, Arial, sans-serif; font-size: 27px; color: #010101; margin-bottom: 17px; letter-spacing: -.7px;/*text-shadow: 0px 1px 1px #ccc*/}
.maincontent h2 {font-family: HeaderFont, Helvetica, Arial, sans-serif; font-size: 22px; /*color: #777;*/ color: #555; margin-bottom: 11px; letter-spacing: -.5px}
.maincontent h2 b {font-family: HeaderBold, Helvetica, Arial, sans-serif; font-weight: normal}
.maincontent h3 {font-family: HeaderFont, Helvetica, Arial, sans-serif; font-size: 17px; color: #999; margin-bottom: 10px; letter-spacing: -.3px}
.maincontent h4 {font-family: HeaderFont, Helvetica, Arial, sans-serif; font-size: 14px; color: #111; margin-bottom: 5px}
.maincontent h4 b {font-family: HeaderBold, Helvetical, Arial, sans-serif; font-weight: normal}

.maincontent ul, .maincontent ol {margin-left: 20px; margin-bottom: 20px}
.maincontent ol {margin-left: 30px}
.maincontent ul > li, .maincontent ol > li {line-height: /*120%*/ 140%; list-style: outside}
.maincontent ul > li {list-style-type: disc}
.maincontent ol > li {list-style-type: decimal}
.maincontent ul.no.style > li, .maincontent ol.no.style > li {list-style: none}
.maincontent ul.flush, .maincontent ol.flush {margin-left: 0}
.maincontent ul.no.style ul {margin-bottom: 0}
.maincontent blockquote {padding: 0px 20px}
/*.maincontent blockquote h3 {padding-left: 10px; border-left: 4px solid #ff8000}*/

.maincontent div.status {color: #fefefe; padding: 10px; background: #cc0000}
.maincontent div.status.top {margin-bottom: 10px}
.maincontent div.status a {color: #eee; text-decoration: underline}

.maincontent p.back {background: #f0f0f0; margin-bottom: 20px; display: inline-block; float: right;
  background: -moz-linear-gradient(top, #f7f7f7, #e0e0e0);
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e0e0e0));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e0e0e0');
  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;}
.maincontent p.back:active {background: #ccc;
  background: -moz-linear-gradient(top, #c0c0c0, #dfdfdf);
  background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#dfdfdf));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#dfdfdf');}
.maincontent p.back > a {font-size: 11px; color: #555; text-shadow: 0px 1px #fff; padding: 2px 7px 2px 25px; background: url(/images/layout/content/back-arrow.png) left center no-repeat; text-decoration: none; outline: none; display: inline-block}
.maincontent p.back > a:active {color: #333}

.maincontent div.picture {background: #f4f4f4; border: 1px solid #ccc; padding: 5px; display: inline-block; position: relative;
  -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px}
.maincontent div.picture.float.right {margin-left: 10px; margin-bottom: 10px}
.maincontent div.picture.float.left {margin-right: 10px; margin-bottom: 10px}
.maincontent div.picture > p {margin-bottom: 0}
.maincontent div.picture p.caption {font-size: 11px; color: #666; text-shadow: 0px 1px #fff; text-align: center; margin-top: 4px}
.maincontent div.picture .enlarge {background:url(/images/icon-enlarge.png) no-repeat top left; cursor:pointer; height:25px; position:absolute; top:-10px; left:-11px; width:25px}

.maincontent div.box {background: #f4f4f4; padding: 12px; display: block;
  -moz-border-radius: 5px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px}
.maincontent div.box > p:last-child {margin-bottom: 0}
.maincontent div.box.iblock {display: inline-block}
.maincontent div.small {width: 426px; display: inline-block}

.maincontent div.strip {display: inline-block; float: left}
.maincontent div.strip p a:hover, .maincontent div.strip ul a:hover {text-decoration: underline}
.maincontent div.strip.column {width: 440px}
.maincontent div.strip.right {margin-left: 20px}
.maincontent div.strip .column {float: none; display: block}
.maincontent div.strip .column > p {margin-bottom: 5px; line-height: normal}

.maincontent div.table-holder {border: 1px solid #eee; display: block; clear: both;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.maincontent table.list {width: 100%;}
.maincontent table.list td {padding: 7px 10px}
.maincontent table.list thead, .maincontent table.list tfoot {font-family: HeaderBold; font-size: 12px; color: #222; text-shadow: 0px 1px #fff;}
.maincontent table.list thead td {padding-top: 10px}
.maincontent table.list thead td:first-child {-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;}
.maincontent table.list thead td:last-child {-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;}
.maincontent table.list tfoot td:first-child {-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;}
.maincontent table.list tfoot td:last-child {-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;}
.maincontent table.list thead td, .maincontent table.list tfoot td {background: #ededed;
  background: -moz-linear-gradient(top, #ededed, #dfdfdf)}
.maincontent table.list tfoot, .maincontent table.list tbody tr {border-top: 1px solid #dfdfdf}
.maincontent table.list tbody tr:nth-child(even) {background: #f4f4f4}
.maincontent table.list tbody td.bold {font-family: HeaderBold, Helvetica, Arial, sans-serif; font-weight: normal}
.maincontent table.list tbody td.bold small {font-family: BodyFont, Helvetica, Arial, sans-serif; font-weight: normal}
.maincontent table.list tbody td.small {font-size: 11px}

/* Custom Styles
-------------------------------------------------------------- */
a[href="#top"] {font-size: 12px; color: #999; text-decoration: none; margin-top: 7px}
a[href="#top"] > span {width: 14px; height: 14px; background: url(/images/sprites.png) no-repeat top left; position: relative; top: 2px; margin-right: 7px; display: inline-block}
a[href="#top"]:hover {color: #0080cc}
a[href="#top"]:hover > span {background-position: -20px 0}

a[href="?print"] {font-size: 12px; color: #777; text-decoration: none}
a[href="?print"] > span,
  span.print {width: 16px; height: 16px; background: url(/images/sprites.png) no-repeat 0px -40px; position: relative; top: 2px; margin-right: 7px; display: inline-block}

a.pdf > span,
  span.pdf {width: 16px; height: 16px; background: url(/images/sprites.png) no-repeat -20px -40px; position: relative; top: 3px; margin-right: 7px; display: inline-block}
a.pdf > span.right, span.pdf.right {margin-left: 7px; margin-right: 0}

a.more {font-size: 12px; color: #0080cc; text-decoration: none}
a.more > span {width: 14px; height: 14px; background: url(/images/sprites.png) no-repeat -20px -20px; position: relative; top: 3px; margin-left: 7px; display: inline-block}
a.more:hover {color: #999}
a.more:hover > span {background-position: 0 -20px}

a.arrow {background: url(/images/link-arrow.png) no-repeat right center; padding-right: 10px}

/* Content Sidebar
-------------------------------------------------------------- */
.sidebar ul {width: 229px; letter-spacing: -.3px}
.sidebar ul li {display: block;
  background: #fff;
  background: -moz-linear-gradient(top, #fff, #f4f4f4);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f4f4));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4');}
.sidebar ul li > a {color: #777; text-shadow: 0px 1px #fff; border-bottom: 1px solid #dfdfdf; padding: 13px 15px; display: block;
  background: url(/images/layout/content/sidebar/arrow.png) no-repeat 200px 10px}
.sidebar ul li > a:hover {color: #cc8000; text-decoration: none; background-position: 200px -60px}
/*.sidebar ul li.current > a {color: #111; background: url(/images/layout/content/sidebar/current-arrow.png) no-repeat 200px 10px}*/
.sidebar ul li.current > a {color: #111; background-position: 200px -130px}
.sidebar ul li.current > a:hover {color: #111}
.sidebar ul li.current, .sidebar ul li.current:hover {background: #eee;
  background: -moz-linear-gradient(top, #f4f4f4, #d0d0d0);
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#d0d0d0));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#d0d0d0');}
.sidebar h1 {margin-bottom: 7px}
  
/* Content Sidebar Sub
-------------------------------------------------------------- */
.sidebar ul ul {width: 215px}
.sidebar ul ul {background: #f3f3f3; border-top: 1px solid #fafafa; border-bottom: 1px solid #dfdfdf; padding: 7px}
.sidebar ul ul li {background: none}
.sidebar ul ul li > a {font-size: 11px; color: #888; padding: 8px; background: none; border-bottom: 0}
.sidebar ul ul li > a:hover {color: #0080cc}
.sidebar ul ul li > a.current {color: #222}

/* Content Sidebar Div
-------------------------------------------------------------- */
.sidebar > div {padding: 20px; display: block}
.sidebar > div p {font-size: 12px; line-height: 150%; margin-bottom: 20px}
.sidebar > div h3 {font-family: HeaderFont, Helvetica, Arial, sans-serif; font-size: 14px; color: #6f6f6f; margin-bottom: 6px}
  
/* Content Structure
-------------------------------------------------------------- */
.column {display: inline-block; margin-bottom: 25px}
.column.center {text-align: center}
.column.block {display: block}
.column.grid2, .column.grid3, .column.grid4 {float: left; margin-right: 10px}
.column.grid2 {width: 335px}
.column.grid3 {width: 220px}
.wide .column.grid3 {width: 296px}
.maincontent.wide .column.grid4 {width: 220px}
.column.last, .wide .column.last {margin-right: 0}
/* CSS3 .grid2:nth-child(even),  .grid2:nth-child(even), .grid3:nth-of-type(3n) {margin-right: 0}*/
.column.grid2 p, .column.grid3 p {margin-bottom: 5px}
.column.grid2.auto:nth-child(even) {margin-right: 0}
.column a:hover {text-decoration: none}

.reel div > .grid2 {width: 325px}

/* Global Styles
-------------------------------------------------------------- */
/*.shadow {-moz-box-shadow: 0 2px 2px #777; -webkit-box-shadow: 0px 2px 2px #777; box-shadow: 0px 2px 2px #777}*/
.ast {font-style: normal; font-weight: normal; color: #cc0000; margin-left: 3px}
.shadow {-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.10); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.10); box-shadow: 0 1px 2px rgba(0,0,0,0.10)}
.border {border: 1px solid #d6d6d6}
.round {-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px}
.float.right {float: right}
.float.left {float: left}
img.float.right {margin-left: 10px}
img.float.left {margin-right: 7px; margin-bottom: 10px}
img.flush {position: relative}
img.flush.right {float: right; left: 20px}
.clear-right {clear: right}
.clear-left {clear: left}
.block {display: block}
.iblock {display: inline-block}
.margin-top.ten {margin-top: 10px}
.margin-top.fifteen {margin-top: 15px}
img.loading {display: none}
a.feed {background: url(/images/feed.png) no-repeat 0 1px; padding-left: 20px; display: inline-block}
small > a.feed {letter-spacing: 0}

ul.buttons {display: inline-block; background: #59ace9; border: 1px solid #225ca4; margin: 0;
  -moz-border-radius: 14px; -webkit-border-radius: 14px; -khtml-border-radius: 14px; border-radius: 14px}
ul.buttons li {list-style: none; float: left;
  background: #59ace9;
  background: -moz-linear-gradient(top, #59ace9, #377ad0);
  background: -webkit-gradient(linear, left top, left bottom, from(#59ace9), to(#377ad0));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#59ace9', endColorstr='#377ad0')}
ul.buttons li:first-child, ul.buttons li:first-child > a {
  -moz-border-radius-topleft: 13px; -webkit-border-top-left-radius: 13px; -khtml-border-top-left-radius: 13px; border-top-left-radius: 13px;
  -moz-border-radius-bottomleft: 13px; -webkit-border-bottom-left-radius: 13px; -khtml-border-bottom-left-radius: 13px; border-bottom-left-radius: 13px;}
ul.buttons li:last-child, ul.buttons li:last-child > a {
  -moz-border-radius-topright: 13px; -webkit-border-top-right-radius: 13px; -khtml-border-top-right-radius: 13px; border-top-right-radius: 13px;
  -moz-border-radius-bottomright: 13px; -webkit-border-bottom-right-radius: 13px; -khtml-border-bottom-right-radius: 13px; border-bottom-right-radius: 13px;}
ul.buttons li, ul.buttons li > a {font-size: 11px; text-decoration: none}
ul.buttons li > a {font-family: BodyFont, Helvetica, Arial, sans-serif; color: #fefefe; text-shadow: 0px -1px #225ca4; letter-spacing: -.2px; border-top: 1px solid #72b9eb; padding: 5px 8px; padding-top: 3px; display: inline-block; outline: none}
ul.buttons li:first-child > a {border-left: 0}
ul.buttons li:last-child > a {border-right: 0}
ul.buttons li:hover {background: #70b7ec;
  background: -moz-linear-gradient(top, #59ace9, #4589e1);
  background: -webkit-gradient(linear, left top, left bottom, from(#59ace9), to(#4589e1));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#59ace9', endColorstr='#4589e1')}
ul.buttons li:active {background: #2e7ed4;
  -moz-box-shadow: inset 0 0 10px #0b3d84; -webkit-box-shadow: 0 0 10px #0b3d84; box-shadow: 0 0 10px #0b3d84}
ul.buttons li:active > a {color: #f4f4f4; border-top: 1px solid #134c8b}

ul.buttons.black {border: 1px solid #111}
ul.buttons.black li {background: #222;
  background: -moz-linear-gradient(top, #555, #222);
  background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#222));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222')}
ul.buttons.black li:hover {background: #3f3f3f;
  background: -moz-linear-gradient(top, #5f5f5f, #303030);
  background: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#303030));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f5f5f', endColorstr='#303030')}
ul.buttons.black li:active {background: #333; -moz-box-shadow: inset 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000}
ul.buttons.black li:active a {border-top: 1px solid #1f1f1f}
ul.buttons.black li > a {text-shadow: 0 -1px #222; border-top: 1px solid #666}

ul.buttons.red {border: 1px solid #990000}
ul.buttons.red li {background: #cc0000;
  background: -moz-linear-gradient(top, #e42a2b, #931314);
  background: -webkit-gradient(linear, left top, left bottom, from(#e42a2b), to(#931314));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e42a2b', endColorstr='#931314')}
ul.buttons.red li:hover {background: #dd0000;
  background: -moz-linear-gradient(top, #eb3232, #a72325);
  background: -webkit-gradient(linear, left top, left bottom, from(#eb3232), to(#a72325));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb3232', endColorstr='#a72325')}
ul.buttons.red li:active {background: #ae1e20; -moz-box-shadow: inset 0 0 10px #660002; -webkit-box-shadow: 0 0 10px #660002; box-shadow: 0 0 10px #660002}
ul.buttons.red li:active a {border-top: 1px solid #921214}
ul.buttons.red li > a {text-shadow: 0 -1px #931314; border-top: 1px solid #f74545}

/*a.button {color: #fefefe; text-shadow: 0px -1px #497025; display: inline-block; border: 1px solid #527e2a; padding: 5px 10px;
  background: #75b43c;
  background: -moz-linear-gradient(top, #75b43c, #5f9231);
  background: -webkit-gradient(linear, left top, left bottom, from(#75b43c), to(#5f9231));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#75b43c', endColorstr='#5f9231');
  -moz-border-radius: 7px; -webkit-border-radius: 13px; -khtml-border-radius: 13px; border-radius: 13px}
a.button:hover {text-decoration: none; background: #7ec241;
  background: -moz-linear-gradient(top, #7ec241, #5f9231);
  background: -webkit-gradient(linear, left top, left bottom, from(#7ec241), to(#5f9231));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec241', endColorstr='#5f9231');}
a.button:active {background: #5f9231; -moz-box-shadow: inset 0 0px 10px #39581d; -webkit-box-shadow: 0 2px 2px #39581d; box-shadow: 0 2px 2px #39581d}*/
a.button {color: #555; text-shadow: 0 1px #fff; display: inline-block; border: 1px solid #ccc; padding: 4px 10px 5px 10px; outline: none;
  background: #f4f4f4;
  background: -moz-linear-gradient(top, #f6f6f6, #e4e4e4);
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e4e4e4));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e4e4e4');
	-moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.10); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.10); box-shadow: 0 1px 2px rgba(0,0,0,0.10)}
a.button:hover {color: #0080cc; text-decoration: none;
	background: #f7f7f7;
	background: -moz-linear-gradient(top, #f6f6f6, #efefef);
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#efefef));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#efefef');}
a.button:active {color: #444;
	background: #efefef;
	background: -moz-linear-gradient(top, #e4e4e4, #efefef);
  background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#efefef));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#efefef');}

a.button.blue {color: #fefefe; text-shadow: 0 -1px #076781; border: 1px solid #146c8f;
	background: #14a5d9;
  background: -moz-linear-gradient(top, #14a5d9, #147ea6);
  background: -webkit-gradient(linear, left top, left bottom, from(#14a5d9), to(#147ea6));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#14a5d9', endColorstr='#147ea6');}
a.button.blue:hover {
  background: #1aa7da;
  background: -moz-linear-gradient(top, #1aa7da, #14a5d9);
  background: -webkit-gradient(linear, left top, left bottom, from(#1aa7da), to(#14a5d9));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1aa7da', endColorstr='#14a5d9');
  -moz-box-shadow: inset 0 1px 0 #55c6e3; -webkit-box-shadow: inset 0 1px 0 #55c6e3; box-shadow: inset 0 1px 0 #55c6e3;}
a.button.blue:active {
  background: #147ea6;
  background: -moz-linear-gradient(top, #147ea6, #0098bf);
  background: -webkit-gradient(linear, left top, left bottom, from(#147ea6), to(#0098bf));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#147ea6', endColorstr='#0098bf');
  -moz-box-shadow: inset 0 1px 0 #666; -webkit-box-shadow: inset 0 1px 0 #666; box-shadow: inset 0 1px 0 #666;}

.maincontent .column.grid3 a.button {text-decoration: none}

a.button.big {color: #fefefe; text-shadow: 0 -1px #076781; border: 1px solid #146c8f; padding: 12px 30px; outline: none;
  background: #14a5d9;
  background: -moz-linear-gradient(top, #14a5d9, #147ea6);
  background: -webkit-gradient(linear, left top, left bottom, from(#14a5d9), to(#147ea6));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#14a5d9', endColorstr='#147ea6');
  -moz-box-shadow: inset 0 1px 0 #55c6e3; -webkit-box-shadow: inset 0 1px 0 #55c6e3; box-shadow: inset 0 1px 0 #55c6e3}
a.button.big:hover {
  background: #1aa7da;
  background: -moz-linear-gradient(top, #1aa7da, #14a5d9);
  background: -webkit-gradient(linear, left top, left bottom, from(#1aa7da), to(#14a5d9));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1aa7da', endColorstr='#14a5d9');
  -moz-box-shadow: inset 0 1px 0 #55c6e3; -webkit-box-shadow: inset 0 1px 0 #55c6e3; box-shadow: inset 0 1px 0 #55c6e3}
a.button.big:active {
  background: #147ea6;
  background: -moz-linear-gradient(top, #147ea6, #0098bf);
  background: -webkit-gradient(linear, left top, left bottom, from(#147ea6), to(#0098bf));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#147ea6', endColorstr='#0098bf');
  -moz-box-shadow: inset 0 1px 0 #666; -webkit-box-shadow: inset 0 1px 0 #666; box-shadow: inset 0 1px 0 #666}
a.button.caps {text-transform: uppercase}
a.button.block {display: block}

a.button > span.download {width: 15px; height: 14px; background: url(/images/sprites.png) no-repeat -40px 0px; display: inline-block; position: relative; top: 2px; margin-right: 10px}

div.message {padding: 5px 7px; display: block; background: #a7d7aa; margin-bottom: 10px;}
div.message p:last-child {margin-bottom: 0}

/* Forms
-------------------------------------------------------------- */
input, select, textarea {font-family: BodyFont, Helvetica, Arial, sans-serif; font-size: 13px; background: #fafafa; padding: 7px;
  border: 1px solid #ccc; border-bottom-color: #aaa;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px}
input[type=button], input[type=Submit], select {padding: 5px;}
input[type=button], input[type=Submit] {text-shadow: 0 -1px #076781; border-color: #146c8f; color: #fefefe; outline: none;
  /*background: -moz-linear-gradient(top, #f1f1f1, #d7d7d7);
  background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#d7d7d7));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1f1f1', endColorstr='#d7d7d7');
  -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff*/
  background: #14a5d9;
  background: -moz-linear-gradient(top, #14a5d9, #147ea6);
  background: -webkit-gradient(linear, left top, left bottom, from(#14a5d9), to(#147ea6));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#14a5d9', endColorstr='#147ea6');
  -moz-box-shadow: inset 0 1px 0 #55c6e3; -webkit-box-shadow: inset 0 1px 0 #55c6e3; box-shadow: inset 0 1px 0 #55c6e3}
input[type=button]:active, input[type=Submit]:active {
  /*background: -moz-linear-gradient(top, #ccc, #d7d7d7);
  background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#d7d7d7));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#d7d7d7');
  -moz-box-shadow: inset 0 1px 0 #dfdfdf; -webkit-box-shadow: inset 0 1px 0 #dfdfdf; box-shadow: inset 0 1px 0 #dfdfdf*/
  background: #147ea6;
  background: -moz-linear-gradient(top, #147ea6, #0098bf);
  background: -webkit-gradient(linear, left top, left bottom, from(#147ea6), to(#0098bf));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#147ea6', endColorstr='#0098bf');
  -moz-box-shadow: inset 0 1px 0 #666; -webkit-box-shadow: inset 0 1px 0 #666; box-shadow: inset 0 1px 0 #666}
label span.title > em {font-style: normal; font-weight: normal; color: #cc0000; margin-left: 3px}

label.error {color: #fff; background: #cc0000; padding: 8px; position: relative; /*top: 10px; */ top: 6px; margin-left: 5px; vertical-align: top;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px}

/* Form Styles
-------------------------------------------------------------- */
form span.title {text-align: right; display: inline-block; margin-right: 7px}
form label span.title {width: 100px}
form span.title.inline {margin-left: 7px; margin-right: 0}
form label.top span.title {vertical-align: top; margin-top: 7px}
form input[type="text"], form input[type="password"], form input[type="submit"] {min-width: 200px}
form textarea {height: 87px; width: 300px}
form span.status {font-size: 11px; letter-spacing: .2px; color: #fff; background: #cc0000; padding: 7px; display: block;
  -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px}
form span.status.top {margin-bottom: 15px}
form em {font-style: normal; color: red}
.maincontent form p {margin-bottom: 7px}
.maincontent form #status {color: #555; background: #f4f4f4; border: 4px solid #cc0000; padding: 10px; margin-bottom: 10px; display: none;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px}

.login-form {}
.login-form label {width: 80px; text-align: right; margin-right: 7px; display: inline-block}
.login-form input[type="text"], .login-form input[type="password"] {width: 170px; margin-bottom: 7px}
.login-form label.error {padding-top: 9px; padding-right: 0; height: 16px; position: relative; top: 0}
.login-form input[value="Login"] {margin-left: 87px}

/* Table
-------------------------------------------------------------- */
div.table {width: 100%; display: table}
div.table div.cell {padding: 5px 0; margin-bottom: 7px}
div.table.col2 div.left {width: 15%; text-align: right; float: left; margin-right: 20px}
div.table.col2 div.right {width: 80%; float: left}

/* Global Overrides
-------------------------------------------------------------- */
a[box] {outline: none}
a[href][box]:hover h1, a[href][box]:hover h2, a[href][box]:hover h3 {color: #0080cc}
a[box] p, a[box]:hover p {color: #444}
a[box] img, img.box {border: 5px solid #eee; margin-bottom: 7px;
  -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px}
a[href][box]:hover img {border-color: #c2ebf9}

/* UI Autocomplete
-------------------------------------------------------------- */
.ui-autocomplete {background: #fafafa; text-align: left; width: 235px; position: absolute; top: 12px;
  border: 1px solid #ccc;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px}
.ui-autocomplete li, .ui-autocomplete li a {cursor: pointer}
.ui-autocomplete li {padding: 3px 5px}
.ui-autocomplete li a {font-size: 12px; color: #444; display: block}
.ui-autocomplete li a:hover {text-decoration: none}
.ui-autocomplete li:nth-child(even) {background: #efefef}
.ui-autocomplete li:first-child {
  -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;}
.ui-autocomplete li:last-child {-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;}
.ui-autocomplete li:hover {background: #c4edfb}
* html .ui-autocomplete {width:1px}

#numbers {width: 500px; position: fixed; left: 0; top: 0}

/* Custom Pages
-------------------------------------------------------------- */
/* News > Press Releases ------------------------------------- */
ul.pr {font-size: 13px; list-style: none; }
ul.pr > li {display: block; margin-bottom: 15px; line-height: 140%}
ul.pr > li span {color: #888; text-align: right; display: inline-block; float: left; width: 13%; margin-right: 20px}
ul.pr > li a {color: #444; display: inline-block; float: left; width: 82%; margin-left: 0; margin-bottom: 10px}

/* Pictures > Videos ------------------------------------- */
#picture-viewer > .viewer {/*width: 100%*/ min-height: 100px; display: block; margin: 0 auto;
  background: #333;
  background: -moz-linear-gradient(top, #222, #444);
  background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#444));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#444444');
  -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
#picture-viewer > .viewer > .picture {width: 100%; height: 100%; display: inline-block; margin: 0; padding: 0; border: 0;
  background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
  -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px}
#picture-viewer > .browser {padding: 5px; margin-top: 10px; display: block; background: red;
  background: #efefef;
  background: -moz-linear-gradient(top, #efefef, #f7f7f7);
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f7f7f7));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f7f7f7');
  -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px}

/* Media > Videos ------------------------------------- */
#video-player {min-height: 300px; padding: 5px; display: block;
  background: #333;
  background: -moz-linear-gradient(top, #222, #444);
  background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#444));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#444444');
  -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px}
#video-player > .video {width: 640px; min-height: 360px; padding: 15px}
#video-player > .info {padding: 0 10px}
#video-player > .info h2 {font-family: HeaderBold, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 100; color: #fff}
#video-player > .info p {color: #bbb; line-height: 120%}
#video-player > .info a {color: #888}
#video-player > .info p:last-child {margin-bottom: 15px}

#video-gallery {border: 1px solid #eaeaea; margin-top: 10px; display: inline-block;
  -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px}
#video-gallery > h3 {font-size: 14px; color: #555; text-shadow: 0px 1px #fff; background: blue; padding: 9px 8px; padding-bottom: 8px; margin: 0; display: block;
  background: -moz-linear-gradient(top, #f7f7f7, #e0e0e0);
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e0e0e0));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e0e0e0');
  -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px;}
#video-gallery > .categories, #video-gallery > .list {border-top: 0px solid #eaeaea; display: inline-block; float: left}
#video-gallery > .categories {width: 163px; height: 380px; background: #fcfcfc; border-right: 1px solid #eaeaea;}
#video-gallery > .categories > ul, #video-gallery > .categories > ul li {margin: 0; list-style: none}
#video-gallery > .categories > ul li {border-bottom: 1px solid #eaeaea;
	background: #f4f4f4;
  background: -moz-linear-gradient(top, #fafafa, #f4f4f4);
  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f4f4f4));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f4f4f4');
	-moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px;}
#video-gallery > .categories > ul li:hover {background: #fafafa}
#video-gallery > .categories > ul li a {font-size: 11px; color: #666; text-decoration: none; padding: 9px 8px; display: block}
#video-gallery > .categories > ul li a.active {color: #222}
#video-gallery > .categories > ul li a:hover {color: #222}
#video-gallery > .list {width: 508px; padding: 3px; overflow: hidden}
#video-gallery > .list > .category {display: block; height: 374px; overflow: auto}
#video-gallery > .list > .category ul, #video-gallery > .list > .category li {vertical-align: top; display: inline-block; margin: 0; list-style: none}
#video-gallery > .list > .category li {width: 120px; margin-right: 3px}
#video-gallery > .list > .category li p {font-size: 11px; line-height: 100%; height: 25px; margin-bottom: 5px; display: block; overflow: hidden}
#video-gallery > .list li img {width: 112px; height: 84px; border: 4px solid #f4f4f4;
  -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px;}
#video-gallery > .list li a {color: #666}
#video-gallery > .list li a:hover img {border-color: #c2ebf9}
#video-gallery > .categories > ul li a, #video-gallery > .list > .category li a {cursor: pointer; outline: none}

/* Ministries > Schools ------------------------------------- */
.ministries-schools .maincontent .column.grid2 p {margin-bottom: 10px}

/* iMember Streaming Packages ------------------------------------- */
#packages {}
#packages .package {display: inline-block; float: left}
#packages .package.church {width: 209px; margin-right: 10px}
#packages .package.pay {width: 230px; display: inline-block; margin: 10px 1px 0 0}
#packages .package.last {margin-right: 0}

#packages .package.pay ul, #packages .package.pay ul li {list-style: none; margin: 0}
#packages .package.pay ul li.header {font-size: 11px; color: #fefefe; text-align: center; text-transform: uppercase; padding: 5px 0;
  -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px;}
#packages .package.pay ul li.price {font-size: 60px; font-family: Helvetica, Arial, sans-serif; color: #fefefe; font-weight: bold; text-shadow: 0 1px 1px #333; letter-spacing: -1px; padding: 30px 0 70px 0; text-align: center}
#packages .package.pay ul li.info {min-height: 100px; background: #efefef; padding: 10px 15px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;}

  /* Blue */
	#packages .package.pay.blue ul li.header {border-bottom: 1px solid #1cabcb;
		background: #1c5872;
		background: -moz-linear-gradient(top, #216a89, #184155);
		background: -webkit-gradient(linear, left top, left bottom, from(#216a89), to(#184155));
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#216a89', endColorstr='#184155');}
	#packages .package.pay.blue ul li.price {background: #efefef url(/images/layout/packages/blue.png) no-repeat top center}
	
	/* Green */
	#packages .package.pay.green ul li.header {border-bottom: 1px solid #77cc71;
		background: #36592d;
		background: -moz-linear-gradient(top, #4b7044, #1c3d10);
		background: -webkit-gradient(linear, left top, left bottom, from(#4b7044), to(#1c3d10));
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b7044', endColorstr='#1c3d10');}
	#packages .package.pay.green ul li.price {background: #efefef url(/images/layout/packages/green.png) no-repeat top center}
	
	/* Purchased */
	#packages .package.purchased {width: 421px; padding: 20px; background: #efefef; display: block; position: relative;
	  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px}
	#packages .package.purchased img.ribbon {position: absolute; right: -5px; top: -5px}

/* Clearfix
-------------------------------------------------------------- */
.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%;}
}