/*
  Mukpo Institute Website Stylesheet
*/

@CHARSET "UTF-8";

/* WEBPAGE */

/* Set Webpage to 100% Height
   div#container margin-height must be negative; and div#footer and div#footer_push must be absolute value */
* { margin: 0; }
html, body { height: 100%; }
div#container { min-height: 100%; height: auto !important; height: 100%; margin-bottom: -1px; }
div#footer, div#footer_push { height: 1px; }

/* Set Container, Footer, Left Bar and Content Width and Padding */
div#container, div#footer { width: 720px; }
div#left_bar { width: 150px; padding: 15px; }
div#content { width: 510px; padding: 15px; }

/* Position Left Bar and Content */
div#left_bar, div#content { float: left; }
div#footer_push { clear: left; }

/* Center Container and Footer
   Contains IE Hack (text-align: center) which centers text within nested divs, 
   text in nested divs are left aligned to cancel effects */
div#container, div#footer { margin-left: auto; margin-right: auto; text-align: center; }
div#content { text-align: left; }
/*div#header, div#body, div#footer_push, div#kcl_footer, div#trademark, div#statcounter { text-align: left; }*/

/* HEADER AND BODY */

/* Center Left Bar */
div#left_bar { text-align: center; }

/* Set Background Colours and Borders */
body { background-color: #C8DAFF; }
/* On most pages, Content extends down further than Left Bar. As part of making 100% Height work, Left Bar
   does not set its background colour down to Footer. To ensure Left Bar background extends down to Footer,
   underlying Div Container is also set to the appropriate background colour instead. This functions fine on 
   most pages, since Content extends down further than Left Bar.
   NOTE: Currently, on Scholarships page, Left Bar extends down further than Content. This would otherwise
   display Left Bar background colour in between end of Content and Footer. To compensate, CSS Hack within 
   100heighthack.css is included in Scholarships page. Yay! */
div#left_bar, div#container { background: #CF7404; } /* Sets Left Bar Colour */
div#header { border-bottom: 1px solid #400922; }
div#content { background: white; }
div#footer div { background-color: #C8DAFF; }

/* Set Fonts */
body, div, p {
  font-family: Palatino Linotype, Book Antiqua, Trebuchet MS, Helvetica, Tahoma, Geneva, Arial, sans-serif;
  font-size: 17px;
  font-weight: normal;
}
h1, h2 {
  font-family: Times, Verdana, Arial, Helvetica, sans-serif;
  color: #400922;
  font-weight: normal;
  letter-spacing: 0.5px;
}
h1 { font-size: 28px; }
h2 { font-size: 25px; }
h1, h2, div#body p { padding: 10px 0px; }
div.menu {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #003333;
}
a:link { color: #000044; text-decoration: underline; }
a:visited { color: #333333; text-decoration: underline; }
a:hover { color: #CC0000; text-decoration: underline; }
a:active { color: #CC0000; text-decoration: none; }

img { border: 0px none; }

/* Other */
ul#archived_terms { list-style-type: none; padding-left: 0; }
p.quote { text-align: center; }

/* FOOTER */

/* Karme Choling Footer */
div#kcl_footer {
  height: 24px;
  border-top: 1px solid #400922;
  border-bottom: 1px solid #400922;
  /*  text-align: center;*/
}
div#kcl_footer div {
  background: #173551;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
}
div#copyright { float: left; width: 325px; padding-right: 20px; text-align: right; color: #FFD700; }
div#knot { float: left; width: 30px; }
div#contact { float: left; width: 325px; padding-left: 20px; text-align: left; }
div#contact a:link { color: #FFD700; text-decoration: none; }
div#contact a:visited { color: #778899; text-decoration: none; }
div#contact a:hover { color: #B8860B; text-decoration: none; }
div#contact a:active { color: #FF0000; text-decoration: none; }

/* Shambhala Trademarks */
div#trademark { padding: 15px; /*text-align: center;*/ }
div#trademark p { font-size: 10px; color: #000080; }

/* StatCounter */
/*div#statcounter { text-align: center; }*/