/*****************************
  Default Style Elements
*****************************/

body, form, table, img, pre {font-size:12px; font-family:Georgia, Georgia, serif; color:#666; border-style:none; border-width:0px; padding:0; margin:0;}
td, p, div, span, a, .pageBody {font-size:12px; font-family:Georgia, Georgia, serif; color:#666; text-align:justify;}
body#pixelsilk {text-align:center; background:#ddeefe url('/site-bg.gif') repeat-x;}
.ThemeContainer {position: relative; width:810px; margin:0 auto; text-align:left; background:#fff;}
a, a:link, a:visited {color:#48c;text-decoration:none;}
a:active, a:hover {color:#48c;text-decoration:underline;}
a span {color: #48c;}

body.home div.ThemeContainer {background:#fff url('/DK-new-home-header.jpg') no-repeat /*10px 0*/;}
body.home div.ThemeContainer div.divContent {position: relative; margin: /*314px*/0; padding: 5px 0 15px; width: 800px; background: url('/content-bg.gif') repeat-x;}
body.home div.ThemeContainer div.divContent div#divContentColumn {float: left; margin: 0 0 0 25px; width: 300px;}

body.pagesFull {}

body.advice div.ThemeContainer {background:#fff url('/advice-bg.jpg') no-repeat 10px 0;}
body.advice div.ThemeContainer div.divContent {position: relative; margin: 50px 0 0; width: 810px; line-height:18px;}
body.advice div.ThemeContainer div#divLeftColumn {float: left; width:240px; margin: 0; padding-bottom: 25px;}
body.advice div.ThemeContainer div#divContentColumn {float:left; width:483px; margin:0 0 0 25px; padding-bottom: 25px;}

body.chart div.ThemeContainer {background:#fff url('/advice-bg.jpg') no-repeat 10px 0;}
body.chart div.ThemeContainer div#divContentColumn {width:790px; margin:0; padding-bottom: 25px;}

/* Heading Styles */
h1, h2, h3, h4, h5 {color:#333/*#8a7*/; margin:0; padding:0 0 5px 0;}
h1 {font-size:16px; /*color:#88aa77;*/ margin:0 0 10px 0; padding:0;}
h2 {font-size:16px; color:#333;}
h3 {font-size:14px;}
h4 {font-size:11px;}
h5 {font-size:10px;}
h1.home {font-size: 18px; margin: 0; padding: 0;}
h2.home {padding: 0 0 10px 0; color:#88aa77;}
h2 a {font-size: 16px; font-weight: normal;}
p {margin:0; padding:0 0 10px 0;}
hr {background:#0D77C4; color:#0D77C4; height:1px; border:0px;}

#Menu {position: absolute; left: 5px; top: 0; width: 800px; height: 44px; z-index: 10;}

/* Header Styles */
#divHomeHeader {position: relative; /*left: 0; top: 0;*/ margin: 0; width: 810px; height:314px; z-index: 1;}
#divHomeHeader #titleText {position: absolute; left: 38px; top: 83px; width: 199px; height: 142px;}
#divHomeHeader #tagline {position: absolute; left: 270px; top: 208px; width: 277px; height: 50px; text-align: right;}

#divAdviceHeader {margin: 0 10px; height: 167px; position: relative;}
#divAdviceTaglineImage {position: absolute; left: 250px; top: 57px/*13px*/; width: 238px; height: 78px;}
#divAdviceTaglineText {position: absolute; left: 509px; top: 74px/*30px*/; width: 250px; height: 50px; color: #326d9c; font-size: 12px; line-height: 16px;}
#divAdviceTaglineText div {color: #326d9c; font-size: 12px; line-height: 16px;}

#divSubpageHeader {position: relative; /*left: 0; top: 0;*/ margin: 0; width: 810px; height:133px/*180px*/; z-index: 1;}

/* Menu Styles */
div#subNavigation {display:none;}

/* Home Page Styles */
/*.divHomeContent {padding:10px 0 0 0; margin:0 10px 10px 10px; background:url(/home-content-bg-grad.gif) repeat-x 0 61px;}*/

#divHomeLeft {float:left; margin: 0 0 0 10px; width:225px;}
#divHomeLeft ul {margin: 0; padding: 0; list-style: none; border-top: 1px #9EC5E6 solid;}
#divHomeLeft ul li {margin: 0; padding: 5px 0 5px 15px; border-bottom: 1px #9EC5E6 solid; background: url('/list-arrow.gif') no-repeat 0 11px;}
#divHomeLeft ul li a {font-weight: bold;}

#divHomeRight {float:left; margin: 0 0 0 20px; width:220px;}

.mission {margin: 15px 0; padding: 10px; color: #4089CD; font-style: italic; text-align: center; border-top: 2px #4089CD solid; border-bottom: 2px #4089CD solid;}
.mission h3 {color: #4089CD; font-style: normal;}

.homeCTA {position: relative; margin: 0; padding: 10px 0 0 0; background: #4785BE url('/home-cta-top.gif') no-repeat left top;}
.homeCTA .inner {margin: 0; padding: 0 0 10px 0; background: #4785BE url('/home-cta-bottom.gif') no-repeat left bottom;}
.homeCTA .inner div {margin: 0; padding: 0 15px 1px 15px; color: #fff; background: #4785BE;}
.homeCTA .inner div ul {margin: 0; padding: 0; list-style: none;}
.homeCTA .inner div ul li {margin: 0; padding: 5px 0 5px 15px; color: #fff; line-height: 14px; text-align: left; background: url('/list-arrow-white.gif') no-repeat 0 9px;}
.homeCTA .inner div ul li a {color: #fff;}

#homeSocialMedia {margin: 25px 0; text-align: center;}
#homeSocialMedia div {margin: 5px 0; text-align: center;}

#emailSignup {position: relative; width: 219px; height: 21px;}
#emailSignup .txtField {position:absolute; left: 0; top:0; width: 176px; height:20px; border: none; background: transparent url('/input-field.gif') no-repeat;}
#emailSignup .txtField {padding: 0 5px; line-height: 20px;}
#emailSignup .btnSubmit {position:absolute; left: 178px; top:0; width: 41px; height: 20px;}

/* Content Styles */
.divContent {position: relative; margin:/*180px 0*/ 0; width: 810px; line-height:18px;} /*180px from the top... white space...*/
.divContent p {line-height:18px;}

#divLeftColumn {width:265px/*300px*/; margin: -53px 0 0 10px; float:left;} /* Older one, use for certain areas, needs to change... */

#divContentColumn {float: left; margin: 0 0 0 15px; width: 490px;}
#divRightColumn {float: left; margin: 0 0 0 20px; width: 265px;}

#divSocialMediaButtons {margin: 25px 0; text-align: center;}
#divSocialMediaButtons div {margin: 5px 0; text-align: center;}

/* Left column "Advice" nav styles */
.adviceNav {margin: 0 0 0 20px; width: 200px;}
.adviceNav ul {list-style: none; margin: 0; padding: 0;}
.adviceNav ul li {display: block; line-height: 20px; border-top: 1px #D3E6F4 solid;}
.adviceNav ul li.first {display: block; line-height: 20px; border: none;}
.adviceNav ul li a, .adviceNav ul li a:link, .adviceNav ul li a:visited {display: block; line-height: 20px; text-decoration: none;}
.adviceNav ul li.current a, .adviceNav ul li.current a:link, .adviceNav ul li.current a:visited {display: block; line-height: 20px; font-weight: bold; text-decoration: none;}
/* submenu */
.adviceNav ul li ul {list-style: none; margin: 0; padding: 0;}
.adviceNav ul li ul li {display: block; line-height: 20px; border-top: 1px #D3E6F4 solid;}
.adviceNav ul li ul li a, .adviceNav ul li ul li a:link, .adviceNav ul li ul li a:visited,
.adviceNav ul li.current ul li a, .adviceNav ul li.current ul li a:link, .adviceNav ul li.current ul li a:visited
{display: block; margin-left: 20px; font-weight: normal; line-height: 20px; text-decoration: none;}
.adviceNav h3 {font-size: 13px;}

/* Photo Gallery */
#divPhotoGalleryContainer {width:400px; margin:0 auto;}
#divLargePhoto {width:400px;}
#divPhotoThumbnails {width:400px; margin:13px 0px;}
.PhotoGallery_ThumbnailContainer {margin:0 13px 10px 0; float:left;}

/* Creative Commons attribution styles for photos */
div.ccAttrib {margin: 15px 0; font-size: 10px; line-height: 14px; text-align: center;}
div.ccAttrib a {font-size: 10px; line-height: 14px;}

/* Article Section Styles */
.divArticleSection_ArticleItem {clear:both;}
.divArticleSection_ArticleImage img {float:left; margin:0 15px 0 0;}
.divArticleSection_ArticleItem h3, .divArticleSection_ArticleItem h3 a {line-height:16px; font-weight:normal;}
.divArticleSection_ArticleItem p {margin:3px 0 10px 0; padding:0;}
div.Separator {clear:both; padding:5px 0;}
div.Separator hr {margin:0; padding:0; background:#e3e3e3; color:#e3e3e3; border:0px; height:1px;}

.divArticle_Article {clear:both;}
.divArticle_Article h3 {margin:0; padding:0; color:#333;}
.divArticle_Article p {margin:3px 0 10px 0; padding:0;}

.pArticle_ArticleBriefContent {}
.pArticle_ArticleBriefContent img {margin:0 15px 0 0;}

/* Video Page Styles */
div.articleItemImage {float:left;}
div.articleItemImage img {margin:0 10px 10px 0;}
hr.videoSeparator {clear:both;}

/* Article link color (visited) */
.articleItem h3.articleTitle a:visited {color: #84c;}

/* Calendar Styles */
#divCalendarHeader, #divCalendarFooter {margin:15px 0; clear:both;}
#divCalendarColumn1 {float:left; width:225px;}
#divCalendarColumn2 {float:left; width:230px;}
.CalendarSection_CalendarPicker {width:200px; height:175px;/*background:#ffb200;*/ border:solid 2px #000; border-collapse:collapse;}
.CalendarSection_CalendarPicker a, .CalendarSection_CalendarPicker a:link, .CalendarSection_CalendarPicker a:visited {display:block;}
.CalendarSection_CalendarPicker td {height:22px; vertical-align:middle; margin:0; padding:0;}
.CalendarSection_CalendarPicker tr td {font-size:14px; border:solid 1px #000;}
.titlestyle, .titlestyle tr td {border:0px ! important;}
.dayheaderstyle {background:#eaeaea; font-size:12px ! important;}
.daystyle {}
.titlestyle {background:#fff; width:100%; height:100%;}
.titlestyle tr td {padding:0 10px; color:#0E77C4 ! important;}
.othermonthdaystyle {background:#fff;}
.othermonthdaystyle a, .othermonthdaystyle a:link, .othermonthdaystyle a:visited {color:#aaa ! important;}
.todaydaystyle {}
.selecteddaystyle {background:#0E77C4 ! important;}
.nextprevstyle {}
.nextprevstyle a, .nextprevstyle a:link, .nextprevstyle a:visited {font-weight:bold; color:#0E77C4 ! important;}

#divCalendarOptions {margin:20px 0;}
.divCalendarOptionsRow {clear:both; height:25px; margin:0 0 10px 0;}
.divCalendarOptionsLabel {float:left; width:75px; text-align:right; line-height:22px;}
.divCalendarOptionsInput {float:left;}

/* Events page styles */
#events {}
.eventList {border-top: 1px #ccc solid; background: #dfefff url('/bg-events-list.gif') repeat-y;}
.eventItem {clear: both; border-bottom: 1px #ccc solid;}
.eventItemDate {float: left; width: 100px; text-align: center;}
.eventItemDate .inner {padding: 10px; text-align: center;}
.eventItemDesc {float: left; width: 390px;}
.eventItemDesc .inner {padding: 10px; font-size: 11px; font-style: italic;}
.eventItemDesc .inner strong {font-size: 12px; font-style: normal;}
.eventItemDesc .inner strong a {font-size: 12px; font-style: normal;}
.eventItemDesc .inner span.eventLocation {font-size: 11px; font-style: normal;}
.eventDisclaimer {font-size: 10px; font-style: italic;}

/* Footer Styles */
.divFooter {position: relative; width:810px; min-height: 75px; margin:0 auto; /*padding:5px 0;*/ text-align:left; background: #999;}

#divSocialMedia {position: absolute; left: 10px; top: 8px; width: 300px; height: 32px; font-size:10px; color:#fff; font-family:Verdana, Verdana, Geneva, sans-serif; z-index: 10;}
#divCopyright {position: absolute; right: 10px; top: 30px; width:500px; height:auto; line-height: 12px; text-align:right; font-size:10px; color:#fff; font-family:Verdana, Verdana, Geneva, sans-serif;}
#divCopyright a {line-height: 12px; font-size:10px; color:#fff; font-family:Verdana, Verdana, Geneva, sans-serif;}

#divDisclaimer {position: relative; padding: 75px 10px 15px 10px; font-size:10px; color:#fff; font-family:Verdana, Verdana, Geneva, sans-serif;}
#divDisclaimer a {font-size:10px; color:#fff; font-family:Verdana, Verdana, Geneva, sans-serif; text-decoration: underline;}

/* Invite a Friend Styles */
.divBody {width:300px;}

/* Search Styles */
#divSearch {position: absolute; right: 10px; top: 59px; width: 243px; height: 19px; z-index: 10;}
#divHomeSearch {position: absolute; right: 10px; top: 5px; width: 243px; height: 19px;}
.txtSearch {position:absolute; left: 0; top:0; width: 193px; height:19px; border: none; background: transparent url('/search-field-bg.gif') no-repeat;}
.txtSearch {padding: 0 5px; line-height: 19px;}
.btnSearch {position:absolute; left: 196px; top:0; width: 47px; height: 17px;}

/* Paginatior Styles */
#paginator {margin:10px 0;}
#paginator a, #paginator a:link, #paginator a:visited {display:block; float:left; text-align:center; width:20px; height:20px; font-size:11px; color:#fff; margin:0 5px; border:solid 1px #000; background:#48c;}

#paginator a.currentPage, #paginator a.currentPage:link, #paginator a.currentPage:visited {background:#d0ebff; color:#000; cursor:default;}
#paginator a.currentPage:active, #paginator a.currentPage:hover, #paginator a.currentPage:focus {outline:none; text-decoration:none;}

/* New Paginatior Styles */

ul#ulPaginator {list-style:none; margin:10px 0; padding:0; clear:both; height:30px;}
ul#ulPaginator li {display:block; float:left; text-align:center; margin:0 5px 0 0; line-height:20px;}
ul#ulPaginator li a, ul#ulPaginator li a:link, ul#ulPaginator li a:visited {padding:0 2px; display:block; text-decoration:none; color:#48c; font-size:11px;}
ul#ulPaginator li a:active, ul#ulPaginator li a:hover, ul#ulPaginator li a:focus {outline:none; text-decoration:none;}
ul#ulPaginator li.currentpage {color:#666; font-size:11px;}
ul#ulPaginator li.currentpage span {color:#666;}

ul#ulPaginator li.previous, ul#ulPaginator li.next {line-height:19px;}
ul#ulPaginator li.previous a,
ul#ulPaginator li.previous a:link,
ul#ulPaginator li.previous a:visited,
ul#ulPaginator li.next a,
ul#ulPaginator li.next a:link,
ul#ulPaginator li.next a:visited {color:#48c; font-size:13px; font-weight:bold;}

/* Contact Form Submit */
table.contactFormTable {}
table.contactFormTable tr th {vertical-align:top; padding:0 10px 0 0; font-weight:normal; font-size:14px;}
table.contactFormTable tr td {vertical-align:top; padding:2px 0 0 0;}
table.contactFormTable tr td.fieldSingle input {width:200px; border:solid 1px #0E77C4; height:20px; padding:4px 0 0 0; font-size:11px;}
table.contactFormTable tr td.fieldMultiple textarea {width:350px; height:125px; border:solid 1px #0E77C4; padding:4px 0 0 0; font-size:11px;}

input#btnSubmit {width:107px; height:25px; border:none; background:url(/king-submit.gif) no-repeat; cursor:pointer;}

/* Misc Style */
.clear {clear:both;}
.FormsSection_FormTitle {display:none;}
table.article_EditTable {}
table.article_EditTable tr th {vertical-align:top; text-align:left; padding:0 10px 0 0; white-space:nowrap;}
table.article_EditTable tr td {vertical-align:top; padding:2px;}
table.article_EditTable tr td input, table.article_EditTable tr td textarea {width:300px;}

#siteAdminMonkey {position:absolute ! important; z-index:1999 ! important; top:0 ! important; left:0 ! important;}
#siteAdminMonkeySpacer {position:absolute ! important; z-index:1999 ! important; top:0 ! important; left:0 ! important;}

/* Custom Styles */
.title1 {font-size:14px; color:#333; margin:0; padding:0 0 5px 0; font-weight:bold;}
.title2 {font-size:12px; color:#333; margin:0; padding:0 0 5px 0; font-weight:bold;}
.title3 {font-size:11px; color:#8a7; margin:0; padding:0 0 5px 0; font-weight:bold;}
.title4 {font-size:10px; color:#8a7; margin:0; padding:0 0 5px 0; font-weight:bold;}
.title5 {font-size:10px; color:#8a7; margin:0; padding:0 0 5px 0; font-weight:bold;}
.bookTitle {margin: 0 0 5px 0; font-size:16px; color:#88aa77; font-weight: bold;}
.bookBlurb {font-size: 14px !important; color: #88aa77;}

/* Breadcrumbs */
div.breadCrumbs {margin: 0 0 15px 0; padding: 0 0 6px 0; font-size: 11px; border-bottom: 1px #D3E6F4 solid;}
div.breadCrumbs a, div.breadCrumbs a:link, div.breadCrumbs a:visited, div.breadCrumbs a:hover, div.breadCrumbs a:active
{font-size: 11px;}
.breadSeparator {padding: 0 5px;}

/* Buttons */
.leftButton {margin: 0 0 4px 0; padding: 0; display: block; width: 245px; height: 40px;}
.rightButton {margin: 0 0 4px 0; padding: 0; display: block; width: 205px; height: 40px;}


/* Menu styles */
/*** ESSENTIAL STYLES ***/
.sf-menu {height:44px; margin:0 5px; padding:0; list-style:none;}
.sf-menu li {float:left; line-height:40px; height:44px; vertical-align:middle; text-align:center;}
.sf-menu li a, .sf-menu li a:link, .sf-menu li a:visited {text-align:center; color:#fff; font-size:15px; display:block; width:94px; height:44px; margin:0 2px; background:url('/nav-button-bg.gif') no-repeat;}
.sf-menu li a:active, .sf-menu li a:hover, .sf-menu li a:focus {text-align:center; text-decoration:none; outline:none; background:url('/nav-button-bg-hover.gif') no-repeat;}
.sf-menu li a.current, .sf-menu li a.current:link, .sf-menu li a.current:visited {text-align:center; background:url('/nav-button-bg-hover.gif') no-repeat; outline:none;}

.sf-menu li ul {white-space:nowrap; width:350px; height:24px; line-height:24px; margin:0 0 0 1px; padding:0;}
.sf-menu li ul li {float:left; display:block; text-align:left; line-height:24px; height:24px; background:#147bc6;}
.sf-menu li ul li a, .sf-menu li ul li a:link, .sf-menu li ul li a:visited {
  color:#fff;
  text-decoration:none;
  width:auto;
  text-align:left;
  font-size:11px;
  display:inline;
  background-image:none;
  padding:0 5px;
}

li.subMenuSeparator {color:#def;}

.sf-menu li ul li a:active, .sf-menu li ul li a:hover, .sf-menu li ul li a:focus {color:#aaccee; text-decoration:none; outline:none;}

.sf-menu * { margin: 0; padding: 0; list-style: none; /*line-height: 25px;*/}
.sf-menu {}
.sf-menu ul { position: absolute; /*top: -999em;*/ display:none; width: auto; white-space:nowrap; /* left offset of submenus need to match (see below) */  z-index:10;}
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li {position: relative; z-index:10;}

.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; /*display:block; top: 25px; match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { /*top: -999em;*/ }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { /*top: -999em; */}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/*** arrows **/
.sf-menu a.sf-with-ul {  min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position: absolute; z-index:10; display: none; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden;  /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }
li.sfHover a, li.sfHover a:link, li.sfHover a:visited {color:#fff;}

/* point right for anchors in subs */h
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/*.sf-sub-indicator {display:none ! important;}*/

li#subLeft {width:2px; background:none;}
li#subRight {width:2px; background:none; text-align:right;}

/* new email form code */
#SignUp {}
table.signupframe {width: 220px !important; border: none !important; font-family: Georgia, Georgia, serif !important; color: #666 !important;}
table.signupframe td {padding: 0 !important;}