ol#accessibility-nav {
    position: absolute;
    top: -999em;
    left: -999em;
    height: 1px;
    width: 1px;
}



body {
    margin: 10px 0 40px 0;
    padding: 0;
    font: 13px/1.231 verdana, arial, sans-serif; *font-size:small; 
    color: #ccc;
    background: #333;
}
#outer-shell {
    position: relative;
    width: 960px;
    margin: 0 auto;
    background: #fff;
    color: #333;
    padding: 70px 30px 30px 30px;
}






/**
 *
 * FORMS
 *
**/

input, select, textarea, button {
    font-size: 0.9em;
    font-family: verdana, arial, sans-serif;
}
input[type=text], input[type=password], input[type=email], textarea {
    border: 1px solid #bbb;
    padding: 3px;
    margin: 0;
}
input.inactive {
    color: #aaa;
}







/**
 *
 * GENERAL TYPOGRAPHY, PARAGRAPH LAYOUT
 *
**/
p, ul, ol {
    margin: 0.8em 0 0.8em 0;
}
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 0 0;
}
#page-title, #zd-content1 h2, #zd-content1 h1 {
    margin-top: 0;
    font-size: 1.3em;
}
#page-title + #zd-intro + div, #page-title + #zd-intro + form {
    margin-top: 1em;
}
img {
    border: none;
    -ms-interpolation-mode: bicubic;
}
img.right, img.left {
    margin: 10px;
}







/**
 *
 * HEADER/MASTHEAD
 *
**/
#masthead h1 {
    margin: 0;
    padding: 20px 0 0 20px;
    font-family: georgia, serif;
    font-size: 2em;
    font-weight: normal;
    height: 52px;
}
#disclaimer {
    padding: 10px 20px;
    color: #666;
}
#masthead-image {
    width: 225px;
    height: 160px;
    position: absolute;
    right: 30px;
    top: 20px;
    background: url(../images/masthead-image-bg.png) no-repeat;
    padding: 7px;
}
#topnav {
    position: absolute;
    top: 40px;
    right: 280px;
}
#topnav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#topnav li {
    float: left;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    border-right: 1px solid #bbb;
}
#topnav li.last {
    border: none;
}
#topnav a {
    color: #666;
}







/**
 *
 * CONTENT
 *
**/
#content-shell {
    padding: 20px 5px 20px 10px;
    line-height: 1.5em;
}
#nav {
    width: 230px;
    float: left;
    font-family: georgia, sans-serif;
    font-size: 1.1em;
    border-right: 1px solid #ccc;
}
#nav ul {
    margin: 0;
    padding: 0;
}
#nav ul ul {
    margin: 0 0 0 1em;
}
#nav ul.zd-sub-nav {
    display: none;
}
#nav li.zd-nav-active ul.zd-sub-nav {
    display: block;
}
#nav .zd-nav-levelless-current {
    font-weight: bold;
}
#content {
    margin: 0 0 0 230px;
    padding: 10px 0 0 30px;
    border-left: 1px solid #ccc;
    font-family: georgia, sans-serif;
}
#main-content {
    padding: 0 10px 0 0;
    min-height: 300px;
}
#index2 #content {
    margin: 20px 0 0 230px;
}
#index2 #main-content {
    width: 430px;
    padding: 0 20px 0 0;
    margin: 0;
    border-right: 1px solid #ddd;
}
#index2 #zd-content1 {
    position: relative;
    top: -20px;
    
}
#sidebar {
    width: 210px;
    float: right;
    font-family: georgia, sans-serif;
    font-size: 0.9em;
    line-height: 1.5em;
    padding: 10px 0 0 20px;
}
#sidebar ul {
    margin: 0 0 0 2em;
    padding: 0;
}






/**
 *
 * FOOTER
 *
**/
#footer {
    clear: both;
    font-size: 0.85em;
    padding: 20px 0 0 0;
    text-align: center;
    border-top: 1px solid #aaa;
    color: #666;
}
.copyright-line, #zd-social-links {
    display: inline;
    margin: 0 0 0 20px;
}



/**
 *
 * MISC
 *
**/

