body { 
       position: absolute;
       height: 100%;       
       }
html {
             margin: 0px 2% 4%;
             font-family: Verdana;
             font-size: 10px;
             background-color: #fff;
             color: #333;
             }

/* The main container */
#container {
             height: 75%;
             border: 0px solid;
             }

/* The title header */
#header {
          background-color: #fff;
          color: #999;
          font-size: 20px;
          margin-bottom: 10px;
          }

/* The categories section */
#categories {
              border: 0px solid;
              width: 70%;
              text-align: center;
              }

/* The main month view */
#left {
        border: 0px solid;
        height: 100%;
        width: 70%;
        float: left;
        }

/* Event view */
#right {
         border: 0px solid;
         width: 30%;
         float: left;
         }

/* The footer */
#footer {
          background-color: #fff;
          color: #999;
          text-align: left;
          padding: 4px 10px 0 0;
          clear: both;
          width: 100%;
          }

.spacer {
          clear: both;
          }

p {
    padding: 0;
    margin-top: 0px;
    }
A:link { 
         color: black;
         font-style: normal;
         font-weight: normal;
         text-decoration: underline;
         }

A:visited { 
            color: black;
            font-style: normal;
            font-weight: normal;
            text-decoration: none;
    }

A:hover { 
          background-color: yellow;
          color: black;
          font-style: normal;
          text-decoration: none;
          }

a.cal_head {
             color: green;
             }

a.cal_head:hover {
                   text-decoration: none;
                   }

/* Calendar heading */
.cal_head {
            background-color: #DDDDDD;
            color:            green;
            font-family:      Verdana;
            font-size:        12px;
            font-weight:      bold;
            font-style:       normal;
            }

/* Admin event editing header */
.admin_event_head {
            background-color: #DDDDDD;
            color:            green;
            font-family:      Verdana;
            font-size:        12px;
            font-weight:      bold;
            font-style:       normal;
            }


/* The event text inside the calendar blocks */
.cal_day_event { 
                 border: 1px solid;
                 width: 98%;
                 background-color: #FFFDDD;
                 vertical-align: top;
                 text-align: left;
                 color:            #000000;
                 font-family:      verdana;
                 font-size:        9px;
                 font-weight:      normal;
                 font-style:       normal;
                 }

/* Calendar Days (Mon-Sun) */
.cal_days {
            width: 130px;
            background-color: #DDDDDD;
            text-align: center;
            color:            gray;
            font-family:      Verdana;
            font-size:        11px;
            font-weight:      bold;
            font-style:       normal;
            }

/* The inside of each calendar block */
.cal_content {
               width: 130px;
               vertical-align: top;
               text-align: left;
               background-color: #EEEEEE;
               color:            #000000;
               font-family:      Verdana;
               font-size:        10px;
               font-weight:      normal;
               font-style:       normal;
               }

/* The currently selected day */
.cal_today {
             width: 130px;
             vertical-align: top;
             text-align: left;
             background-color: white;
             color:            green;
             font-family:      Verdana;
             font-size:        10px;
             font-weight:      bold;
             font-style:       normal;
             }

/* Calendar events and links */
.cal_event, a.cal_event {
                          width: 130px;
                          vertical-align: top;
                          text-align: left;
                          background-color: #DDDDDD;
                          color:            #000000;
                          font-family:      Verdana;
                          font-size:        10px;
                          font-weight:      bold;
                          font-style:       normal;
                          }

/* Calendar events and links */
.admin_event, a.admin_event {
                          width: 130px;
                          vertical-align: top;
                          text-align: left;
                          background-color: #DDDDDD;
                          color:            #000000;
                          font-family:      Verdana;
                          font-size:        10px;
                          font-weight:      bold;
                          font-style:       normal;
                          }

/* The calendar table itself */
.cal {
       width: 100%;
       height: 100%;
       }

/* The events table itself */
.events {
          width: 100%;
          }

