html {
  /* force scrollbars */
  height : 100%;
  margin-bottom : 1px;
}

/* =================BODY================= */
body {
  background-color : #000;
  background-image : url(/images/himalayas_back.jpg);
  background-repeat : repeat-x;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 1em;
  color : #eee;
}

#framePage {
  background-image : none;
}

body.print {
  background-color : #000;
  background-image : none;
  color : #fff;
}

#wrapper {
  text-align : center;
}

#container {
  text-align : left;
  margin : 0px auto;
  width : 960px;
  border : 1px solid #000;
  background-image : url(/images/overlay.png);
}

/* =================HEADER================= */
#header {
  padding : 0px 1em;
}

#header h1 {
  color : #888;
  border-bottom : 2px solid #036;
  text-align : right;
}

#pheader {
  text-align : right;
  border-bottom : 4px solid #eee;
}

#pheader h1 {
  color : #eee;
  font-size : 2em;
  margin : 0px 20px;
}

#return {
  position : absolute;
}

#return a {
  background-color : #ccc;
  color : #036;
  padding : 1px;
  text-decoration : none;
  border : 1px solid #888;
}

#return a:hover {
  background-color : #888;
  color : #fff;
}

#topbar {
  height : 1em;
}

/* =================MENU================= */
#menu {
}

/* ------ Horizontal Menu with Drop-Down Submenus ------- */
ul.HMenu {
  font-size : 0.9em;
}

ul.HMenu, ul.HMenu ul {
  text-align : center;
  font-family : arial, helvetica, sans-serif;
  padding-left : 0px;
  margin : 0px;
}

ul.HMenu li {
  float : left;
  padding : 2px 4px;
  list-style-type : none;
  margin : 0px 5px;
  position : relative;
}

ul.HMenu li {
  background-image : url(/images/overlay.png);
}

ul.HMenu li > ul {
  display : none;
  position : absolute;
  top : 1.3em;
  left : 0px;
  z-index : 100;
}

ul.HMenu li > ul li {
  border-bottom-width : 1px;
  float : none;
  z-index : 10;
}

ul.HMenu li > ul li {
  text-align : left;
  width : 8em;
}

ul.HMenu li:hover, ul.HMenu li.CSStoHighlight {
}

ul.HMenu ul.CSStoShow, ul.menu ul.CSStoShow {
  display : block;
}

ul.HMenu li:hover > ul, ul.menu li:hover > ul {
  display : block;
}

ul.HMenu li a {
  text-decoration : none;
  display : block;
}

/* -- menu border color -- */
ul.HMenu, ul.HMenu ul, ul.HMenu li {
}

/* -- menu text color -- */
ul.HMenu li a {
  color : #fff;
}

/* -- menu background color -- */
ul.HMenu, ul.HMenu ul {
}

/* -- menu text hover color -- */
ul.HMenu li a:hover, ul.HMenu li a.CSStoHighLink, ul.HMenu li:hover > a  {
  color : #000;
}

/* -- menu background hover color -- */
ul.HMenu li:hover, ul.HMenu li.CSStoHighlight, ul.HMenu li:hover > a  {
  background-color : #888;
}

/* =================BUTTONS================= */
a.stdbutton {
  font-size : 80%;
  text-decoration : none;
  display : block;
  border : 1px solid #888;
  background-color : #ccc;
  color : #000;
  margin : 0.25em 0em;
  padding : 0.25em;
  text-align : center;
}

a.stdbutton:active {
  border-color : #345 #cde #def #678;
}

a.stdbutton:hover {
  background-color : #eee;
  color : #000;
}

/* =================CONTENT================= */
#content {
  padding : 1em;
}

#pcontent {
  padding : 2em;
}

/* =================FOOTER================= */
#footer {
  clear : both;
}

#footertext {
  padding : 5px;
  text-align : center;
  color : #fff;
  font-size : 0.7em;
  line-height : 1.5em;
}

div.printfooter {
  clear : both;
  text-align : center;
  padding : 0.25em;
  font-size : 0.7em;
  border-top : 4px solid #eee;
  margin-top : 2em;
  color : #fff;
}

/* =================FORM ELEMENTS================= */
.formitem {
  background-color : #eee;
  border : 1px solid #000;
}

.formitemerror {
  background-color : #ff7;
  border : 1px solid #000;
}

span.formrequired {
  color : #f00;
  font-weight : bold;
  padding-right : 2px;
}