div.clear {
    clear: both;
}
hr {
    border: none;
    border-top: 1px solid #ccc;
}
.error, .label-problem, .problem {
/*    color: #f00 !important;*/
}
.error {
    color: #c00;
}





/**
 *
 * NON-GREYSCALE COLORS, DECORATIONS
 *
**/

a:link, a:visited {
    color: #2f3e85;
    text-decoration: none;
}
a:hover {
    color: #4f7ec5;
    text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
    color: #2f3e85;
}
#masthead h1 {
    color: #fff;
    background: #2f3e85;
    background: #2f3e85 -webkit-gradient(linear, left top, right bottom, from(#2f3e85), to(#fff)) no-repeat;
    background: -moz-linear-gradient(left,#2f3e85,#ffffff);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorStr=#2f3e85, endColorStr=#ffffff);
}
#masthead h1 a {
    color: #fff;
}
#nav {
    color: #2f3e85;
}
#nav li.level-0.zd-nav-active > span {
    background-color: #ebedf9;
}
#nav ul {
    list-style-type: none;
}
#nav li span {
    padding: 3px 0 3px 22px;
    display: block;
    background: url(../images/bullet-off.gif) 7px 8px no-repeat;
}
#nav li.zd-nav-levelless-active > span {
    background-image: url(../images/bullet-on.gif);
}







/**
 *
 * INFO
 *
**/
div.author, div.date {
    margin: 0.8em 0;
}





/**
 *
 * BLOG
 *
**/

ul.blog-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.blog-list h3 {
    margin: 1em 0;
    font-size: 1.1em;
}
ul.blog-list li {
    padding-bottom: 1em;
    border-bottom: 1px solid #ddd;
}



/**
 *
 * NEWS
 *
**/
ul.news-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.news-list .title {
    margin: 1em 0;
    font-size: 1.1em;
    font-weight: bold;
}
ul.news-list li {
    padding-bottom: 1em;
    border-bottom: 1px solid #ddd;
}



/**
 *
 * ARTICLES
 *
**/
ul.article-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.article-list .title {
    margin: 1em 0;
    font-size: 1.1em;
    font-weight: bold;
}
ul.article-list li.item {
    padding-bottom: 1em;
    border-bottom: 1px solid #ddd;
}





/***
 *
 * FEEDBACK
 *
**/
.feedback-form {
    border: 1px solid #ddd !important;
    padding: 20px !important;
    background: #f8f8f8 !important;
    margin: 1em 0;
}
.feedback-readonly {
    margin: 1em 0;
}
.feedback-readonly .row-odd {
    background: #eee;
}