/* The admin events table itself */
.admin_events {
          width: 100%;
          }

/* The alternating colors for events */
.cal_event_row1	{
                  background-color: #EEEEEE;
                  }
.cal_event_row2	{
                  background-color: #DDDDDD;
                  }

/* The alternating colors for administration event editing */
td.admin_event_row1	{
                      cursor: hand;
                      background-color: #EEEEEE;
				      line-height:20px;
                          }
						  
td.admin_event_row2	{
                      cursor: hand;
                      background-color: #DDDDDD;
					  line-height:20px;
                          }
						  
td.admin_event_row1 a:link, td.admin_event_row1 a:visited {
                          cursor: hand;
						  background:transparent;
						  width:100%;
						  display:block;
						  line-height:20px;
						  display:block;
						  text-decoration:none;
						  font-weight:bold;
                          }
						  
td.admin_event_row1 a:hover	{
                          cursor: hand;
						  background-color:#ddd;
						  width:100%;
						  display:block;
						  line-height:20px;
						  display:block;
                          }						  

td.admin_event_row2 a:link, td.admin_event_row2 a:visited {
                          cursor: hand;
						  background:transparent;
						  width:100%;
						  display:block;
						  line-height:20px;
						  display:block;
						  text-decoration:none;
						  font-weight:bold;
                          }
						  
td.admin_event_row2 a:hover	{
                          cursor: hand;
						  background-color:#eee;
						  width:100%;
						  display:block;
						  line-height:20px;
						  display:block;
                          }

/* Detailed Event View, left titles */
.cal_detail_title {
                    width: 20%;
                    background-color: #DDDDDD;
                    }

/* Detailed Event View, right content */
.cal_detail_content { 
                      width: 80%;
                      background-color: #EEEEEE;
                      }

/* This is actually only used on the search results */
.cal_detail_seperator { 
                        height: 1px;
                        }


/* The main preferences div */
.pref_container { 
                  width: 100%;
                  }

/* Preferences table */
.preferences { 
               width: 100%;
               }

/* The preferences table header */
.pref_head { 
             background-color: #DDDDDD;
             font-family:      Verdana;
             font-size: 9px;
             font-weight: bold;
             }
.pref_title { 
              padding: 9px;
              text-align: center;
              font-family:      Verdana;
              font-size: 12px;
              }

/* The preferences content rows */
.pref_content { 
             background-color: #EEEEEE;
             font-family:      Verdana;
             font-size: 9px;
             }

/* For positioning the submit button on the preferences page */
.pref_submit { 
               padding: 8px;
               text-align: center;
               }

/* Admin menu table */
.admin_menu { 
              margin: 0 auto;
              width: 200px;
              border: 1px solid;
              }

/* Admin head */
.admin_head { 
              text-align: center;
              background-color: #DDDDDD;
              font-family:      Verdana;
              font-size: 9px;
              font-weight: bold;
              }

/* Admin content */
.admin_content { 
                 background-color: #EEEEEE;
                 font-family:      Verdana;
                 font-size: 9px;                 
                 }

/* Confirm deletion box */
#confirm_box { 
               text-align: center;
               padding: 10px;
               margin: 0 auto;
               position: relative;
               border: 1px solid;
               background-color: #EEEEEE;
               height: 75px;
               width: 100px;
               }

/* output of category delete */
#category_result { 
               text-align: left;
               padding: 10px;
               margin: 0 auto;
               position: relative;
               border: 1px solid;
               background-color: #EEEEEE;
               width: 550px;
               }

/* container for the edit events main screen */
#events_container { 
                    margin: 0 auto;
                    width: 650px;
                    }

#admin_events_container { 
                    margin: 0 auto;
                    width: 650px;
                    }
#category_container { 
                      margin: 0 auto;
                      width: 400px;
                      }

/* The error screen */
#error {
         margin: 0 auto;
         width: 100%;
         position: relative;
         text-align: center;
         }