body { 
       position: absolute;
       height: 90%;       
       } 
	   
html {
             margin: 0px;
		 	 padding:0;
             font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
             font-size: 10px;
             background-color: #fff;
             color: #333;
             }

/* The main container */
#container {
			 height: 85%;
             }

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

/* The categories section */
#introtext {
              margin: -25px 10px 10px 10px !important;
			  margin: -35px 10px 10px 10px;
              width: 68%;
              text-align: justify;
              font-size:12px;
              }

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

/* 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%;
          }
		  
#footer a:link, #footer  a:visited{
          color: #999;
          }

#footer a:hover{
          color: #666;
		  text-decoration:none;
          }

.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: underline;
    }

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



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

/* Specify the size of the left and right arrows */
.arrow_size
{
  font-size: 15px;
}

/* Calendar heading */
.cal_head {
            background-color: #B6C4D7;
            color:            #000;
            font-size:        12px;
            font-weight:      bold;
            font-style:       normal;
			height:6%;
            }

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


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

                 }

.cal_day_event a:link, .cal_day_event a:hover,.cal_day_event a:visited {
           text-decoration:none; 
           padding:1px; 
          }

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

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

/* The currently selected day */
.cal_today {
             width: 130px;
             vertical-align: top;
             text-align: left;
             background-color: #DAE3EF;
             color:            #000;
             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: #C1BAB3;
                          color:            #000000;
                          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-size:        10px;
                          font-weight:      bold;
                          font-style:       normal;
                          }

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

/* The events table itself */
.events {
          width: 99%;
		  margin-left:1px;
          }

/* 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-size: 9px;
             font-weight: bold;
             }
.pref_title { 
              padding: 9px;
              text-align: center;
              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;
         }
		 
input, button {
	border:1px solid #333;
	background-color: #C9D0D8;
	font-size:10px;
		}		 
		
		
h1 {

	color:#223152;
	font-size: 28px;
	margin: 15px 0 10px 0 !important;
	margin:-175px 0 0 0;
}

#logos {
	background: transparent url(../images/logo_header.gif) top no-repeat;
	width:950px;
	height:86px;
	display:block;
}

#headerwrap h1.header a:link, #headerwrap h1.header a:visited {
	background: transparent url(../i/header.jpg) top center no-repeat;
	 width: 740px;
	 height: 145px;
	 margin: 0;
	 padding: 0;
	 border: 0;
	 display: block;
	 cursor: default;
		}

#headerwrap h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
	}


ul.logos {
	width:949px;
	height:90px;
	list-style:none;
	margin:0 !important;
	margin:0 0 -75 0;
	padding:0; 
	display:block;
	}
	

ul.logos li a:link, ul.logos li a:visited {
	float:left;
	}

ul.logos li.centerville a:link, ul.logos li.centerville a:visited {
	background: transparent url(../images/logo_centerville.gif); /*top left no-repeat;*/
	width: 107px;
	height:86px; 
	margin:0;
	padding:0;
	border:0;
	display:inline;
	}

ul.logos li.washington_township a:link, ul.logos li.washington_township a:visited {
	background: transparent url(../images/logo_washingtontownship.gif) top left no-repeat;
	width: 140px;
	height:86px;
	margin:0 !important;
	margin: -25px 0 0 0;
	padding:0;
	border:0;
	display:inline;
	}
ul.logos li.library a:link, ul.logos li.library a:visited {
	background: transparent url(../images/logo_library.gif) top left no-repeat;
	width: 115px;
	height:86px; 
	margin:0 !important;
	margin: -50px 0 0 0;
	padding:0;
	border:0;
	display:inline;
	}
	
ul.logos li.vision a:link, ul.logos li.vision a:visited {
	background: transparent url(../images/logo_createvision.gif) top left no-repeat;
	width: 99px;
	height:86px;
	margin:0 !important;
	margin: -75px 0 0 0;
	padding:0;
	border:0;
	display:inline;
	}	

ul.logos li.senior_center a:link, ul.logos li.senior_center a:visited {
	background: transparent url(../images/logo_seniorcenter.gif) top left no-repeat;
	width: 136px;
	height:86px;
	margin:0 !important;
	margin: -100px 0 0 0px;
	padding:0;
	border:0;
	display:inline;
	}	
	
ul.logos li.parks a:link, ul.logos li.parks a:visited {
	background: transparent url(../images/logo_park.gif); top left no-repeat;
	width: 127px;
	height:86px;
	margin:0 !important;
	margin: -125px 0 0 295px;
	padding:0;
	border:0;
	display:inline;
	}

ul.logos li.historical_soceity a:link, ul.logos li.historical_soceity a:visited {
	background: transparent url(../images/logo_historical.gif) top left no-repeat;
	width: 75px;
	height:86px;
	margin:0 !important;
	margin: -150px 0 0 360px;
	padding:0;
	border:0;
	display:inline;
	}	
	
ul.logos li.diversity a:link, ul.logos li.diversity a:visited {
	background: transparent url(../images/logo_cwdc.gif) top left no-repeat;
	width: 49px;
	height:86px;
	margin:0 !important;
	margin: -175px 0 0 400px;
	padding:0;
	border:0;
	display:inline;
	}	
	
ul.logos li.city_schools a:link, ul.logos li.city_schools a:visited {
	background: transparent url(../images/logo_ccs.gif) top left no-repeat;
	width: 100px;
	height:86px;
	margin:0 !important;
	margin: -225px 0 0 430px;
	padding:0;
	border:0;
	display:inline;
	}	
	
ul.logos li {
	text-indent:-9999px;
	margin:0;
	padding:0;
	border:0;
	}