html {margin: 0px; padding: 0px;}
/* design for a min width 925px, e.g., safe 1024 wide screen */
body {background-color: #FFF7D5;font-family: Arial, Helvetica, sans-serif;font-size:13px;line-height:1.2em; margin: 0px; padding: 0px; min-width: 925px;}
#main         {padding:0px; position: static; margin: 170px 10px 0px 20px;}
#mainNoMargin {padding:0px; position: static; margin: 170px 0px 0px 0px;}
.centerMe {text-align:center;}
.rightJustifyMe {text-align:right;}
.centerVerticalMe {vertical-align:middle;}
em { color:#b64926;}
.myEm { color:#b64926; font-style:italic; font-size:150%;}
em.myEm { color:#b64926; font-style:italic; font-size:110%;}
a {text-decoration:none;   color:#339966;}
a:visited {color:#468966;}
a:hover{text-decoration:underline; color: #2E5A43;}
.TOCclass h2 {font-size: 135%; font-style:normal; padding: 25px 0px 15px 0px; margin: 0px; font-weight:normal;line-height:1.1em;}
.TOCclass li {background-image: none;}
h1 {font-size: 140%;font-style:normal;font-weight:normal;line-height: 1.1em;color: #B64926; padding: 10px 0px 1px 0px; margin: 13px 0px 11px 0px; border-bottom:thin dotted; border-color:#b64926; }
h2 {font-size: 125%; font-style:normal; padding: 0px 0px 0px 0px; margin: 20px 0px 15px 0px; font-weight:normal;line-height:1.1em;color: #B64926; text-decoration:none;}
.ProjPicTxtClass h2 {margin: 0px 0px 15px 0px;}
h3 {font-size: 110%;font-weight: normal; text-decoration: underline;margin: 15px 0px 5px 0px;  padding: 0px 0px 0px 0px;color: #B64926}
img {border:0; padding: 7px;}
img.noPad {border: 0; padding: 0px;}
ul {text-decoration: none; list-style-type: none;list-style-position: outside; list-style-image: none; margin: 0px; padding: 0px;}
li { background-image: url(_images/cogBullet.gif);background-repeat: no-repeat; background-position: 0em 0em; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 40px;}
ul.native {text-decoration: none;  list-style-position: inside; list-style-type:square; margin: 20px; padding:0 px; }
.native li { background-image: none; margin: 10px 0px 20px 0px; padding:0px}
ol.native {text-decoration: none;  list-style-position: inside; list-style-type: decimal; margin: 20px;; padding:0px;}
#adSenseHeader {position:absolute; top: 5px; left: 464px;}
#logoMonkeeworks{position:absolute;height: 155px;width: 368px;top: 0px;left: 0px;z-index:1;}
/* apple safari doesn't animate background gifs #logoMonkeeworks a img {background-position:0px 0px; background:url(_images/logo.static.gif); background-repeat: no-repeat;} #logoMonkeeworks a:hover img { background:url(_images/logo.dynamic.hp.gif);} */
#logoNavBar {padding:0px; margin:0px;height:175px;width:986px;top:0px;left:0px;position: absolute;}
#navBarHeader, .searchBarWrapper {margin: 0px 0px 0px 100px; padding: 0px; position: absolute; top: 101px; left: 0px;  z-index: 45;}
.searchBarWrapper {top: 75px;}
#navBarFooter {margin: 10px 0px 0px 100px; padding: 0px; clear:both;}
.navBar {background-image: url(_images/navBar.gif); background-repeat: repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #301808;  z-index: 35;}
#navBarFooter, #navBarHeader, .searchBarWrapper, .navBar {width: 825px;}
.navBar ul {display:inline; list-style:none;}
.navBar li {display:inline; padding-right: 10px; padding-left: 10px; background-image: none;}
.navBar li a {text-decoration:none; padding-left:25px; } /* padding for cog bullet */
.navBar  li a:link {color: #ffffff; }
.navBar li a:visited {color: #FFF7D5; }
.navBar  li a:hover {text-decoration:underline; color: #FFB03B; background-image:url(_images/logo.navBarSelectBullet.gif);background-position:8px 0px;  background-repeat:no-repeat;}
.navigationBarVertical {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #301808; width: 80px; z-index: 35; line-height:1.6em;}
.navigationBarVertical ul { list-style:none;}
.navigationBarVertical li { padding-right: 20px; padding-left: 0px; background-image: none;}
.navigationBarVertical li a {text-decoration:none; padding-left:25px; } /* padding for cog bullet */
.navigationBarVertical  li a:link{color: #8E2800; }
.navigationBarVertical li a:visited{color: #B64926; }
.navigationBarVertical  li a:hover{text-decoration:underline; color: #FFB03B; background-image:url(_images/logo.navBarSelectBullet.gif);background-position:8px 0px;  background-repeat:no-repeat;}
a.articlePageLink {text-decoration:none; } /* padding for cog bullet */
a.articlePageLink:link{color: #8E2800; }
a.articlePageLink:visited{color: #B64926; }
a.articlePageLink:hover{text-decoration:underline; color: #FFB03B;}
.navBar li.navBar_grayOut {padding-left:35px;}
div.navBarVertReal{width: 90px; height: 220px; border: none; border-color:#fff0a5; padding: 0px; margin: 0px; float: left;}
h1.navBarVertReal {text-align: center; font-size: 100%;font-style:normal;font-weight:normal;color: #8E2800; padding: 0px 0px 5px 0px; margin: 0px 0px 11px 0px; border-bottom:none; border-color:#b64926; }
div.homePageColumn,div.homePageColumnNormal,div.homePageColumnShortcuts {margin: 0px 0px 15px 15px; width: 380px;}
div.homePageColumnNormal {width:auto; }
div.homePageColumnShortcuts {}
div.homePageColumnBG {padding: 10px; border: 1px dashed #FFF7D5;background-color: #c6e2c3;}
h1.homePageColumnTitle, h1.homePageColumnTitleNormal{color: #8E2800; text-align:center; font-size: 115%; margin: 15px 0px 5px 0px; padding: 5px 5px 0px 5px; border-top: double; border-bottom: none; border-color: #468966; font-weight: normal;}
h1.homePageColumnTitleNormal {border-bottom: thin dotted; padding-bottom: 5px; border-color: #468966; }
.adsenseSearch {margin: 0px; padding: 0px; float:right;}
.adsenseSearchPrefix {margin: 0px; padding: 4px; font-size: 95%; color:#B64926; float:right;}
.adsenseSearchPrefixPic {margin: 0px; padding: 0px 0px 15px 0px; float:right;}
.adsenseSearchPrefixPic img {padding: 3px 0px 0px 0px;}
#trailMenu {color: #000000; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; position: absolute; top: 125px; left: 10px; width: 825px; height: 28px;   z-index: 35; }
#trailMenu a {color: #339966;}
#trailMenu a:hover {text-decoration:underline;  color: #2E5A43;}
#homeBlurbCogs{font-family:Verdana, Arial, Helvetica, sans-serif; font-style: italic; background-image: url(_images/cogPair3d.gif); background-repeat: no-repeat; background-position: left top; margin-top: 30px; margin-right: 70px; margin-bottom: 30px; margin-left: 156px; padding-top: 20px; padding-right: 40px; padding-bottom: 15px; padding-left: 205px; background-color: #c6e2c3; border: 1px dashed #FFF7D5; line-height: 1.6em;}
#homeBlurb{ font-family:Verdana, Arial, Helvetica, sans-serif;font-style: normal; margin: 30px 20px 30px 50px; padding: 0px 20px 125px 20px; background-color: #c6e2c3;border: 1px dashed #FFF7D5;line-height: 1.6em;}
#homeBlurb2{font-family:Verdana, Arial, Helvetica, sans-serif;font-style: normal; margin: 0px 20px 20px 20px; padding: 20px 20px 125px 20px; border: 1px dashed #FFF7D5; line-height: 1.3em; background-color: #c6e2c3;}
#homeBlurb h1 {color:#8E2800; font-style: italic; font-weight: normal; }
#blurbAlert2, #blurbAlert{ font-family:Verdana, Arial, Helvetica, sans-serif; font-style: italic; background-image: url(_images/cogPair3d.gif); background-repeat: no-repeat; background-position: left top; margin-top: 30px; margin-right: 70px; margin-bottom: 30px; margin-left: 50px; padding-top: 20px; padding-right: 40px; padding-bottom: 15px; padding-left: 230px; background-color: #c6e2c3; border: 1px dashed #FFF7D5; line-height: 1em;font-size: 16px; color:#8e2800;}
#blurbAlert2 {color:#0f5a3c;}
#blurbAlert2{color:#0f5a3c;}
.blogEntry_YlwBG, .blogEntry_GrnBG, .blogEntryNoCog_GrnBG {font-family:Geneva, Arial, Helvetica, sans-serif; background-image: url(_images/cogBlog.gif); background-repeat: no-repeat; background-position: left top; margin-top: 0px; margin-right: 130px; margin-bottom: 30px; margin-left: 156px; padding-top: 0px; padding-right: 40px; padding-bottom: 15px; padding-left: 45px; border: 1px dashed #FFF7D5; font-style:normal; line-height:1.4em; font-size:14px;}
.blogEntryNoCog_GrnBG {background-image:none;font-style:italic;  }
.blogEntry_GrnBG {background-color: #c6e2c3;}
.blogEntry_YlwBG {background-color: #FFF7D5; }
.ProjPicTxtClass  {clear:both;padding: 20px 0px 0px 0px;  margin: 35px 0px 0px 0px;      border-top: thin dotted #468966;}
.ProjPicTxtClass2 {clear:both;padding: 10px 10px 0px 10px;margin: 0px 0px 25px 0px;}
.ProjPicTxtSubsection {clear: both; margin: 0; padding:0;}
div.projPicClassLeft, div.projPicClassRight {padding: 0px;border-top-style: none;border-right-style: none;border-bottom-style: none; border-left-style: none; margin: 0px;}
div.projPicClassLeft {float: left;  margin: 0; padding: 0px 15px 0px 0px;}
div.projPicClassRight {float: right; margin: 0; padding: 0px 0px 0px 15px;}
div.projConclusion {clear:both; margin-top: 0px; padding-top: 0px;}
.projConclusion h3, .ProjPicTxtClass h3, .articleIntroWrapper h3{color: #B64926;}
.picFooter {text-decoration: none;color: #B64926;font-size:90%;text-align:left;padding: 0px 10px 10px 10px;}
#bigPicContainer {}
.bigPicDesc { margin:0px;padding: 0px 0px 0px 0px; text-align:left;}
#bigPicImage {text-align: left;}
#bigPicImageCenter {text-align: center; }
#bigPicImageFloatLeft {float:left;}
#bigPicImageFloatRight {float:right;}
#bigPicImageFloatRightYlwBorder {float: right; margin: 0px; padding: 0px; background-color: #FFF7D5;}
#bigPicImageFloatRightYlwBorder img {margin: 5px 0px 5px 5px; background-color: #fff7d5;}
.clearLeft {clear:left;}
.clearRight {clear: right;}
.clearBoth {clear: both;}
.floatRight {float: right; padding: 0px 0px 0px 15px;}
.floatLeft {float: left; padding: 0px 15px 0px 0px;}
.floatRightClearRight {float: right; clear: right; padding: 0px 0px 0px 15px;}
.floatRightClearLeft {float: right; clear: left; padding: 0px 0px 0px 15px;}
.floatLeftClearLeft {float: left; clear:left; padding: 0px 15px 0px 0px;}
.floatLeftClearRight {float: left; clear:right; padding: 0px 15px 0px 0px;}
.TOCcontainer {margin: 0px 20px 20px 20px;padding: 20px 20px 20px 20px;}
.TOCcategory {clear:both; padding-top: 25px;}
.TOCclass{font-family:Verdana, Arial, Helvetica, sans-serif;font-style: italic;font-size: 125%; margin-top: 30px; margin-right: 70px; margin-bottom: 30px; margin-left: 90px; padding-top: 5px; padding-right: 40px; padding-bottom: 15px; padding-left: 100px; background-color: #c6e2c3; border: 1px dashed #FFF7D5; line-height: 1.2em;}
.TOCclass h1 {padding-bottom: 15px;font-size: 135%;}
.TOCpicTxtClass1 {clear: left; padding: 0px 50px 0px 50px;margin: 10px 0px 0px 0px;}
.TOCpicTxtClass2 {clear: right; padding: 0px 50px 0px 50px;margin: 10px 0px 0px 0px;}
div.TOCpicClass1 {float: left; padding-right:15px;}
div.TOCpicClass2 {float: right; padding-left: 15px;}
.TOCpicTxtHomePageClass1 {padding: 5px 5px 0px 5px;margin: 2px 0px 0px 0px; border-top: thin dotted; border-color: #468966;}
.TOCpicTxtHomePageClass2 {padding: 5px 5px 0px 5px;margin: 2px 0px 0px 0px; border-top: thin dotted; border-color: #468966;}
div.TOCpicHomePageClass1 {float: left; padding-right:3px;}
div.TOCpicHomePageClass2 {float: right; padding-left: 3px;}
.projPicClassLeft a img,        .projPicClassRight a img {border:3px solid #FFF7D5;}
.projPicClassLeft a:hover img,  .projPicClassRight a:hover img {border:3px solid #2E5A43;}
.TOCpicClass1 a img,        .TOCpicClass2 a img {border:3px solid #FFF7D5;}
.TOCpicClass1 a:hover img,  .TOCpicClass2 a:hover img {border:3px solid #2E5A43;}
.TOCpicHomePageClass1 a img, .TOCpicHomePageClass2 a img {border:3px solid #c6e2c3;}
.TOCpicHomePageClass1 a:hover img,  .TOCpicHomePageClass2 a:hover img {border:3px solid #468966;}
.borderOnImageHover a img { border:3px solid #FFF7D5;}
.borderOnImageHover a:hover img { border:3px solid #2E5A43;}
.borderOnImageHoverGrn a img, a.borderOnImageHoverGrn img { border:3px solid #c6e2c3;}
.borderOnImageHoverGrn a:hover img, a.borderOnImageHoverGrn:hover img { border:3px solid #2E5A43;}
#homeBlurb2 .TOCpicClass1 a img, #homeBlurb2 .TOCpicClass2 a img {border:3px solid #c6e2c3;}
#homeBlurb2 .TOCpicClass1 a:hover img, #homeBlurb2 .TOCpicClass2 a:hover img {border:3px solid #2E5A43;}
div.TOCcategoryHeading {padding: 5px; margin: 0px 20px 0px 20px;      font-size: 125%;        border-top: double; border-bottom: thin dotted;     color: #8E2800; border-color: #468966;  font-weight: normal;    text-align:center;      clear:both;}
div.TOCcategoryHeading a {color: #8E2800; }
h2.TOClink {font-size: 115%;margin:0px;}
h2.TOClink  a        {text-decoration: none; color: #339966;}
h2.TOClink  a:hover  {text-decoration: underline; color: #2E5A43;}
span.TOClinkSubtitle {font-size:95%;}
div.TOCdesc {margin:0px 0px 0px 0px; padding: 10px 0px 15px 0px;}
.TOCgoTop {float: right;clear:both;margin:0px;padding: 0px 25px 0px 0px;}
.TOCgoTop a {font-size:100%;font-weight:normal;}
.TOCblurb { font-family:Verdana, Arial, Helvetica, sans-serif;background-color: #c6e2c3;border: 1px dashed #8e2800; margin:0px 0px 20px 0px; padding:10px; }
.homePageColumnBG .TOCblurb {border: none;}
.TOCblurb h1 {font-size: 125%; color: #8E2800; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px 0px 5px 0px; padding:0px 0px 2px 0px; border-bottom:thin dotted #8e2800; text-align:center;}
.TOCblurb li {background-image: none;padding: 0px; margin: 10px 0px 0px 25px;}
.homePageColumnBG .TOCblurb li {display:inline;}
.TOCblurbAttn,.TOCblurbAttnLeft {font-size: 115%;  color: #8E2800; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 20px 0px 0px 0px; padding: 5px 0px 5px 0px; float: right;}
.TOCblurbAttnLeft {float:left;}
.TOCblurbArrow {margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.sidebarPage {font-family:Verdana, Arial, Helvetica, sans-serif;background-color: #c6e2c3;border: 1px dashed #FFF7D5; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 15px;}
.grayOut {color: #E0C090; }
.storeItem{}
.storeItemTitle {font-size: 125%;font-weight: normal;text-decoration: none;}
.storeItemPrice{font-size: 100%;color: #8E2800;padding-top: 3px;text-decoration:none;}
.storeItemHeader{border-top: double;border-bottom: thin dotted;border-color: #468966;}
.storeItemDesc {}
.storeItemConclusion{border-top: double;border-bottom: none;border-color: #468966;}
.googleAdsenseCenter{text-align:center;padding-bottom:5px;padding-top:5px;}
.googleAdsenseLeft{     float: left;    margin: 0px;    padding: 0px 10px 0px 0px;}
.googleAdsenseLeftClearLeft{    float: left;    clear: left; margin: 0px;       padding: 0px 10px 0px 0px;}
.googleAdsenseLeftClearRight{   float: left;    clear: right; margin: 0px;      padding: 0px 10px 0px 0px;}
.googleAdsenseRight {float: right;margin: 0px;padding: 0px 0px 0px 10px; }
.googleAdsenseRightQandA {float: right;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; }
.googleAdsenseRightClearRight {float: right; clear:right; margin: 0px;padding: 0px 0px 0px 10px; }
.googleAdsenseRightClearLeft {float: right; clear:left; margin: 0px;padding: 0px 0px 0px 10px; }
.googleAdsense_footer {margin: 1px 0px 5px 110px; padding: 5px 5px 5px 25px;}
.contArrowImg {position:relative; top:10px;}
.contArrowImgSidebar {position:relative; top:8px;}
.contArrowURL {clear: both; float:right;}
a:link img.backArrowImg, img.backArrowImg, .backArrowImg {border:none; margin: 0px 5px 0px 0px; padding: 0px; vertical-align:middle;}
.backArrowURL {clear: both; float: right;}
.nextArrowImg {position:relative; top:10px; }
.nextArrowURL {}
a:link img.moreArrowImg, img.moreArrowImg {border:none; margin: 0px; padding: 0px;}
.back { clear:both;     float:right;background-repeat:no-repeat; background-position:right; background-image:url(/_images/leftArrow2.gif); padding: 12px 35px 10px 0px;}
.return {clear:both;    float:right;background-repeat:no-repeat;background-position:right;background-image:url(/_images/backArrow.gif);padding: 28px 35px 10px 0px;}
.sidebarDataRight, .sidebarDataLeft, .sidebarDataNoFloat {background-color: #c6e2c3; border: 1px dashed #FFF7D5; z-index:999; text-decoration:none; color:#468966; padding: 0px 12px 12px 12px;}
.sidebarDataRight {float: right; margin: 0px 0px 0px 20px; }
.sidebarDataLeft {float: left;   margin: 0px 20px 0px 0px; }
.sidebarDataNoFloat {            margin: 0px 0px 0px 0px; }
.sidebarPrefix {margin-top: 5px; color:#6aaf8c; font-size: 100%;text-align:left;}
.sidebarDataNoFloat .sidebarPrefix h3 {margin-top: 5px; margin-left:0px; font-size: 115%;}
.sidebarDataNoFloat h3, .sidebarDataLeft h3, .sidebarDataRight h3, .sidebarDataNoFloat h3 a, .sidebarDataLeft h3 a, .sidebarDataRight h3 a {color:#339966; font-style:italic; text-decoration:none;}
.sidebarDataNoFloat h3 a:hover, .sidebarDataLeft h3 a:hover,.sidebarDataRight h3 a:hover {text-decoration:underline; color: #2E5A43;}
.sidebarDataRight img, .sidebarDataLeft img, .sidebarDataNoFloat img{padding: 7px 0px 0px 0px;}
.sidebarDataNoFloat a img, .sidebarDataLeft a img, .sidebarDataRight a img {border:3px solid #c6e2c3;  }
.sidebarDataNoFloat a:hover img, .sidebarDataLeft a:hover img, .sidebarDataRight a:hover img{border:3px solid #2E5A43;}
.sidebarDataNoFloat h3, .sidebarDataLeft h3, .sidebarDataRight h3 {text-decoration:none; font-size:125%;}
.sidebarDataNoFloat h2, .sidebarDataLeft h2, .sidebarDataRight h2 {text-decoration:none; font-size:135%;}
div.dummyClear{ clear: both;margin-bottom:0px;}
.mwSearchResults {padding: 0px 0px 0px 215px; margin: 0px;}
.QandA {font-family:Verdana, Arial, Helvetica, sans-serif;font-style: normal; margin: 30px 20px 20px 20px; padding: 20px 20px 60px 20px;
  border: 1px dashed #FFF7D5; line-height: 1.3em; background-color: #c6e2c3;}
.QandA h2 {padding: 10px 0px 10px 0px; margin: 20px 0px 10px 0px;font-size: 125%;color: #b64926; border-color: #468966;  font-weight: normal; border-top: double;  border-bottom: thin dotted; border-color: #468966;}
.QandA h3 {}
div.QandA_subject {margin: 5px 0px 5px 30px; padding: 0px;      }
div.QandA_msgTxt {margin: 10px 0px 10px 15px; padding: 0px;}
div.QandA_msgTitle {margin: 30px 0px 10px 25px; padding: 0px;}
h1.noBorder {border: none;}
img.zero {border: none; margin: 0px; padding: 0px;}
.blkquote {padding: 10px 35px 10px 35px;}

/*div.homePageColumnShortcuts, .TOCblurbContainer {width: 240px;}*/
.TOCblurbContainer {width: 240px;}
#ArticleSneakPeak {float:left;}