/***
 *
 * CALENDAR
 *
**/
.calendar-nav {
    margin: 0.8em 0 1em 0;
}
ul.calendar-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.calendar-list .title, ul.calendar-list .datetime {
    margin: 1em 0;
    font-size: 1.1em;
    font-weight: bold;
}
ul.calendar-list li.event-date {
    border-top: 1px solid #ddd;
    margin-bottom: 1em;
}
#calendar-outer-shell {
    padding: 0 0 1em 0;
}
.calendar-thumb-shell table {
    clear: both;
    width: 100%;
    border-collapse: collapse;
    background: #ccc;
    border-spacing: 0;
    border: none;
    border-left: 1px solid #ccc;
}
.calendar-thumb-shell td, .calendar-thumb-shell th {
    width: 14%;
    background: #fff;
    vertical-align: top;
    padding: 0;
    margin: 0;
}
.calendar-thumb-shell th {
    text-align: center;
    border: none;
    border: 1px solid #77a;
/*    background: #888 url(../res_images/grad.php?w=5&h=25&s=aaa&e=888) repeat-x;*/
    background: #88b;
    color: #fff;
    padding: 5px;
    font-weight: normal;
}
.calendar-thumb-shell td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 95px;
}
.calendar-thumb-shell td.empty {
    background: #eee;
}
.calendar-thumb-shell {
    width: 200px;
    float: left;
    margin: 1em 20px 0 0;
    height: 210px;
}
.calendar-thumb-shell table {
/*    width: auto;*/
}
.calendar-thumb-shell .current-view {
    background: #558;
    color: #fff;
    padding: 5px;
    text-align: center;
}
.calendar-thumb-shell th {
    padding: 3px;
}
.calendar-thumb-shell td {
    height: auto;
/*    padding: 3px;*/
    text-align: center;
    height: 12px;
}
.calendar-thumb-shell .event-shell .day-of-month {
    display: block;
    padding: 3px;
}
.calendar-thumb-shell .event-shell a {
    display: block;
/*    color: #88d;*/
/*    background: #ffd;*/
}
.calendar-thumb-shell .has-events {
/*    background: #f4f4ff;*/
}
.calstyle-plain {
    background: #ffd !important;
/*    border-bottom: 1px solid #cde;*/
}
.calendar-shell td .event a.not-first.calstyle-plain {
    color: #d8f0ff;
}
.calstyle-1 {
    background: #feb !important;
    border-bottom: 1px solid #eed8a8;
}
.calendar-shell td .event a.not-first.calstyle-1 {
    color: #feb;
}
.calstyle-2 {
    background: #fbe !important;
    border-bottom: 1px solid #eea8d8;
}
.calendar-shell td .event a.not-first.calstyle-2 {
    color: #fbe;
}
.calstyle-3 {
    background: #ebf !important;
    border-bottom: 1px solid #d8a8ee;
}
.calendar-shell td .event a.not-first.calstyle-3 {
    color: #ebf;
}
.calstyle-4 {
    background: #efb !important;
    border-bottom: 1px solid #d8eea8;
}
.calendar-shell td .event a.not-first.calstyle-4 {
    color: #efb;
}
.calstyle-5 {
    background: #bef !important;
    border-bottom: 1px solid #a8d8ee;
}
.calendar-shell td .event a.not-first.calstyle-5 {
    color: #bef;
}
.calstyle-6 {
    background: #bfe !important;
    border-bottom: 1px solid #a8eed8;
}
.calendar-shell td .event a.not-first.calstyle-6 {
    color: #bfe;
}
.calstyle-7 {
    background: #fcc !important;
    border-bottom: 1px solid #eeb8b8;
}
.calendar-shell td .event a.not-first.calstyle-7 {
    color: #fcc;
}
.calstyle-8 {
    background: #cfc !important;
    border-bottom: 1px solid #b8eeb8;
}
.calendar-shell td .event a.not-first.calstyle-8 {
    color: #cfc;
}
.calstyle-9 {
    background: #ccf !important;
    border-bottom: 1px solid #b8b8ee;
}
.calendar-shell td .event a.not-first.calstyle-9 {
    color: #ccf;
}
.event-location-search {
    margin: 0 0 1em 0;
}




/***
 *
 * COMMUNITY
 *
**/
ul.people-list, li.person {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.people-list {
    margin: 1.5em 0 0 0;
}
ul.people-list li.person {
    width: 300px;
    float: left;
    margin: 0 0 1em 0;
}
ul.people-list li.person .image {
    float: left;
    margin: 0 10px 10px 0;
}
.person-detail .person-image {
    float: right;
    margin: 0 0 10px 10px;
}
.update-link {
    margin: 1em 0;
}
#community-account .update-link a {
    background: #EBEDF9;
    padding: 4px 8px;
}
#community-account .label {
    font-weight: bold;
    color: #555;
}
#community-account table {
    border-spacing: none;
    border-collapse: collapse;
}
#community-account table td {
    vertical-align: top;
    padding: 5px 10px 5px 0;
    border-bottom: 1px solid #ddd;
}
#community-account h5 {
    font-size: 1.1em;
    margin: 1em 0;
}
#community-account .password-note {
    color: #888;
    background: #eee;
}
.form-note {
    color: #888;
    font-size: 0.85em;
    padding: 0 0 0 0.25em;
    display: block;
}
.form-table td {
    vertical-align: top;
}
.form-header {
    font-weight: bold;
    border-top: 1px solid #ddd;
    display: block;
    padding: 1em 0 0 0;
}
.label-problem {
    color: #c00;
    background: #fee;
}