div.formtitle {
  clear : right;
  float : left;
  text-align : right;
  font-weight : bold;
  width : 150px;
  padding : 5px 0px;
  font-size : 0.9em;
}

div.forminfo {
  margin-left : 164px;
  padding : 5px 0px;
}

input.formsubmit {
  color : #000;
  cursor : pointer;
  font-size : 1em;
}

div.error {
  margin : 10px auto;
  border : 2px solid #f00;
  background-color : #f88;
  padding : 0.5em;
  width : 300px;
  text-align : center;
}

/* =================GENERAL ELEMENTS================= */
a {
  color : #ff7;
}

a:hover {
  color : #036;
  background-color : #ccc;
}

h1 {
  color : #69c;
}

h2 {
  color : #ff7;
}

h3 {
  color : #ccc;
}

.center {
  text-align : center;
}

/* =================IMAGES================= */
img.left {
  float : left;
  margin-right : 1em;
  vertical-align : text-top;
}

img.right {
  float : right;
  margin-left : 1em;
  vertical-align : text-top;
}

a.imagelink {
  padding : 3px;
  display : block;
}

a.imagelink:hover {
  color : #ccc
}

/* =================MISC ITEMS================= */
p.legalnotice {
  text-align : center;
  font-size : 0.8em;
  font-weight : bold;
}

p.copyright {
  text-align : center;
  font-size : 0.8em;
  color : #253161;
  line-height : 1.5em;
}

a.mvp {
  color : #fff;
  text-decoration : none;
}

a.mvp:hover {
  color : #000;
}

/* =================TinyMCE specific rules================= */
body.mceContentBody {
  background-color : #FFF;
  background-image : none;
}

/* ==================== MONTHLY LESSON ==================== */

#memohead {
  background-image : url(/images/overlay.png);
  border : 1px solid #888;
}

#memohead th {
  text-align : right;
  padding : 3px;
}

#memohead td {
  padding : 3px;
}

#memohead h1 {
  padding : 0px;
  margin : 0px;
}

#memohead h2 {
  padding : 0px;
  margin : 0px;
}

a.closebutton {
  text-decoration : none;
  display : block;
  font-weight : bold;
  color : #fff;
  width : 1em;
  padding : 0px;
  text-align : center;
  border-right : 1px solid #888;
  border-bottom : 1px solid #888;
}

a.closebutton:hover {
  background-color : #eee;
  color : #036;
}

#lesson_selection {
  float : right;
  width : 8em;
  border : 1px solid #888;
  padding-right : 0.5em;
  margin-left : 1em;
  margin-bottom : 1em;
}

#lesson_selection p {
  font-size : 0.7em;
  padding : 3px;
  text-align : right;
}

a.month {
  background-color : #99d;
  text-decoration : none;
  color : #fff;
  display : block;
  width : 6em;
  text-align : right;
  padding-right : 1.5em;
  margin : 2px 0.5em;
  border-bottom : 1px solid #888;
  border-right : 1px solid #888;
}

a.month:hover {
  background-color : #FF6;
  color : black;
}

div.year {
  margin-top : 0.5em;
  font-weight : bold;
  text-align : right;
}

.smalltext {
  font-size : 0.7em;
}

.signature {
  text-align : right;
}

.dksignature {
  font-weight : bold;
  font-style : italic;
}

.caption {
  text-align : center;
  font-weight : bold;
  font-size : 0.8em;
}

/* ========= DAILY THOUGHT ============ */
.dailythought {
  font-size : 1.4em;
  padding-top : 1em;
  color : #fff;
}

.dailythoughtbody {
  background-image : none;
  background-color : #000;
  margin : 0px;
}

#dtcontent {
  margin-top : 5px;
  padding : 5px;
  margin : 1em auto;
  background-color : #000;
}

#dtcontent h1 {
  font-size : 1.2em;
  color : #69c;
}

#thoughtbox {
  height : 300px;
  padding-left : 170px;
  padding-top : 1px;
  margin : 1em auto;
  background-color : #000;
  background-repeat : no-repeat;
  background-image : url(/images/dk_picture_thought.jpg);
}

a.dtbutton {
  padding : 0.25em .5em;
  text-decoration : none;
  display : inline;
  border : 1px solid #333;
  font-weight : bold;
  color : #333;
  font-size : 0.9em;
}

a.dtbutton:hover {
  background-color : #CCE5E5;
  color : #000;
}