/* Grihastashrami Yoga stylesheet for standard displays. */

/* General rules ~~~~~~~~~~~~~~~ */

html {
  height: 100%;
  overflow: hidden;
  }

body {
  background: #ffffff url('images/flowers.jpg') no-repeat bottom center;
  color: #000000;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  width: 540px !important;
  }
* html body {
  margin-top: 70px;
  margin-bottom: 30px;
  }

a:link {
  color: #3333ff;
  text-decoration: none;
  }
a:visited {
  color: #9933ff;
  text-decoration: none;
  }
a:hover {
  text-decoration: underline;
  }
a:active {
  text-decoration: underline;
  }

h1 {
  font-size: 18px;
  font-weight: bold;
  }
h2 {
  font-size: 14px;
  font-weight: bold;
  }

p {
  margin-top: 0;
  }

table {
  align: center;
  width: 100%;
  border-collapse: collapse;
  border: 0px;
  padding: 0px;
  }

tr {
  align: center;
  }

td {
  text-align: center;
  vertical-align: top;
  padding: 0px;
  }

acronym {
  cursor: default;
  border-bottom: 0px;
  }

/* Div rules ~~~~~~~~~~~~~~~~~~~ */

#summary {
  margin-top: 10px;
  position: relative;
  text-align: center;
  width: 500px;
  }

#title {
  position: relative;
  text-align: justify;
  width: 500px;
  }
* html #title {
  position: absolute;
  top: 0;
  }

#main {
  background-color: #ffffff;
  bottom: 30px;
  margin: 0 auto;
  overflow: hidden;
  overflow-y: auto;
  padding: 5px 5px 0 0;
  position: absolute;
  top: 70px;
  text-align: justify;
  width: 495px;
  }
* html #main {
  position: relative;
  top: 0;
  height: 100%;
  width: 500px;
  }
#flash {
  margin: 0 50px 0 50px;
  position: relative;
  width: 400px;
  }

#navbar {
  background-color: #000000;
  bottom: 4px;
  color: #ffffff;
  font-weight: bold;
  padding: 3px;
  position: absolute;
  text-align: center;
  width: 494px;
  }
* html #navbar {
  top: 6px;
  position: relative;
  width: 500px;
  }
#navbar a:link, #navbar a:visited {
  color: #ffffff;
  }