/***
 *
 * TOOLTIPS
 *
**/
.zd-tooltip {
    font-size: 11px;
	padding: 7px;
	width: 200px;
    border-width: 2px !important;
	position: absolute;
/*    background: #fe9 url(../res_images/grad.php?w=1&h=40&s=ffc&e=fe9) top repeat-x;*/
/*    background: #fff url(../res_images/grad.php?w=1&h=40&s=fff&e=eef8ff) bottom repeat-x;*/
    background: #f8f8ff;
/*    border: 2px solid #ffdd66;*/
    border: 2px solid #9bd;
	text-align: left;
}
.zd-tooltip .zd-tooltip-pointer-down, .zd-tooltip .zd-tooltip-pointer-down-inner {
	position: absolute; 
	width: 0; 
	height: 0; 
	border-bottom-width: 0;
	background: none;
}
.zd-tooltip .zd-tooltip-pointer-down {	
	border-left: 7px solid transparent; 
	border-right: 7px solid transparent;
	border-top-width: 14px;
	bottom:	-14px;
	right: auto;
	left: 50%;
	margin-left: -7px;
	/* arrow border color */
    border-top: 14px solid #9bd;
}
.zd-tooltip .zd-tooltip-pointer-down-inner {
	border-left: 5px solid transparent; 
	border-right: 5px solid transparent;
	/* arrow content bg color */
    border-top: 10px solid #eef8ff;
	bottom:	auto;
	top: -14px;
	left: -5px;
}
.zd-tooltip .zd-tooltip-pointer-left, .zd-tooltip .zd-tooltip-pointer-left-inner {
	position: absolute; 
	width: 0; 
	height: 0; 
	border-bottom-width: 0;
	background: none;
}
.zd-tooltip .zd-tooltip-pointer-left {	
	border-bottom: 7px solid transparent; 
	border-top: 7px solid transparent;
	border-right-width: 14px;
	bottom:	-14px;
	top: auto;
	bottom: 50%;
	left: -14px;
	margin-bottom: -7px;
	/* arrow border color */
    border-right: 14px solid #9bd;
}
.zd-tooltip .zd-tooltip-pointer-left-inner {
	border-bottom: 5px solid transparent; 
	border-top: 5px solid transparent;
	/* arrow content bg color */
    border-right: 10px solid #eef8ff;
	left:	auto;
	right: -14px;
	bottom: -5px;
}
.zd-tooltip .zd-tooltip-pointer-right, .zd-tooltip .zd-tooltip-pointer-right-inner {
	position: absolute; 
	width: 0; 
	height: 0; 
	border-bottom-width: 0;
	background: none;
}
.zd-tooltip .zd-tooltip-pointer-right {	
	border-bottom: 7px solid transparent; 
	border-top: 7px solid transparent;
	border-left-width: 14px;
	bottom:	-14px;
	top: auto;
	bottom: 50%;
	right: -14px;
	margin-bottom: -7px;
	/* arrow border color */
    border-left: 14px solid #9bd;
}
.zd-tooltip .zd-tooltip-pointer-right-inner {
	border-bottom: 5px solid transparent; 
	border-top: 5px solid transparent;
	/* arrow content bg color */
    border-left: 10px solid #eef8ff;
	right:	auto;
	left: -14px;
	bottom: -5px;
}
.zd-tooltip ul, .zd-tooltip li {
    margin: 0;
    padding: 0;
}
.zd-tooltip li {
    margin: 0 0 5px 15px;
}
.prev-month a, .next-month a {
    color: #fff;
    margin: 0 1em;
}

.zd-template {
    zoom: 1;
}


/***
 *
 * GLOSSARY
 *
**/
.glossary-alpha-nav .search-box {
    margin: 0 0 0.25em 0;
}
.glossary-alpha-nav a {
    margin: 0 0.25em 0 0;
}
dl.word-list dt {
    font-weight: bold;
    margin-top: 0.5em 0 0 0;
}
dl.word-list dd {
    margin: 0.25em 0 1em 1em;
}
dl.word-list p {
    margin: 0;
}


.browse-nav {
    margin: 0.8em 0;
}


.gallery-slideshow-pos {
    clear: both;
}
.gallery-slideshow-pos .active {
    font-weight: bold;
}
.gallery-slideshow-pos .slide-name {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}



.hidden {
    display: none;
}